/* DAILY CONTEST — editorial system. Responsive, no external dependencies. */
:root {
 --red:#C73532;--red-deep:#A82725;--gold:#B18A49;--ink:#19232C;--paper:#FAF8F3;--stone:#EEEAE2;--text:#22272B;--muted:#626970;
 --line:#D8D3C8;--white:#fff;--max:1260px;--ease:cubic-bezier(.2,.8,.2,1);
 --serif:"Noto Serif SC","Songti SC",SimSun,serif;
 --sans:Inter,"Arial","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--text);font:400 15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:white}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;object-fit:cover}
button{font:inherit;cursor:pointer}
a,button{outline-offset:4px}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
p,h1,h2,h3,h4,figure{margin-top:0}
p{overflow-wrap:anywhere}
h1,h2,h3{line-height:1.28;letter-spacing:-.035em}
.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.skip-link{position:fixed;z-index:200;top:-100px;left:16px;background:var(--red);padding:10px 16px;color:white}
.skip-link:focus{top:12px}
.top-strip{background:var(--ink);color:#D9DBD9;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.top-strip__inner{height:35px;display:flex;align-items:center;justify-content:space-between}
.site-header{background:var(--paper);position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.site-header.scrolled{box-shadow:0 4px 18px #19232c10}
.header-inner{height:83px;display:flex;align-items:center;gap:35px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:227px}
.logo img{height:47px;width:47px;object-fit:contain;background:var(--stone);border:1px solid var(--line)}
.brand-text{display:flex;flex-direction:column;gap:0;line-height:1.25}
.brand-text strong{font-size:25px;letter-spacing:-.09em;font-weight:900}
.brand-text small{font-size:9px;letter-spacing:.24em;font-weight:800;color:var(--red);padding-top:5px}
.site-nav{display:flex;align-items:stretch;align-self:stretch;gap:30px;margin-left:auto}
.site-nav>a{display:flex;align-items:center;position:relative;font-weight:750;font-size:13px;letter-spacing:.025em;white-space:nowrap}
.site-nav>a::after{content:"";position:absolute;bottom:0;height:3px;background:var(--red);width:0;left:0;transition:width .2s}
.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--red-deep)}
.site-nav>a:hover::after,.site-nav>a[aria-current=page]::after{width:100%}
.header-issue{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);letter-spacing:.13em;border-left:1px solid var(--line);padding-left:26px;white-space:nowrap}
.header-issue b{color:var(--ink)}
.header-issue i{color:var(--red);font-style:normal;font-size:16px;margin-left:6px}
.nav-toggle{display:none}
.eyebrow{color:var(--red);font-size:11px;letter-spacing:.18em;font-weight:850;line-height:1.5;text-transform:uppercase;display:inline-block}
.eyebrow.light{color:#E8AF7E}
.dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}
.micro{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.home-lead{padding-top:24px}
.lead-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:18px}
.lead-head .micro{margin:0}
.lead-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.43fr);gap:19px;min-height:540px}
.lead-story{display:flex;flex-direction:column;justify-content:center;padding:16px 18px 28px 0;min-width:0}
.issue-note{letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--muted);border-left:3px solid var(--red);padding-left:10px;margin-bottom:27px}
.issue-note b{font-size:15px;color:var(--red)}
.lead-story h1{font-size:clamp(44px,4.6vw,72px);font-weight:900;line-height:1.16;margin-bottom:30px;letter-spacing:-.09em}
.lead-story h1 span{color:var(--red)}
.lead-summary{font-size:16px;line-height:2;max-width:440px;color:#4C5155;margin-bottom:26px}
.lead-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.primary-action{background:var(--red);color:white;padding:12px 18px;font-size:13px;font-weight:750;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;transition:background .2s,transform .2s}
.primary-action:hover{background:var(--red-deep);transform:translateY(-2px)}
.secondary-action{font-size:12px;font-weight:750;display:inline-flex;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.secondary-action:hover{color:var(--red);border-color:var(--red)}
.lead-rule{border-top:1px solid var(--line);margin-top:auto;padding-top:16px;display:flex;gap:21px;color:var(--muted);font-size:10px;letter-spacing:.08em}
.lead-photo{position:relative;min-height:485px;background:var(--ink);overflow:hidden}
.lead-photo>a{display:block;height:100%;position:absolute;inset:0}
.lead-photo .lead-cover{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.lead-photo>a:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#101820b8)}
.photo-number{position:absolute;top:12px;left:14px;color:white;font:800 54px/1 var(--sans);letter-spacing:-.08em;z-index:1}
.photo-number span{font-size:10px;letter-spacing:.12em;font-weight:500;vertical-align:middle}
.photo-caption{position:absolute;left:22px;bottom:21px;z-index:2;color:white;display:flex;flex-direction:column;pointer-events:none}
.photo-caption strong{font-size:30px;font-weight:900;line-height:1.4}
.photo-caption a{font-size:12px;text-decoration:underline;text-underline-offset:6px;pointer-events:auto}
.lead-side{display:flex;flex-direction:column;min-width:0;gap:12px}
.side-label{font-size:10px;letter-spacing:.04em;font-weight:800;display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px}
.side-label span{color:var(--gold)}
.side-feature{display:flex;flex-direction:column;gap:9px;border-bottom:1px solid var(--line);padding-bottom:15px}
.side-feature img{width:100%;height:208px;aspect-ratio:3/4;object-fit:cover}
.side-feature>span{font-size:10px;color:var(--red);letter-spacing:.11em;font-weight:800}
.side-feature strong{font-size:15px;font-weight:850;line-height:1.5;letter-spacing:-.03em}
.side-feature:hover strong{color:var(--red-deep)}
.side-feature--text{background:var(--stone);padding:18px;margin-top:auto;position:relative;border-bottom:3px solid var(--gold)}
.side-feature--text small{color:var(--muted);font-size:11px}
.side-feature--text i{position:absolute;right:13px;bottom:10px;color:var(--red);font-style:normal;font-size:18px}
.content-section{margin-top:74px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:2px solid var(--ink);padding-top:15px;margin-bottom:27px}
.section-heading h2{font-size:clamp(23px,2.6vw,34px);font-weight:900;margin:9px 0 0;letter-spacing:-.05em}
.text-link{font-size:12px;color:var(--red-deep);font-weight:850;white-space:nowrap;border-bottom:1px solid var(--red);padding-bottom:5px}
.text-link:hover{color:var(--ink);border-color:var(--ink)}
.feature-grid,.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-card{min-width:0}
.card-image{display:block;position:relative;overflow:hidden;background:var(--stone)}
.card-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s var(--ease)}
.feature-card:hover .card-image img{transform:scale(1.055)}
.image-tag{position:absolute;left:0;bottom:0;padding:6px 12px;background:var(--red);color:white;font-size:10px;font-weight:800;letter-spacing:.1em}
.card-copy{padding:15px 0 0}
.card-copy .micro{margin:0 0 9px}
.card-copy h3{font-size:20px;line-height:1.45;font-weight:850;margin-bottom:9px}
.card-copy h3 a:hover{color:var(--red-deep)}
.card-copy p:not(.micro){color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:13px}
.underlink{font-size:12px;color:var(--red-deep);font-weight:850;border-bottom:1px solid currentColor;padding-bottom:3px}
.underlink:hover{color:var(--ink)}
.video-band{background:var(--ink);color:white;margin:78px calc((min(100vw - 64px,var(--max)) - 100vw)/2) 0;padding:57px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px}
.video-band__copy{align-self:center}
.video-band h2{font-size:clamp(33px,3.8vw,55px);font-weight:900;line-height:1.36;margin:20px 0}
.video-band h2 em{font-style:normal;color:#D5AE6C}
.video-band__copy p{max-width:410px;color:#C3C7C8;font-size:14px;line-height:2}
.video-band__copy>a{display:inline-flex;gap:46px;align-items:center;border-bottom:1px solid #D5AE6C;color:#E7C991;padding:10px 0;font-size:12px;font-weight:800}
.video-band__images{display:grid;grid-template-columns:1fr 1fr;gap:17px;min-width:0}
.video-band__images a{min-width:0;position:relative;overflow:hidden}
.video-band__images img{width:100%;aspect-ratio:4/5;height:310px;object-fit:cover;transition:transform .4s}
.video-band__images a:hover img{transform:scale(1.04)}
.video-band__images span{position:absolute;left:0;bottom:0;background:var(--red);padding:8px 15px;font-size:11px;font-weight:750}
.notes-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:50px}
.feature-card--large{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center}
.feature-card--large .card-image img{aspect-ratio:5/4}
.feature-card--large .card-copy h3{font-size:24px}
.notes-list{border-left:1px solid var(--line);padding-left:35px}
.mini-label{color:var(--gold);font-size:10px;letter-spacing:.15em;font-weight:900}
.notes-list article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.notes-list article>span{font-size:27px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.notes-list h3{font-size:17px;margin-bottom:5px}
.notes-list p{font-size:12px;color:var(--muted);margin-bottom:0}
.notes-list>.underlink{display:inline-block;margin-top:20px}
.rank-editorial{margin-top:77px;background:var(--stone);border-top:4px solid var(--red);padding:34px 38px 38px;display:grid;grid-template-columns:1fr 1.15fr;gap:45px}
.rank-editorial h2{font-size:29px;font-weight:900;margin:14px 0 11px}
.rank-editorial p{font-size:12px;color:var(--muted);max-width:345px}
.rank-editorial ol{padding:0;margin:0;list-style:none}
.rank-editorial li{display:grid;grid-template-columns:60px minmax(0,1fr) 145px;gap:12px;align-items:center;border-bottom:1px solid #C6BFB2;padding:10px 0}
.rank-editorial li b{color:var(--gold);font-size:33px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.rank-editorial li span{font-size:15px;font-weight:850}
.rank-editorial li small{font-size:11px;color:var(--muted);text-align:right}
.hot-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}
.hot-hero .feature-card--large{display:block}
.hot-hero .card-image img{aspect-ratio:16/9}
.hot-hero .card-copy h3{font-size:22px}
.hot-stack{border-top:1px solid var(--line)}
.hot-row{display:grid;grid-template-columns:40px 1fr 20px;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.hot-row__num{font-size:26px;font-weight:900;color:var(--gold)}
.hot-row h3{font-size:17px;font-weight:850;margin:8px 0}
.hot-row h3 a:hover{color:var(--red)}
.hot-row p{font-size:12px;color:var(--muted);margin-bottom:0}
.hot-row>a:last-child{font-size:22px;color:var(--red)}
.bottom-editorial{text-align:center;padding:90px 20px 102px;margin-top:80px;border-top:1px solid var(--line);position:relative}
.bottom-editorial::before{content:"✳";position:absolute;top:-17px;left:50%;transform:translateX(-50%);color:var(--red);background:var(--paper);padding:0 12px;font-size:20px}
.bottom-editorial h2{font-size:clamp(28px,3.2vw,43px);font-weight:900;margin:18px 0}
.bottom-editorial p{font-size:13px;color:var(--muted)}
.bottom-editorial>div{display:flex;justify-content:center;gap:28px;margin-top:27px;flex-wrap:wrap}
.bottom-editorial a{font-weight:850;font-size:12px;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:4px}
.site-footer{background:var(--ink);color:white;padding-top:54px}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:80px;padding-bottom:48px}
.footer-brand{font-size:25px;font-weight:900;letter-spacing:-.04em;margin-bottom:20px}
.footer-brand span{display:block;font-size:9px;letter-spacing:.24em;color:#D5AE6C}
.footer-grid p{font-size:12px;color:#B9C0C1;max-width:340px;line-height:2}
.footer-grid h2{font-size:13px;color:#E7C991;font-weight:800;margin:0 0 17px}
.footer-grid a{display:block;color:#C8CDCD;font-size:12px;margin-bottom:11px}
.footer-grid a:hover{color:white;text-decoration:underline}
.footer-end{border-top:1px solid #43505A;color:#9CA5AA;display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:.05em}
.interior{padding-top:24px;padding-bottom:90px}
.breadcrumbs{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:35px}
.breadcrumbs a:hover{color:var(--red)}
.page-intro{max-width:900px;padding:5px 0 36px}
.page-intro h1{font-size:clamp(35px,4vw,58px);font-weight:900;line-height:1.3;margin:15px 0 18px}
.page-intro p{font-size:16px;line-height:1.9;color:var(--muted);max-width:725px}
.watch-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border-top:3px solid var(--red);background:var(--stone)}
.watch-large{display:block;position:relative;min-width:0;overflow:hidden}
.watch-large img{width:100%;height:480px;aspect-ratio:5/3;object-fit:cover;transition:transform .35s}
.watch-large:hover img{transform:scale(1.03)}
.watch-badge{position:absolute;top:22px;left:22px;background:var(--red);color:white;padding:7px 12px;font-size:11px;letter-spacing:.15em;font-weight:800}
.watch-description{padding:42px 43px 30px}
.watch-description h2{font-size:35px;font-weight:900;margin:20px 0}
.watch-description p{color:var(--muted);font-size:14px}
.watch-description ul{padding:18px 0 20px 18px;margin:0;color:#3D4448;font-size:12px;line-height:2.3}
.watch-description li::marker{color:var(--red)}
.watch-analysis{margin-top:79px;padding:50px;background:var(--ink);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.watch-analysis h2{font-size:31px;font-weight:900;margin:17px 0}
.watch-analysis>div>p{color:#C7CBCD;font-size:13px}
.analysis-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.analysis-points article{border-top:2px solid var(--gold);padding-top:17px}
.analysis-points b{display:block;font-size:35px;color:#E0B678;margin-bottom:20px;font-weight:900}
.analysis-points h3{font-size:16px}
.analysis-points p{font-size:12px;color:#C7CBCD}
.editorial-duo{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.editorial-duo .feature-card--large{display:block}
.editorial-duo .feature-card--large .card-image img{aspect-ratio:16/9}
.caption-panel{background:var(--stone);padding:40px;display:flex;flex-direction:column;justify-content:center;border-top:3px solid var(--gold)}
.caption-panel h3{font-size:30px;font-weight:900;line-height:1.4}
.caption-panel p{color:var(--muted);font-size:14px}
.caption-panel a{font-size:12px;color:var(--red);font-weight:850;align-self:flex-start;border-bottom:1px solid var(--red)}
.info-note{border:1px solid var(--line);border-left:4px solid var(--gold);margin-top:60px;padding:20px 24px;background:#F3F0E9}
.info-note strong{font-size:13px}
.info-note p{font-size:12px;color:var(--muted);margin:5px 0 0}
.theme-mosaic{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}
.mosaic-main{position:relative;background:var(--ink);color:white}
.mosaic-main>a{display:block}
.mosaic-main img{aspect-ratio:16/9;width:100%;height:405px}
.mosaic-caption{padding:26px 28px 32px}
.mosaic-caption .micro{color:#D5AE6C}
.mosaic-caption h2{font-size:30px;margin:9px 0}
.mosaic-caption h2 a:hover{color:#E8BA81}
.mosaic-caption p{font-size:13px;color:#C6CCCD;margin-bottom:0}
.mosaic-aside{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.mosaic-small{display:grid;grid-template-columns:43% 57%;border-bottom:1px solid var(--line);min-height:0}
.mosaic-small>a{min-height:0;overflow:hidden}
.mosaic-small img{height:100%;width:100%;object-fit:cover}
.mosaic-small>div{display:flex;flex-direction:column;justify-content:end;padding:16px}
.mosaic-small span{font-size:10px;color:var(--red);font-weight:850;letter-spacing:.12em}
.mosaic-small h3{font-size:20px;font-weight:900;line-height:1.45;margin:12px 0 0}
.mosaic-small a:hover{color:var(--red)}
.focus-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line)}
.focus-columns article{padding:29px 23px 27px;border-right:1px solid var(--line)}
.focus-columns article:last-child{border-right:0}
.focus-index{font-size:42px;font-weight:900;color:var(--gold);letter-spacing:-.06em}
.focus-columns h3{font-size:22px;font-weight:900;margin:23px 0 10px}
.focus-columns p{font-size:12px;color:var(--muted);line-height:2}
.theme-closer{margin-top:82px;padding:58px 55px;background:var(--stone);border-bottom:4px solid var(--red)}
.theme-closer h2{font-size:35px;font-weight:900;margin:17px 0}
.theme-closer p{max-width:680px;font-size:14px;color:var(--muted);line-height:2}
.theme-closer a{font-size:12px;font-weight:800;color:var(--red);border-bottom:1px solid var(--red)}
.hot-banner{background:var(--red);padding:44px 55px;color:white;position:relative;overflow:hidden}
.hot-banner::after{content:"!";position:absolute;right:8%;top:-63px;font-size:315px;font-weight:900;line-height:1;color:#ffffff20;transform:rotate(-11deg);pointer-events:none}
.hot-banner span{font-size:11px;letter-spacing:.22em;font-weight:900}
.hot-banner strong{font-size:clamp(40px,5vw,65px);line-height:1.35;display:block;letter-spacing:-.06em;margin:13px 0}
.hot-banner p{color:#FAE1DC;font-size:13px;margin:0}
.hot-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hot-article{background:var(--stone);min-width:0}
.hot-article__visual{display:block;position:relative;overflow:hidden}
.hot-article__visual img{width:100%;aspect-ratio:4/3;transition:transform .4s}
.hot-article:hover img{transform:scale(1.04)}
.hot-article__visual span{position:absolute;bottom:0;left:0;background:var(--red);color:white;padding:7px 12px;font-size:10px;letter-spacing:.1em;font-weight:850}
.hot-article__text{padding:22px 21px 26px}
.hot-article h3{font-size:20px;line-height:1.5;font-weight:850}
.hot-article h3 a:hover{color:var(--red)}
.hot-article p{font-size:12px;line-height:1.9;color:var(--muted)}
.hot-method{margin-top:81px;display:grid;grid-template-columns:1fr 1fr;gap:62px;background:var(--ink);padding:52px 60px;color:white}
.hot-method h2{font-size:32px;line-height:1.45;margin:18px 0}
.hot-method p{font-size:13px;color:#B7C0C1}
.hot-method ol{padding:0;margin:0;list-style:none}
.hot-method li{display:grid;grid-template-columns:54px 1fr;gap:19px;align-items:start;padding:15px 0;border-bottom:1px solid #3A4650}
.hot-method li b{font-size:32px;color:#E8BA81}
.hot-method li strong{display:block;font-size:15px;margin:0 0 6px}
.hot-method li small{font-size:12px;color:#B7C0C1}
.article-wrap{padding-top:23px;padding-bottom:90px}
.article-body{max-width:880px;margin-inline:auto}
.article-head{padding:30px 0 24px;text-align:center}
.article-head h1{font-size:clamp(35px,4.1vw,57px);font-weight:900;line-height:1.3;margin:18px 0 23px}
.article-deck{font-size:17px;color:var(--muted);max-width:710px;margin:0 auto 24px}
.article-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:center;gap:40px;color:var(--muted);font-size:11px}
.article-figure{margin:28px 0 43px}
.article-figure img{width:100%;height:500px;aspect-ratio:16/9;object-fit:cover;background:var(--stone)}
.article-figure figcaption{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0}
.article-content{max-width:710px;margin:auto}
.article-content p{font-size:17px;line-height:2.35;letter-spacing:.012em;margin:0 0 28px}
.article-content p:first-child::first-letter{float:left;font-size:53px;line-height:1.3;font-family:var(--serif);padding-right:9px;color:var(--red)}
.article-content blockquote{font-size:24px;line-height:1.8;font-weight:850;padding:20px 25px;margin:31px 0 35px;border-left:4px solid var(--red);background:var(--stone)}
.article-end{max-width:710px;margin:50px auto 0;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:2px solid var(--ink);padding-top:16px}
.article-end span{color:var(--muted);font-size:10px;letter-spacing:.1em}
.article-end a{font-size:12px;color:var(--red);font-weight:800}
.related{margin-top:93px;border-top:2px solid var(--ink);padding-top:23px}
.related h2{font-size:31px;font-weight:900;margin:13px 0 25px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.related-grid article img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:13px}
.related-grid span{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.13em}
.related-grid strong{display:block;font-size:16px;margin-top:8px;line-height:1.5}
.related-grid a:hover strong{color:var(--red)}
.notfound{padding:130px 0 170px;text-align:center}
.notfound h1{font-size:clamp(36px,5vw,64px);font-weight:900;margin:24px 0}
.notfound p{color:var(--muted);max-width:520px;margin:0 auto 30px}
.notfound>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.notfound a{background:var(--ink);color:white;padding:10px 17px;font-size:12px;font-weight:800}
.notfound a:first-child{background:var(--red)}
@media(max-width:1200px){
 .header-issue{display:none}
 .lead-grid{grid-template-columns:1fr .9fr .42fr}
 .lead-story h1{font-size:clamp(43px,4.9vw,65px)}
 .lead-side .side-feature img{height:180px}
 .lead-grid{min-height:500px}
 .notes-layout{gap:25px}
 .footer-grid{gap:40px}
}
@media(max-width:1000px){
 .wrap{width:min(calc(100% - 44px),var(--max))}
 .header-inner{gap:15px}
 .logo{min-width:190px}
 .site-nav{gap:19px}
 .lead-grid{grid-template-columns:1.05fr .95fr}
 .lead-side{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:18px;align-items:start}
 .lead-side .side-label{display:block;border-bottom:none}
 .side-label span{display:block;margin-top:8px}
 .side-feature{margin:0}
 .side-feature img{height:150px!important}
 .side-feature--text{min-height:200px}
 .lead-photo{min-height:480px}
 .video-band{margin-inline:-22px;padding:45px 22px;gap:35px}
 .notes-layout{grid-template-columns:1fr}
 .notes-list{border-left:0;padding:10px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
 .notes-list .mini-label,.notes-list>.underlink{grid-column:1/-1}
 .notes-list article{grid-template-columns:37px 1fr}
 .rank-editorial{grid-template-columns:1fr}
 .rank-editorial h2{margin-bottom:5px}
 .watch-description{padding:28px}
 .watch-description h2{font-size:29px}
 .watch-analysis{grid-template-columns:1fr;gap:24px;padding:42px}
 .theme-mosaic{grid-template-columns:1.1fr .9fr}
 .mosaic-small{display:block}
 .mosaic-small img{height:145px}
 .mosaic-small>div{padding:10px}
 .mosaic-small h3{font-size:16px}
}
@media(max-width:740px){
 html{scroll-padding-top:65px}
 .wrap{width:calc(100% - 30px)}
 .top-strip__inner{height:29px;justify-content:center;font-size:9px}
 .top-strip__inner span:last-child{display:none}
 .header-inner{height:66px}
 .logo{min-width:0;gap:9px}
 .logo img{width:37px;height:37px}
 .brand-text strong{font-size:20px}
 .brand-text small{font-size:8px}
 .nav-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;margin-left:auto;border:1px solid var(--line);background:transparent;width:42px;height:39px}
 .nav-toggle span{display:block;width:19px;height:2px;background:var(--ink);transition:transform .2s}
 .nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .site-nav{display:flex;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:10px 15px 17px;flex-direction:column;gap:0;border-bottom:2px solid var(--red);box-shadow:0 10px 15px #19232c15}
 .js .site-nav:not(.is-open){display:none}
 .site-nav a{padding:11px 8px;border-bottom:1px solid var(--line)}
 .site-nav a::after{display:none}
 .lead-head{margin-bottom:12px}
 .lead-head .micro{display:none}
 .lead-grid{display:flex;flex-direction:column;gap:17px;min-height:0}
 .lead-story{padding:8px 0 12px}
 .issue-note{margin:8px 0 17px}
 .lead-story h1{font-size:clamp(39px,10vw,61px);margin-bottom:17px}
 .lead-summary{font-size:14px;line-height:1.9;margin-bottom:19px}
 .lead-links{gap:20px}
 .lead-rule{margin-top:24px;padding-top:13px;gap:16px}
 .lead-photo{height:420px;min-height:0}
 .lead-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}
 .lead-side .side-label{display:none}
 .side-feature img{height:175px!important}
 .side-feature strong{font-size:14px}
 .side-feature--text{min-height:0;padding:14px}
 .side-feature--text small{line-height:1.6}
 .content-section{margin-top:55px}
 .section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px}
 .section-heading h2{font-size:26px}
 .feature-grid,.watch-grid{grid-template-columns:1fr 1fr;gap:18px}
 .card-image img{aspect-ratio:4/3}
 .card-copy h3{font-size:17px}
 .card-copy p:not(.micro){font-size:12px}
 .video-band{margin:60px -15px 0;padding:39px 15px;grid-template-columns:1fr;gap:25px}
 .video-band h2{font-size:35px}
 .video-band__images img{height:270px}
 .feature-card--large{grid-template-columns:1fr}
 .notes-list{display:block}
 .notes-list article{display:grid}
 .rank-editorial{margin-top:55px;padding:24px 18px}
 .rank-editorial h2{font-size:26px}
 .rank-editorial li{grid-template-columns:43px 1fr 105px}
 .rank-editorial li b{font-size:25px}
 .rank-editorial li span{font-size:13px}
 .rank-editorial li small{font-size:10px}
 .hot-grid{grid-template-columns:1fr;gap:25px}
 .hot-row{padding:17px 0}
 .bottom-editorial{margin-top:60px;padding:70px 0}
 .bottom-editorial h2{font-size:29px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-end{gap:15px;flex-wrap:wrap}
 .interior{padding-top:16px;padding-bottom:65px}
 .breadcrumbs{margin-bottom:18px}
 .page-intro{padding-bottom:18px}
 .page-intro h1{font-size:35px}
 .page-intro p{font-size:14px}
 .watch-lead{grid-template-columns:1fr}
 .watch-large img{height:290px}
 .watch-description{padding:27px 22px}
 .watch-description h2{font-size:27px}
 .watch-analysis{margin-top:55px;padding:28px 22px}
 .analysis-points{grid-template-columns:1fr}
 .analysis-points article{display:grid;grid-template-columns:50px 1fr;gap:0 14px}
 .analysis-points b{grid-row:span 2;font-size:30px;margin:0}
 .analysis-points h3{margin:0}
 .analysis-points p{margin:5px 0 0}
 .editorial-duo{grid-template-columns:1fr;gap:20px}
 .caption-panel{padding:27px}
 .caption-panel h3{font-size:25px}
 .theme-mosaic{grid-template-columns:1fr}
 .mosaic-main img{height:290px}
 .mosaic-caption h2{font-size:25px}
 .mosaic-aside{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .mosaic-small{display:block}
 .mosaic-small img{height:165px}
 .focus-columns{grid-template-columns:1fr 1fr}
 .focus-columns article:nth-child(2){border-right:0}
 .focus-columns article:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .focus-columns article{padding:20px 17px}
 .focus-index{font-size:34px}
 .focus-columns h3{font-size:19px;margin:10px 0}
 .theme-closer{margin-top:55px;padding:32px 23px}
 .theme-closer h2{font-size:29px}
 .hot-banner{padding:34px 25px}
 .hot-article-grid{grid-template-columns:1fr}
 .hot-article{display:grid;grid-template-columns:44% 56%}
 .hot-article__visual img{height:100%;aspect-ratio:1;min-height:205px}
 .hot-article__text{padding:15px}
 .hot-article h3{font-size:17px}
 .hot-article p{font-size:11px}
 .hot-method{margin-top:55px;grid-template-columns:1fr;gap:15px;padding:35px 24px}
 .hot-method h2{font-size:27px}
 .article-wrap{padding-top:17px}
 .article-head{padding:15px 0}
 .article-head h1{font-size:33px}
 .article-deck{font-size:14px}
 .article-figure img{height:330px}
 .article-content p{font-size:15px;line-height:2.15}
 .article-content blockquote{font-size:19px}
 .related{margin-top:70px}
 .related-grid{gap:13px}
 .related-grid strong{font-size:12px}
 .related h2{font-size:27px}
}
@media(max-width:440px){
 .lead-photo{height:345px}
 .lead-side{gap:12px}
 .side-feature img{height:137px!important}
 .side-feature strong{font-size:12px}
 .side-feature--text small{display:none}
 .feature-grid,.watch-grid{grid-template-columns:1fr}
 .feature-grid .feature-card{display:grid;grid-template-columns:42% 58%;gap:12px;align-items:start}
 .feature-grid .card-image img{height:165px;aspect-ratio:3/4}
 .feature-grid .card-copy{padding:0}
 .feature-grid .card-copy h3{font-size:15px}
 .feature-grid .card-copy p:not(.micro){line-height:1.5}
 .video-band__images img{height:195px}
 .hot-article{display:block}
 .hot-article__visual img{height:215px}
 .rank-editorial li{grid-template-columns:35px 1fr}
 .rank-editorial li small{grid-column:2;text-align:left;margin-top:-8px}
 .mosaic-aside{grid-template-columns:1fr}
 .mosaic-small{display:grid;grid-template-columns:42% 1fr}
 .mosaic-small img{height:155px}
 .focus-columns p{font-size:11px}
 .footer-grid{grid-template-columns:1fr}
 .footer-grid>div:first-child{grid-column:auto}
 .related-grid{grid-template-columns:1fr 1fr}
 .related-grid article:last-child{display:none}
 .article-figure img{height:255px}
 .article-end{display:block}
 .article-end a{display:block;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}