/* Publication-specific layout, using taste-skill's dealt neutral palette. */
:root {
  --p-bg: #eeecea; --p-surface: #e4e1dd; --p-ink: #333231; --p-muted: #625f5b;
  --p-accent: #5c6b54; --p-accent-ink: #ffffff; --p-action: #5c6b54; --p-action-ink: #ffffff;
  --p-inv-bg: #333231; --p-inv-surface: #3e3d3c; --p-inv-ink: #eeecea; --p-inv-muted: #adaba9;
  --p-inv-accent: #eeecea; --p-inv-accent-ink: #333231; --p-inv-action: #eeecea; --p-inv-action-ink: #333231;
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-text: "IBM Plex Sans", system-ui, sans-serif;
  --display-weight: 400; --display-tracking: -0.025em; --display-tracking-xl: -0.035em; --ly-scale: 0.98;
  --paper:var(--p-bg);--ink:var(--p-ink);--muted:var(--p-muted);--accent:var(--p-accent);--green:var(--p-accent);
  --bg:var(--paper);--action:var(--p-action);--action-ink:var(--p-action-ink);--t-h2:clamp(28px,4vw,50px);
  --m-ease:cubic-bezier(.2,.8,.2,1);--t-lead:20px;
}
html{scroll-behavior:auto}body{font-family:var(--font-text)}
header{height:88px}.mark{width:32px;height:32px}.brand{letter-spacing:-1px}
nav a,footer a,.language{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.hero{min-height:calc(100svh - 88px);padding:64px 0;gap:64px;grid-template-columns:1.25fr 1fr}
h1,.story h3,.manifesto h2,.article h1,.article h2{font-family:var(--font-display);font-weight:400}
h1{font-size:clamp(45px,5.2vw,72px);letter-spacing:-.045em;line-height:1.12}
.eyebrow,.story-meta>span,.section-head span{font-size:13px;letter-spacing:0;text-transform:none;font-weight:500}
.intro,.story p{color:var(--ink);font-size:17px;line-height:1.75}.button{font-size:16px;min-height:48px;align-items:center;background:var(--action);border-radius:4px}
.issue-cover{background:var(--p-surface);padding:40px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid var(--ink)}
.issue-label{font-size:14px}.cover-title{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.035em;max-width:9ch}.issue-cover .link{font-size:16px;min-height:44px;display:flex;align-items:center;line-height:1.5}
.section-head{padding-top:32px}.section-head h2{font:400 32px var(--font-display)}
.story-content{grid-template-columns:1fr 40px;gap:24px}.read{margin-left:0;font-size:14px}.story{padding:32px 0;cursor:pointer}.story h3{font-size:32px;letter-spacing:-.025em}.story-meta{font-size:13px}
.manifesto{margin:64px 0;padding:64px 0;border-left:0;border-top:1px solid var(--line);background:transparent;min-height:65svh;display:flex;align-items:center}.manifesto h2{font-size:16px;color:var(--muted);margin-bottom:32px}.manifesto a{font-size:16px;min-height:44px;display:inline-flex;align-items:center}.manifesto .mo-wh__text{font-size:var(--t-h2);line-height:1.25;letter-spacing:-.025em;max-width:940px}
footer{font-size:13px}footer p{font-size:13px}.article h1{font-size:clamp(40px,5vw,64px)}.article .byline,.article .back,.article .eyebrow{font-size:13px}.article p{max-width:65ch}.article .back{min-height:44px}
@media(max-width:700px){header{height:80px}.hero{min-height:calc(100svh - 80px);grid-template-columns:1fr;gap:32px;padding:40px 0}.hero h1{font-size:44px}.issue-cover{min-height:240px;padding:24px}.cover-title{font-size:32px;max-width:14ch;margin:24px 0}.hero .button{width:100%;justify-content:space-between}.intro{font-size:16px}.story-content{grid-template-columns:1fr 24px;gap:12px}.story p{font-size:16px}.story h3{font-size:28px}.section-head{gap:24px}.section-head span{max-width:150px}.manifesto{padding:48px 0;min-height:55svh}html[lang=zh-Hant] h1{font-size:42px}footer div{gap:24px}.brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.hero{animation:none}}
@media(max-width:380px){header,main,footer{padding-left:16px;padding-right:16px}.brand{font-size:18px;gap:5px}.mark{width:24px;height:24px}nav{gap:8px}.language{padding-left:8px}.hero h1,html[lang=zh-Hant] h1{font-size:38px}.issue-cover{padding:24px}.story-meta{gap:12px;flex-wrap:wrap}}
