*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none} p{margin:.2rem 0 1rem} h1,h2,h3{line-height:1.1;margin:0 0 .8rem} h1,h2{font-family:var(--font-serif)}
.site-header,.breadcrumbs,.site-footer,main{padding-inline:min(4vw,2rem)} .top-strip{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;position:relative} .brand{display:flex;flex-direction:column;gap:.2rem} .brand-kicker{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} .brand-name{font-family:var(--font-serif);font-size:clamp(1.7rem,3vw,3rem);font-weight:700}
.site-nav{display:flex;flex-wrap:wrap;gap:1rem} .site-nav a{padding:.45rem 0;border-bottom:2px solid transparent} .site-nav a:hover,.site-nav a:focus-visible{border-color:var(--accent)}
.menu-toggle{display:none;background:var(--surface);border:1px solid var(--line);padding:.65rem .9rem;border-radius:999px} .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:.2rem 0 1.4rem;color:var(--muted);font-size:.92rem} .breadcrumbs li:not(:last-child)::after{content:'/';margin-left:.45rem}
main{padding-bottom:4rem} .hero{position:relative;overflow:hidden;border-radius:16px;min-height:420px;background:var(--surface);display:grid;align-items:end} .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hero::after{content:'';position:absolute;inset:0;background:var(--hero-overlay)} .hero-copy{position:relative;z-index:1;padding:clamp(1.3rem,4vw,3rem);max-width:62rem;color:#fff}
.hero-copy p{font-size:1.02rem;color:rgba(255,255,255,.85)} .hero-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem} .section{padding:2rem 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem} .section-head p{max-width:44rem;color:var(--muted)} .card-grid,.latest-grid,.mini-grid,.city-grid,.pro-grid,.category-grid,.related-grid{display:grid;gap:1rem}
.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .latest-grid,.mini-grid,.city-grid,.pro-grid,.category-grid,.related-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card,.story-card,.city-card,.profile-card,.category-card,.related-card,.info-panel,.quick-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.04)} .story-card img,.city-card img,.profile-card img,.category-card img,.related-card img{width:100%;height:220px;object-fit:cover}
.card-copy{padding:1rem 1rem 1.2rem} .kicker{display:inline-block;margin-bottom:.7rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)} .lede{font-size:1.05rem;color:var(--muted);max-width:62rem}
.home-grid aside{display:grid;gap:1rem} .breaking-list,.utility-list,.link-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem} .breaking-list a,.utility-list a,.link-list a{display:block;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.chip-list{display:flex;flex-wrap:wrap;gap:.7rem} .chip{padding:.45rem .8rem;border-radius:999px;background:var(--surface-alt);font-size:.92rem} .article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}
.article-layout{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden} .article-header{padding:1.4rem 1.4rem 0} .article-body{padding:0 1.4rem 1.6rem} .article-body h2,.article-body h3{margin-top:1.4rem} .article-body ul{padding-left:1.1rem}
.article-media{margin:1rem 0} .article-media img{width:100%;height:min(60vw,360px);object-fit:cover;border-radius:16px} .answer-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0 1.3rem} .answer-strip article{background:var(--surface-alt);border-radius:16px;padding:1rem}
.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0} .button-row a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600} .button-row a:hover{border-color:var(--accent);color:var(--accent)}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem} .service-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 10px 25px rgba(0,0,0,.04)} .faq-list{display:grid;gap:1rem} .faq-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem}
.notice{padding:1rem 1.1rem;background:var(--surface-alt);border-left:4px solid var(--accent);border-radius:16px}
.sidebar-stack{display:grid;gap:1rem} .mini-list{display:grid;gap:.9rem} .mini-item{padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)} .cta-box{padding:1rem 1.1rem;background:var(--surface-alt);border-radius:16px;border:1px solid var(--line)}
.profile-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:stretch} .profile-details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.3rem} .profile-photo{border-radius:16px;overflow:hidden;min-height:320px} .profile-photo img{width:100%;height:100%;object-fit:cover}
.data-list{display:grid;gap:.7rem;margin:1rem 0} .data-row{display:flex;gap:.8rem;justify-content:space-between;padding-bottom:.6rem;border-bottom:1px solid var(--line)} .mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} .mosaic img{height:200px;object-fit:cover;border-radius:16px}
.site-footer{display:flex;justify-content:space-between;gap:1.5rem;padding-top:2rem;padding-bottom:2.5rem;border-top:1px solid var(--line)} .footer-links{display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start} .eyebrow{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 980px){.article-wrap,.profile-hero,.home-grid{grid-template-columns:1fr}}
@media (max-width: 760px){.top-strip{display:none} .menu-toggle{display:block} .site-nav{display:none;position:absolute;right:0;top:100%;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:240px} .site-nav.is-open{display:grid} .brand-row{align-items:flex-start} .story-card img,.city-card img,.profile-card img,.category-card img,.related-card img{height:200px} .mosaic{grid-template-columns:1fr} .site-footer{flex-direction:column}}