:root{--sky:#79ccef;--sky-light:#dff4fc;--lemon:#f4ef47;--ink:#14191d;--muted:#5a6268;--line:#c9d0d4;--paper:#fff;--soft:#f3f5f5;--max:1380px;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Lucida Sans","Lucida Grande",Arial,sans-serif;letter-spacing:0;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;letter-spacing:0}
button{color:inherit}
svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shell{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 14px;background:var(--lemon);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.issue-bar{background:var(--ink);color:#fff;font-size:11px;text-transform:uppercase}
.issue-bar .shell{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.issue-bar span{white-space:nowrap}
.site-header{background:#fff;border-bottom:1px solid var(--ink);position:relative;z-index:10}
.header-main{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;font-size:clamp(33px,5vw,64px);font-weight:700;line-height:.8;text-transform:lowercase}
.brand i{width:12px;height:12px;background:var(--lemon);margin:0 .16em;transform:rotate(45deg)}
.icon-command{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:10px 0;cursor:pointer;font-weight:700}
.icon-command:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.site-nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px);min-height:50px;overflow:auto;scrollbar-width:none;font-size:13px;font-weight:700;white-space:nowrap}
.site-nav a{padding-block:17px;border-bottom:4px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{border-color:var(--lemon)}
.eyebrow,.category-link{text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.3}
.category-link{text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:4px;text-underline-offset:3px}
.home-intro{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(250px,.44fr);gap:clamp(24px,5vw,80px);align-items:end;padding-top:clamp(58px,9vw,130px);padding-bottom:clamp(46px,7vw,92px)}
.intro-number{font-size:13px;border-top:1px solid;padding-top:10px;align-self:start}
.home-intro .eyebrow{margin:0 0 22px}
.home-intro h1{font-size:clamp(46px,7.4vw,112px);line-height:.92;margin:0;font-weight:700;max-width:940px}
.intro-copy{font-size:16px;line-height:1.7;margin:0 0 8px;border-left:10px solid var(--lemon);padding-left:22px}
.feature-band{background:var(--sky);padding-block:clamp(28px,4vw,58px)}
.feature-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);align-items:stretch}
.feature-image{min-height:520px;overflow:hidden}
.feature-image img{width:100%;height:100%;object-fit:cover}
.feature-copy{background:#fff;padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center}
.feature-copy>div{display:flex;justify-content:space-between;gap:20px;align-items:start}
.feature-count{font-size:10px;color:var(--muted);text-transform:uppercase}
.feature-copy h2{font-size:clamp(32px,3.3vw,50px);line-height:1.02;margin:42px 0 24px;overflow-wrap:anywhere}
.feature-copy h2 a:hover{text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:8px}
.feature-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 36px}
.read-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;width:max-content;border-bottom:1px solid;padding-bottom:6px}
.read-link:hover{background:var(--lemon)}
.latest,.category-strip,.related{padding-top:clamp(74px,10vw,144px);padding-bottom:clamp(84px,11vw,154px)}
.section-heading{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.2fr) minmax(180px,.45fr);gap:40px;align-items:start;border-top:1px solid;padding-top:18px;margin-bottom:54px}
.section-heading p,.section-heading h2,.section-heading span{margin:0}
.section-heading h2{font-size:clamp(30px,4vw,54px);line-height:1.05}
.section-heading span{font-size:12px;line-height:1.5;color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,3vw,44px) 24px}
.story-card{grid-column:span 4}
.story-card.story-wide{grid-column:span 8;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.story-image{display:block;overflow:hidden;background:var(--sky-light);aspect-ratio:4/3}
.story-card.story-wide .story-image{aspect-ratio:16/10}
.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.story-image:hover img{transform:scale(1.025)}
.story-copy{padding-top:20px}
.story-copy h3{font-size:clamp(22px,2.2vw,34px);line-height:1.1;margin:18px 0 14px}
.story-copy h3 a:hover{text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:5px}
.story-copy>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 20px}
.story-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:10px;text-transform:uppercase}
.manifesto{background:var(--lemon);padding-block:clamp(70px,10vw,140px)}
.manifesto-grid{display:grid;grid-template-columns:.3fr 1.25fr .4fr;gap:50px;align-items:start}
.manifesto-grid>p:first-child{font-size:24px;font-weight:700;line-height:.8;margin:0}
.manifesto h2{font-size:clamp(38px,5.7vw,82px);line-height:1.02;margin:0}
.manifesto mark{background:#fff;padding:0 .08em}
.manifesto-grid>p:last-child{font-size:13px;line-height:1.7;margin:8px 0 0}
.category-list{border-top:1px solid}
.category-list>a{display:grid;grid-template-columns:70px .8fr 1fr 32px;gap:28px;align-items:center;padding:32px 0;border-bottom:1px solid}
.category-list>a:hover{background:var(--sky-light)}
.category-list span{font-size:11px}
.category-list h3{font-size:clamp(24px,3vw,42px);margin:0}
.category-list p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.site-footer{background:var(--ink);color:#fff;padding-block:70px}
.footer-grid{display:grid;grid-template-columns:1.5fr .5fr .5fr;gap:60px}
.brand-footer{font-size:44px}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px}
.footer-grid>div:first-child p{color:#bac1c5;max-width:360px;line-height:1.6}
.footer-grid strong{text-transform:uppercase;font-size:10px;color:var(--sky)}
.footer-grid a:hover{color:var(--lemon)}
.footer-grid span{color:#8e989e;margin-top:10px}
.search-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;background:rgba(20,25,29,.82);padding:0}
.search-dialog::backdrop{background:transparent}
.search-panel{margin-left:auto;min-height:100%;width:min(760px,100%);background:#fff;padding:clamp(30px,7vw,80px)}
.search-head{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid;padding-bottom:34px}
.search-head h2{font-size:clamp(30px,5vw,56px);line-height:1.05;margin:18px 0 0}
.search-close{border:1px solid;background:var(--lemon);width:44px;height:44px;font-size:28px;cursor:pointer;flex:0 0 auto}
.search-form{margin-top:46px}
.search-form label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.search-form>div{display:grid;grid-template-columns:1fr auto}
.search-form input{min-width:0;border:1px solid;border-right:0;padding:17px;font-size:18px}
.search-form button{border:1px solid;background:var(--sky);padding:0 20px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}
.search-status{font-size:12px;color:var(--muted);padding:18px 0;border-bottom:1px solid var(--line)}
.search-results article{padding:22px 0;border-bottom:1px solid var(--line)}
.search-results span{font-size:10px;text-transform:uppercase;color:var(--muted)}
.search-results a{display:block;font-weight:700;font-size:20px;margin:8px 0}
.search-results a:hover{text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:5px}
.search-results p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.breadcrumbs{display:flex;gap:10px;font-size:11px;text-transform:uppercase;color:var(--muted);padding-top:28px}
.breadcrumbs a:hover{text-decoration:underline}
.article-header{padding-bottom:clamp(48px,7vw,94px)}
.article-title-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:50px;padding-top:clamp(60px,8vw,110px)}
.article-title-grid h1{font-size:clamp(45px,7.2vw,102px);line-height:.98;margin:20px 0 30px;max-width:1120px}
.dek{font-size:clamp(17px,2vw,24px);line-height:1.55;max-width:850px;color:var(--muted);margin:0}
.byline{display:flex;flex-wrap:wrap;gap:16px 32px;border-top:1px solid;margin-top:40px;padding-top:14px;font-size:11px;text-transform:uppercase}
.article-index{align-self:start;font-size:64px;font-weight:700;color:var(--sky);line-height:.9}
.article-index small{display:block;color:var(--ink);font-size:14px;margin-top:8px}
.article-hero{width:min(calc(100% - 2 * var(--pad)),1540px);margin:0 auto;position:relative;background:var(--sky-light);aspect-ratio:16/8.6;overflow:hidden}
.article-hero img{width:100%;height:100%;object-fit:cover}
.article-hero figcaption{position:absolute;right:0;bottom:0;background:#fff;padding:9px 13px;font-size:9px;text-transform:uppercase}
.article-layout{display:grid;grid-template-columns:250px minmax(0,720px) 1fr;gap:clamp(40px,7vw,110px);padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(90px,12vw,170px)}
.article-aside{grid-column:1;align-self:start;border-top:9px solid var(--lemon);padding-top:16px;position:sticky;top:30px}
.article-aside span{font-size:10px;text-transform:uppercase;font-weight:700}
.article-aside p{font-size:12px;line-height:1.6;color:var(--muted)}
.article-aside a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;margin-top:25px}
.article-content{grid-column:2;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.78;min-width:0}
.article-content .lead{font-size:23px;line-height:1.55;margin-top:0;color:#2c353a}
.article-content h2,.article-content h3,.article-content h4{font-family:"Lucida Sans","Lucida Grande",Arial,sans-serif;line-height:1.15}
.article-content h2{font-size:36px;margin:70px 0 20px;border-top:1px solid;padding-top:25px}
.article-content h3{font-size:23px;margin:42px 0 14px}
.article-content h4{font-size:17px;text-transform:uppercase;margin:36px 0 12px}
.article-content p{margin:0 0 24px}
.article-content ul,.article-content ol{margin:26px 0;padding-left:25px}
.article-content li{padding-left:8px;margin-bottom:10px}
.article-note{font-family:"Lucida Sans","Lucida Grande",Arial,sans-serif;background:var(--sky-light);border-left:12px solid var(--sky);padding:28px;margin:42px 0;display:grid;gap:8px}
.article-note strong{text-transform:uppercase;font-size:11px}
.article-note span{font-size:15px;line-height:1.55}
.related{border-top:1px solid}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.related-grid .story-card{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.related-grid .story-image{aspect-ratio:1/1}
.category-hero{background:var(--sky-light);padding:clamp(70px,10vw,140px) 0}
.category-hero .shell{display:grid;grid-template-columns:1.3fr .55fr;gap:70px;align-items:end}
.category-hero h1{font-size:clamp(54px,9vw,132px);line-height:.9;margin:20px 0 0;max-width:1000px}
.category-hero .shell>p{font-size:16px;line-height:1.7;border-left:10px solid var(--lemon);padding-left:22px;margin:0}
.category-articles{padding-top:60px;padding-bottom:clamp(90px,12vw,170px)}
.category-rule{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid;text-transform:uppercase;font-size:10px}
.category-story-list article{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);padding:clamp(52px,7vw,90px) 0;border-bottom:1px solid;align-items:center}
.category-story-image{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.category-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.category-story-image:hover img{transform:scale(1.025)}
.story-number{display:block;font-size:42px;color:var(--sky);font-weight:700;margin-bottom:24px}
.category-story-list h2{font-size:clamp(30px,3.8vw,54px);line-height:1.06;margin:16px 0 20px;overflow-wrap:anywhere}
.category-story-list h2 a:hover{text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:8px}
.category-story-list article>div>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:670px;margin:0 0 28px}
@media (max-width:980px){.home-intro{grid-template-columns:50px 1fr}.intro-copy{grid-column:2}.feature-grid{grid-template-columns:1fr}.feature-image{min-height:auto;aspect-ratio:16/10}.story-card,.story-card.story-wide{grid-column:span 6;display:block}.manifesto-grid{grid-template-columns:.25fr 1fr}.manifesto-grid>p:last-child{grid-column:2}.section-heading{grid-template-columns:.4fr 1fr}.section-heading>span{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:50px}.related-grid .story-card{display:block}.category-hero .shell{grid-template-columns:1fr}.category-hero .shell>p{max-width:600px}}
@media (max-width:680px){:root{--pad:20px}.issue-bar span:nth-child(2){display:none}.issue-bar span:nth-child(3){overflow:hidden;text-overflow:ellipsis}.header-main{min-height:86px}.brand{font-size:38px}.brand i{width:9px;height:9px}.icon-command span{display:none}.site-nav{margin-inline:0;padding-inline:20px}.home-intro{grid-template-columns:1fr;padding-top:62px}.intro-number{display:none}.intro-copy{grid-column:1}.home-intro h1{font-size:48px}.feature-band{padding:0}.feature-grid{padding:0}.feature-copy{padding:32px 20px 42px}.feature-copy h2{font-size:36px;margin-top:34px}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:36px}.story-grid{display:block}.story-card,.story-card.story-wide{margin-bottom:54px}.story-card.story-wide .story-image,.story-image{aspect-ratio:16/11}.manifesto-grid{grid-template-columns:1fr;gap:35px}.manifesto-grid>p:last-child{grid-column:1}.manifesto h2{font-size:39px}.category-list>a{grid-template-columns:44px 1fr 24px;gap:12px;padding:25px 0}.category-list p{grid-column:2}.category-list svg{grid-column:3;grid-row:1}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-grid>div:first-child{grid-column:1}.search-panel{padding:28px 20px}.search-form>div{grid-template-columns:1fr}.search-form input{border-right:1px solid}.search-form button{min-height:52px;justify-content:center}.article-title-grid{grid-template-columns:1fr;gap:20px}.article-title-grid h1{font-size:46px}.article-index{font-size:44px}.article-hero{width:100%;aspect-ratio:4/3}.article-layout{grid-template-columns:1fr;padding-top:60px}.article-aside{grid-column:1;position:static}.article-content{grid-column:1;font-size:17px}.article-content .lead{font-size:20px}.article-content h2{font-size:29px;margin-top:55px}.related-grid{grid-template-columns:1fr}.category-hero h1{font-size:52px}.category-story-list article{grid-template-columns:1fr;gap:28px}.story-number{font-size:32px}.category-story-list h2{font-size:34px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
