
.reading a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}.reading ul,.reading ol{padding-left:24px;margin:24px 0;font-size:18px;line-height:1.6}.reading li{margin-bottom:12px}.reading h2,.reading h3{font-size:24px;line-height:32px;margin:32px 0 16px}

:root{--paper:#faf9f5;--ink:#242b24;--muted:#667064;--olive:#46573c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;overflow-wrap:break-word;font-weight:400;letter-spacing:-.045em}p{text-wrap:pretty}a:focus-visible,button:focus-visible{outline:3px solid #607f89;outline-offset:4px}.wrap{max-width:1240px;padding:0 32px;margin:auto}.header{position:sticky;top:0;background:#faf9f5eb;backdrop-filter:blur(24px);z-index:10;border-bottom:1px solid #242b2410}.nav{display:flex;align-items:center;gap:24px;min-height:80px}.brand{margin-right:auto}.brand img{width:120px;height:auto;display:block}.nav a{font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:12px 16px;border-radius:8px;font-size:14px;min-height:44px;transition:background 150ms cubic-bezier(.2,0,0,1)}.button:hover{background:var(--olive)}.active{color:var(--olive);text-decoration:underline;text-underline-offset:8px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;z-index:30;background:white;padding:16px}.intro{padding:80px 0 40px}.intro h1{font-size:60px;line-height:1;max-width:680px}.intro p{margin-top:24px;color:var(--muted);font-size:18px;line-height:28px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.filter{border:1px solid transparent;border-radius:999px;padding:12px 16px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.filter[aria-pressed=true]{background:white;border-color:#242b2419;color:var(--ink);box-shadow:0 2px 4px #00000005}.filter:hover{background:#e7ece2}.featured{display:grid;grid-template-columns:1fr 1fr;background:#e7ece2;border-radius:24px;overflow:hidden;margin-bottom:48px}.feature-copy{padding:40px;display:flex;flex-direction:column;align-items:start;gap:24px}.feature-copy h2{font-size:36px;line-height:40px}.feature-copy .read{margin-top:auto;font-size:14px}.featured img{width:100%;height:100%;min-height:400px;object-fit:cover}.meta{font-size:14px;line-height:20px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 16px;padding-bottom:96px}.cover{border-radius:16px;overflow:hidden;outline:1px solid #00000010;aspect-ratio:1.1}.cover img{width:100%;height:100%;object-fit:cover;transition:transform 700ms cubic-bezier(.32,.72,0,1)}.card:hover img,.card:focus-visible img{transform:scale(1.035)}.card h2{font-size:24px;line-height:32px;margin:16px 0 12px}.card:hover h2{color:var(--olive)}[hidden]{display:none!important}.footer{padding:48px 0;background:#e7ece2}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p{font-size:14px;color:var(--muted)}.back{display:inline-block;margin:48px 0 32px;color:var(--muted);font-size:14px}.article-head{max-width:850px;margin:0 auto 48px}.article-head h1{font-size:60px;line-height:1;margin:16px 0 24px}.article-head .meta{margin-top:24px}.article-cover{width:100%;max-height:540px;object-fit:cover;border-radius:24px;margin-bottom:64px}.reading{max-width:680px;margin:auto}.reading p{font-size:18px;line-height:28px;margin-bottom:24px;letter-spacing:-.01em}.source{font-size:14px;line-height:20px;color:var(--muted);margin:40px 0}.source a{text-decoration:underline}.article-cta{margin:64px 0;background:#e7ece2;padding:32px;border-radius:16px}.article-cta h2{font-size:30px;line-height:36px;margin-bottom:16px}.article-cta p{font-size:16px;line-height:24px}.related-title{font-size:36px;line-height:40px;margin:64px 0 32px}.count{color:var(--muted);font-size:14px;margin-bottom:24px}
@media(max-width:900px){.nav .extra{display:none}.intro h1,.article-head h1{font-size:48px}.featured{grid-template-columns:1fr 1fr}.feature-copy{padding:24px}.feature-copy h2{font-size:30px;line-height:36px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{padding:0 16px}.nav{gap:16px;min-height:72px}.brand img{width:96px}.nav .button{font-size:12px;padding:8px 12px}.intro{padding:48px 0 32px}.intro h1,.article-head h1{font-size:36px;line-height:40px}.intro p{font-size:16px;line-height:24px}.filters{gap:8px;margin-bottom:32px}.filter{padding:12px}.featured{grid-template-columns:1fr}.featured img{min-height:0;height:280px}.feature-copy{gap:16px}.grid{grid-template-columns:1fr;gap:32px;padding-bottom:64px}.cover{aspect-ratio:1.3}.article-cover{margin-bottom:40px;min-height:240px}.article-head{margin-bottom:32px}.reading p{font-size:16px;line-height:28px}.back{margin-top:32px}.article-cta{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.card:hover img{transform:none}}

/* Fine inset edges give editorial surfaces quiet depth without changing layout. */
.featured,.card .cover{position:relative}
.featured::after,.card .cover::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(36,43,36,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 2px rgba(36,43,36,.06);z-index:1}
.featured{box-shadow:0 2px 6px rgba(36,43,36,.035)}

/* More breathing room within and between article cards. */
.grid{row-gap:72px}.grid .card h2{margin-top:24px;margin-bottom:20px}
@media(max-width:600px){.grid{row-gap:48px}.grid .card h2{margin-top:20px;margin-bottom:16px}}

.filter[aria-pressed=true],.filter[aria-pressed=true]:hover{background:#242424;border-color:#242424;color:#fff;box-shadow:none}
@media(max-width:600px){
 .filters{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 4px 10px;scroll-padding-inline:4px;scrollbar-width:thin}
 .filter{white-space:nowrap;min-height:44px}
}
