/* SEEN polish, 2026-10-05: one-row header controls, legible body text, one type system, homepage lead. */
:root{--seen-ask-panel-top:76px;--seen-menu-top:76px;--seen-body-ink:#2b261f;--seen-type-display:"Arial Black","Helvetica Neue",Arial,sans-serif;--seen-type-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--seen-type-label:"Courier New",ui-monospace,monospace}

/* Header controls: one row on desktop. */
.seen-utility-rail{width:auto!important;grid-auto-flow:column;grid-auto-columns:max-content;gap:8px!important;align-items:center}
.seen-utility-rail>button{width:auto!important;padding:6px 14px!important;white-space:nowrap!important}
.seen-header--with-ask .seen-brandline{padding-right:0!important}
.seen-header--with-ask{padding-top:max(var(--seen-header-pad,0px),64px)}
.seen-mobile-shortcuts{display:none}

/* Mobile: one Menu button; Ask, All cities and the city menu live inside it. */
@media(max-width:767px){
 :root{--seen-ask-panel-top:68px;--seen-menu-top:68px}
 .seen-utility-rail>button:not(.seen-utility-explore){display:none!important}
 .seen-utility-rail>button.seen-utility-explore{padding:6px 16px!important;font-size:12px!important}
 .seen-header--with-ask{padding-top:56px}
 #seen-explore .seen-mobile-shortcuts{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;margin:0 0 4px}
 .seen-mobile-shortcuts button{flex:1 1 40%;min-height:44px;border:2px solid #171716;border-radius:14px;background:var(--seen-city-accent,#ff654b);color:#171716;font:900 13px/1.2 var(--seen-type-body);cursor:pointer}
}

/* One type system: Arial Black display, system sans body, Courier for labels only. */
main h1,main h2,main h3{font-family:var(--seen-type-display)}
main p,main li,main dd,main blockquote{font-family:var(--seen-type-body)}

/* Body copy: at least 16px and dark enough to read on cream. */
main p:not([class*="kicker"]):not([class*="eyebrow"]):not([class*="label"]):not([class*="meta"]):not([class*="date"]):not([class*="cap"]):not([class*="tag"]):not([class*="hook"]){font-size:max(16px,1em)}
main p[style*="color"],main .seen-card p,main article p{color:inherit}
main p{text-wrap:pretty}main h1,main h2,main h3{text-wrap:balance}

/* Homepage additions. */
.seen-hook{font:900 clamp(18px,2.2vw,26px)/1.2 var(--seen-type-display);margin:14px 0 0;letter-spacing:-.01em}
.seen-lead{max-width:1220px;margin:40px auto;padding:0 24px}
.seen-lead>a,.seen-lead .seen-lead-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;color:inherit;text-decoration:none;border:3px solid #171716;background:#fff5dc;box-shadow:6px 6px 0 var(--seen-city-accent,#ff654b);padding:28px}
.seen-lead h2{font:900 clamp(32px,5vw,64px)/.95 var(--seen-type-display);letter-spacing:-.03em;margin:8px 0 14px}
.seen-lead h2 span{color:#c2361d;display:block}
.seen-lead p{font:400 18px/1.55 var(--seen-type-body);color:var(--seen-body-ink);margin:0 0 12px}
.seen-lead img{width:100%;height:auto;display:block;border:2px solid #171716}
@media(max-width:760px){.seen-lead>a,.seen-lead .seen-lead-card{grid-template-columns:1fr;padding:20px}}
.seen-hood-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.seen-hood-links a{min-height:44px;display:inline-flex;align-items:center;padding:6px 14px;border:2px solid currentColor;border-radius:999px;font:800 14px/1.2 var(--seen-type-body);text-decoration:none;color:inherit}
.seen-hood-links a:hover,.seen-hood-links a:focus-visible{background:var(--seen-city-accent,#ff654b);color:#171716}

/* One sitewide motion switch replaces the per-card buttons. */
.seen-motion-toggle{display:none!important}
.seen-motion-global{position:fixed;right:calc(max(var(--seen-utility-right,32px),env(safe-area-inset-right)) + 64px);bottom:max(16px,env(safe-area-inset-bottom));z-index:998;min-height:44px;padding:8px 14px;border:2px solid #171716;border-radius:14px;background:var(--cream,#fff3dc);color:#171716;box-shadow:3px 3px 0 var(--seen-city-accent,#ff654b);font:900 11px/1 var(--seen-type-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.seen-motion-global:hover{background:var(--seen-city-accent,#ff654b)}.seen-motion-global:focus-visible{outline:3px solid #171716;outline-offset:3px}
body:has(dialog[open]) .seen-motion-global{visibility:hidden}

/* AI-art disclosure. */
.seen-ai-art-note{max-width:1220px;margin:16px auto 0;font:400 13px/1.5 var(--seen-type-body);opacity:.85}
@media(max-width:767px){.seen-motion-global{padding:8px 10px;font-size:10px}}
/* New artwork, 2026-10-05: topic heroes and card thumbnails. */
.seen-topic-art{margin:24px 0 28px;border:3px solid #171716;box-shadow:6px 6px 0 var(--seen-city-accent,#ff654b);background:#fff5dc}
.seen-topic-art img{display:block;width:100%;height:auto;aspect-ratio:1456/816;object-fit:cover}
.seen-topic-art figcaption{padding:8px 14px;font:700 11px/1.4 var(--seen-type-label);letter-spacing:.08em;text-transform:uppercase;border-top:2px solid #171716}
.seen-home-story>.seen-story-thumb{display:block;width:calc(100% + 0px);height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid #171716;margin:0 0 14px}
/* Section-card artwork: full card width, not a 44px icon. */
.v-card>img.seen-section-card-art{width:calc(100% + 40px)!important;max-width:none!important;height:190px!important;margin:-20px -20px 22px!important;object-fit:cover;display:block;border:0;border-bottom:3px solid var(--seen-city-ink,#171716);border-radius:0}
@media(max-width:767px){.v-card>img.seen-section-card-art{height:150px!important}}