:root{--ink:#24211e;--paper:#fcf8f1;--accent:#8b5e34;--line:#e6d6c2;--muted:#667085;--radius:5px;--max:1120px;}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter, Arial, sans-serif;line-height:1.62} a{color:inherit;text-decoration:none} a:hover{color:var(--accent)} img,svg{max-width:100%;height:auto} .wrap{width:min(var(--max),92vw);margin:auto}
.topbar{font-size:.84rem;border-bottom:1px solid var(--line);padding:.45rem 0;color:var(--muted)} header{background:rgba(255,255,255,.34);border-bottom:1px solid var(--line)} .brandrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0} .brandrow.centered-logo{flex-direction:column} .brandrow.stacked-header{display:block} .brandrow.stacked-header nav{margin-top:1rem} nav{display:flex;gap:1.15rem;flex-wrap:wrap;font-size:.95rem} .menu-btn{display:none;background:var(--ink);color:white;border:0;padding:.65rem .8rem;border-radius:var(--radius)}
main{padding:2rem 0} h1,h2,h3{font-family:Georgia, 'Times New Roman', serif;line-height:1.12;margin:.2rem 0 .75rem} h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em} h2{font-size:clamp(1.55rem,3vw,2.25rem)} h3{font-size:1.25rem} p{margin:.7rem 0 1rem} .kicker,.meta{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700} .muted{color:var(--muted)} .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;margin:1.3rem 0 2.4rem} .hero.article-stream{grid-template-columns:.85fr 1.15fr} .hero.featured-story{grid-template-columns:1fr;max-width:880px} .hero.editorial-columns{grid-template-columns:repeat(3,1fr)} .hero.editorial-columns .lead{grid-column:span 2} .lead{font-size:1.14rem} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem} .grid.two{grid-template-columns:1fr 1fr} .card{background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;overflow:hidden} .card.shadowed{box-shadow:0 18px 34px rgba(0,0,0,.08);border:0} .card.flat{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0} .card.editorial-lines{border-left:5px solid var(--accent)} .card.image-overlay{padding:0;position:relative} .card.image-overlay .card-body{padding:1rem} .section{margin:2.7rem 0} .section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:1rem} .article-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:3rem;align-items:start} .article-layout.wide-magazine{grid-template-columns:minmax(0,820px) 250px} .article-layout.minimalist-reading,.article-layout.narrow-reading{display:block;max-width:760px;margin:auto} .article-body{font-size:1.05rem} .article-body p:first-of-type::first-letter{font-size:3rem;float:left;line-height:.9;padding-right:.3rem;font-family:Georgia, 'Times New Roman', serif;color:var(--accent)} aside{border-left:1px solid var(--line);padding-left:1rem} .authorbox{display:flex;gap:1rem;align-items:center;background:rgba(255,255,255,.45);padding:1rem;border-radius:var(--radius);border:1px solid var(--line)} .notice{position:fixed;left:1rem;right:1rem;bottom:1rem;background:var(--ink);color:white;padding:1rem;border-radius:var(--radius);display:none;z-index:10} .notice button{float:right;background:var(--accent);color:white;border:0;padding:.45rem .7rem;border-radius:6px} footer{border-top:1px solid var(--line);margin-top:3rem;padding:2rem 0;color:var(--muted)} footer .foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1.4rem} .small{font-size:.9rem} .page{max-width:830px} ul.clean{padding-left:1.1rem} .sr{position:absolute;left:-9999px}
@media(max-width:760px){.brandrow,.brandrow.centered-logo,.brandrow.stacked-header{display:flex;flex-direction:row}.menu-btn{display:block} nav{display:none;width:100%;padding-bottom:1rem} nav.open{display:flex;flex-direction:column} .hero,.hero.article-stream,.hero.editorial-columns{grid-template-columns:1fr} .hero.editorial-columns .lead{grid-column:auto} .grid,.grid.two,.article-layout,.article-layout.wide-magazine{grid-template-columns:1fr;display:block} .card{margin-bottom:1rem} aside{border-left:0;padding-left:0;border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem} footer .foot{grid-template-columns:1fr}}