/* ═══ ARTICLE HEAD ═══ */
.art-head{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 0}
.bread{font-family:var(--sans);font-size:.6875rem;color:var(--ink5);margin-bottom:.75rem}
.bread a{color:var(--navy);font-weight:500;transition:opacity .15s}.bread a:hover{opacity:.7}
.bread span{color:var(--ink5);margin:0 .25rem}
.tag-row{display:flex;gap:.375rem;margin-bottom:.625rem;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:.5625rem;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:2px;background:var(--paper2);color:var(--ink3);font-weight:500}
.tag.red{background:var(--red);color:#fff}
.art-h1{font-family:var(--serif);font-weight:800;font-size:clamp(1.875em,4vw,2.625em);line-height:1.1;color:var(--ink);letter-spacing:-.025em;margin-bottom:.625rem}
.art-deck{font-family:var(--serif);font-size:1.125em;font-style:italic;color:var(--ink2);line-height:1.5;margin-bottom:1rem;max-width:680px}
.art-top-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--rule);margin-bottom:0;flex-wrap:wrap;gap:.5rem}
.art-top-meta-left{font-family:var(--sans);font-size:.75rem;color:var(--ink3)}.art-top-meta-left b{color:var(--ink2);font-weight:600}
.share-btn{display:flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;color:var(--navy);cursor:pointer;padding:5px 10px;border:1px solid var(--rule);border-radius:3px;transition:background .12s}.share-btn:hover{background:var(--feat-bg)}
.print-btn{font-size:.6875rem;color:var(--ink5);cursor:pointer;padding:5px 10px;border:1px solid var(--rule);border-radius:3px;transition:color .12s}.print-btn:hover{color:var(--ink2)}
.meta-right{display:flex;gap:.375rem}

/* ═══ HERO ═══ */
/* Hero with blurred background fill for portrait/square images */
.hero{max-width:960px;margin:0 auto;padding:.75rem 1.5rem 0}
.hero{position:relative;overflow:hidden;aspect-ratio:2.5/1;background:#111;border-radius:3px}
.hero-blur{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(30px) brightness(0.4);transform:scale(1.1);z-index:0}
html.dark .hero-blur{filter:blur(30px) brightness(0.3)}
img.hero-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* Fallback placeholder when no image */
div.hero-img{width:100%;height:100%;font-family:var(--mono);font-size:.625rem;letter-spacing:1px;text-transform:uppercase;color:#bbb}
.hero-cap-wrap{max-width:960px;margin:0 auto;padding:0 1.5rem}
.hero-cap{font-family:var(--sans);font-size:.6875rem;color:var(--ink5);margin-top:.25rem;line-height:1.4;padding-bottom:.75rem;border-bottom:1px solid var(--rule)}
.hero-cap b{color:var(--ink3);font-weight:600}

/* ═══ TIMELINE STRIP ═══ */
.tl-strip{max-width:960px;margin:.75rem auto 0;padding:0 1.5rem}
.tl-inner{display:flex;align-items:flex-start;padding:.75rem 0;position:relative}
.tl-inner::before{content:\\;position:absolute;top:5px;left:0;right:0;height:0;border-top:2px dotted var(--navy);opacity:.45;z-index:0;pointer-events:none;clip-path:inset(0 100% 0 0)}
.tl-inner.line-revealed::before{clip-path:inset(0 0% 0 0)}
.tl-inner.animate-line::before{animation:revealDots var(--line-duration,2s) cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes revealDots{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0% 0 0)}}
.tl-dot-wrap{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;cursor:pointer;padding:0 .5rem}
.tl-dot-wrap:hover .tl-d:not(.filled){background:rgba(0,6,102,.08);border-color:var(--navy)}
.tl-dot-wrap:hover .tl-dt{color:var(--ink)}
.tl-d{width:12px;height:12px;border-radius:50%;background:var(--white);border:2.5px solid var(--navy);margin-bottom:.375rem;position:relative;z-index:2}
.tl-d.red{border-color:var(--red)}
.tl-d.filled{background:var(--navy);border-color:var(--navy);box-shadow:0 0 0 2px rgba(0,6,102,.1)}
.tl-d.filled.red{background:var(--red);border-color:var(--red);box-shadow:0 0 0 2px rgba(200,16,46,.1)}
.tl-d.filled~.tl-dt{color:var(--ink3)}
.tl-d.filled~.tl-dt b{color:var(--ink2)}
.tl-d.anim-fill{animation:dotPop .45s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes dotPop{0%{background:var(--white);transform:scale(1);box-shadow:0 0 0 0 rgba(0,6,102,0)}40%{transform:scale(1.35);box-shadow:0 0 0 6px rgba(0,6,102,.18)}100%{background:var(--navy);border-color:var(--navy);transform:scale(1);box-shadow:0 0 0 2px rgba(0,6,102,.1)}}
.tl-d.red.anim-fill{animation:dotPopRed .5s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes dotPopRed{0%{background:var(--white);transform:scale(1);box-shadow:0 0 0 0 rgba(200,16,46,0)}40%{transform:scale(1.45);box-shadow:0 0 0 7px rgba(200,16,46,.22)}100%{background:var(--red);border-color:var(--red);transform:scale(1);box-shadow:0 0 0 3px rgba(200,16,46,.12)}}
.tl-dt{font-family:var(--mono);font-size:.5rem;letter-spacing:.5px;color:var(--ink5);text-align:center;line-height:1.3;transition:color .3s ease}
.tl-dt b{display:block;color:var(--ink3);font-weight:700;transition:color .3s ease}

/* ═══ TWO-COLUMN LAYOUT ═══ */
.art-layout{max-width:960px;margin:0 auto;padding:1.25rem 1.5rem 0;display:grid;grid-template-columns:1fr 260px;gap:3rem;align-items:start}

/* ═══ KEY TAKEAWAYS ═══ */
.tk{border-left:3px solid var(--navy);padding:1rem 1.25rem;margin-bottom:1.75rem;background:var(--paper2);border-radius:0 3px 3px 0}
.tk-label{font-family:var(--serif);font-weight:800;font-size:1em;color:var(--ink);margin-bottom:.5rem}
.tk-list{list-style:none}
.tk-list li{font-family:var(--serif);font-size:.875em;line-height:1.5;color:var(--ink);padding:.375rem 0 .375rem 1rem;position:relative}
.tk-list li::before{content:'';position:absolute;left:0;top:.6rem;width:5px;height:5px;background:var(--red);border-radius:50%}

/* ═══ ARTICLE BODY ═══ */
.art-body p{font-family:var(--serif);font-size:1.125em;line-height:1.8;color:var(--ink);margin-bottom:1.25rem}
.art-body > p:first-of-type::first-letter{float:left;font-family:var(--serif);font-weight:800;font-size:3.5em;line-height:.8;margin-right:.125em;margin-top:.1em;color:var(--navy)}
.art-body p strong{color:var(--ink)}
/* Drop cap via pipeline class */
.art-body .drop-cap::first-letter{float:left;font-family:var(--serif);font-weight:800;font-size:3.5em;line-height:.8;margin-right:.125em;margin-top:.1em;color:var(--navy)}
sup.ref{font-family:var(--sans);font-size:.5em;color:var(--navy);cursor:pointer;font-weight:700;vertical-align:super;margin-left:1px}
sup.ref:hover{text-decoration:underline}

/* ═══ BIG NUMBER ═══ */
.big-num{text-align:center;padding:1.5rem 0;margin:1.25rem 0}
.big-num .num{font-family:var(--serif);font-weight:800;font-size:3.5em;line-height:1;color:var(--navy);letter-spacing:-.03em;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.big-num.vis .num{opacity:1;transform:translateY(0)}
.big-num .num.red{color:var(--red)}
.big-num .cap{font-family:var(--mono);font-size:.625rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink3);margin-top:.5rem}

/* ═══ CHART ═══ */
.chart-wrap{margin:1.75rem 0;padding:1.25rem;background:var(--paper2);border-radius:3px}
.chart-title{font-family:var(--serif);font-weight:800;font-size:1em;color:var(--ink);margin-bottom:.75rem}
.chart-bar{display:flex;align-items:center;margin-bottom:.375rem;gap:.5rem;position:relative}
.chart-dept{font-family:var(--sans);font-size:.6875rem;color:var(--ink2);width:100px;flex-shrink:0;text-align:right}
.chart-fill{height:22px;border-radius:2px;display:flex;align-items:center;padding-left:8px;font-family:var(--mono);font-size:.625rem;font-weight:700;color:#fff;min-width:0;width:0;transition:width .8s cubic-bezier(.25,.46,.45,.94)}
.chart-wrap.vis .chart-fill{min-width:30px}
.chart-fill.navy{background:var(--navy)}.chart-fill.red{background:var(--red)}.chart-fill.dark{background:var(--ink)}
.chart-fill:hover{filter:brightness(1.3);cursor:pointer}
.chart-note{font-family:var(--sans);font-size:.625rem;color:var(--ink5);margin-top:.5rem;text-align:right}

/* ═══ PULL QUOTE ═══ */
.pull{border-left:3px solid var(--navy);padding:.25rem 0 .25rem 1.25rem;margin:1.75rem 0;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.pull.vis{opacity:1;transform:translateX(0)}
.pull p{font-family:var(--serif);font-size:1.1875em;font-style:italic;line-height:1.5;color:var(--ink);margin-bottom:.375rem!important}
.pull .qm{color:var(--red);font-size:1em;font-weight:700;font-style:normal;margin-right:.25rem}
.pull cite{font-family:var(--mono);font-size:.6875rem;font-style:normal;color:var(--ink5);letter-spacing:.5px}

/* Section break */
.art-break{height:3px;background:var(--navy);margin:2rem 0;max-width:60px}

/* ═══ CONTRADICTION BANNER ═══ */
.contra{background:var(--navy);padding:1.25rem 1.5rem;margin:1.75rem 0;border-top:3px solid var(--red);border-bottom:3px solid var(--red)}
.contra p{font-family:var(--serif);font-size:1.25em;font-weight:800;color:#fff;line-height:1.35;text-align:center;letter-spacing:-.01em}

/* ═══ VS CONFRONTATION ═══ */
.vs-wrap{margin:1.75rem 0;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.vs-head{display:grid;grid-template-columns:1fr auto 1fr;background:var(--ink);color:#fff}
.vs-head-l,.vs-head-r{font-family:var(--mono);font-size:.5625rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:.5rem .75rem;text-align:center}
.vs-head-l{background:var(--navy)}
.vs-head-r{background:var(--red)}
.vs-head-m{background:var(--ink);padding:.5rem .625rem;font-family:var(--serif);font-weight:800;font-size:.75rem;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:.25rem}
.vs-row{display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid var(--rule)}
.vs-row:first-of-type{border-top:none}
.vs-cell{padding:.75rem;font-family:var(--serif);font-size:.8125em;line-height:1.45;color:var(--ink)}
.vs-cell.promise{background:var(--white)}
.vs-cell.reality{background:var(--paper2)}
.vs-cell strong{color:var(--red)}
.vs-cell .vs-date{font-family:var(--mono);font-size:.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--ink5);margin-bottom:.25rem;display:block}
.vs-mid{background:var(--paper3);width:28px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.75rem;color:var(--ink5);flex-shrink:0}

/* Takeaway dot pulse */
@keyframes dot-pulse{0%{transform:scale(1)}50%{transform:scale(1.8)}100%{transform:scale(1)}}
.tk.vis .tk-list li::before{animation:dot-pulse .4s ease forwards}
.tk.vis .tk-list li:nth-child(2)::before{animation-delay:.1s}
.tk.vis .tk-list li:nth-child(3)::before{animation-delay:.2s}
.tk.vis .tk-list li:nth-child(4)::before{animation-delay:.3s}

/* ═══ BYLINE ═══ */
.art-byline{display:flex;align-items:center;gap:.75rem;padding:1rem 0;border-top:1px solid var(--rule);margin-top:.5rem}
.by-av{width:36px;height:36px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.625rem;font-weight:700;color:#fff;flex-shrink:0}
.by-info{font-family:var(--sans);font-size:.75rem;color:var(--ink3);line-height:1.5}.by-info b{color:var(--ink2);font-weight:600}

/* ═══ SOURCES ═══ */
.art-sources{padding:1rem 0;border-top:1px solid var(--rule);margin-top:.5rem}
.art-sources h3,.art-sources-label{font-family:var(--mono);font-size:.5625rem;letter-spacing:2px;text-transform:uppercase;color:var(--ink5);margin-bottom:.5rem}
.src-list{list-style:none;counter-reset:src}
.src-list li{font-family:var(--sans);font-size:.6875rem;color:var(--ink3);line-height:1.6;padding:.125rem 0;counter-increment:src}
.src-list li::before{content:counter(src) '. ';font-weight:700;color:var(--ink5)}
.src-list li a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:2px}.src-list li a:hover{text-decoration-color:var(--navy)}
.src-list li.hidden{display:none}
.src-toggle{font-family:var(--sans);font-size:.6875rem;font-weight:600;color:var(--navy);cursor:pointer;margin-top:.375rem;display:inline-block;opacity:.7;transition:opacity .15s}
.src-toggle:hover{opacity:1}

/* ═══ CLOSER ═══ */
.closer{text-align:center;padding:1.5rem 0;border-top:1px solid var(--rule);margin-top:.5rem}
.closer p{font-family:var(--mono);font-size:.6875rem;letter-spacing:1px;color:var(--ink5);margin-bottom:.75rem}
.closer em{font-style:italic}
.closer-share{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.sh-pill{font-family:var(--sans);font-size:.6875rem;font-weight:600;color:var(--ink2);padding:5px 12px;border:1px solid var(--rule);border-radius:20px;cursor:pointer;transition:background .12s,color .12s}
.sh-pill:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ═══ NEWSLETTER CTA ═══ */
.art-nl{background:var(--paper2);border:1px solid var(--rule);border-radius:4px;padding:1.5rem;text-align:center;max-width:560px;margin:0 auto 2rem}
.art-nl h3{font-family:var(--serif);font-weight:800;font-size:1.1em;color:var(--ink);margin-bottom:.25rem}
.art-nl .dk{font-family:var(--serif);font-size:.875em;font-style:italic;color:var(--ink2);margin-bottom:.75rem}
.nf{display:flex;gap:6px;max-width:400px;margin:0 auto}
.nf input{flex:1;border:2px solid var(--rule);background:var(--paper);padding:.5rem .75rem;font-family:var(--sans);font-size:.875em;color:var(--ink);outline:none;border-radius:4px}.nf input::placeholder{color:var(--ink3)}.nf input:focus{border-color:var(--navy)}
.nf button{background:var(--red);color:#fff;font-size:.8125rem;font-weight:700;padding:.5rem 1rem;border-radius:4px;white-space:nowrap}
.nf-thanks{font-family:var(--serif);font-style:italic;color:var(--navy);font-size:.9375rem;text-align:center;padding:.5rem 0;width:100%}

/* ═══ SIDEBAR ═══ */
.sidebar{position:sticky;top:72px}
.sb-sec{margin-bottom:1.5rem}
.sb-label{font-family:var(--mono);font-size:.5625rem;letter-spacing:2px;text-transform:uppercase;color:var(--ink5);font-weight:700;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:2px solid var(--navy)}
.sb-anchors a{display:block;font-family:var(--sans);font-size:.75rem;color:var(--ink3);padding:.25rem 0 .25rem .5rem;border-left:2px solid transparent;transition:color .12s,border-color .12s,background .3s;position:relative;background:linear-gradient(to right,rgba(0,6,102,.04) 0%,transparent 0%);background-size:100% 100%}
.sb-anchors a:hover,.sb-anchors a.active{color:var(--navy);font-weight:600;border-left-color:var(--navy)}
.sb-anchors a.read{background:linear-gradient(to right,rgba(0,6,102,.04) 100%,transparent 100%)}
.sb-card{padding:.5rem 0;border-top:1px solid var(--rule2);cursor:pointer}.sb-card:first-child{border-top:none}
.sb-card:hover h4{color:var(--navy)}
.sb-card .sb-ey{font-family:var(--mono);font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:.125rem}
.sb-card h4{font-family:var(--serif);font-weight:700;font-size:.8125em;line-height:1.25;color:var(--ink);transition:color .15s}
.sb-card .sb-mt{font-family:var(--sans);font-size:.625rem;color:var(--ink5);margin-top:.125rem}

/* Trending 2x2 grid — sticky on desktop */
.sb-trending{position:sticky;top:80px}
.trending-grid{display:flex;flex-direction:column;gap:.5rem}
.trending-card{min-width:0;background:var(--navy-deep);border-radius:4px;overflow:hidden;transition:transform .15s;display:flex;flex-direction:column;text-decoration:none}
.trending-card:hover{transform:translateY(-2px)}
.trending-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.trending-ph{background:rgba(255,255,255,.06)}
.trending-card h4{font-family:var(--serif);font-weight:700;font-size:.6875em;line-height:1.3;color:#fff;padding:.5rem .5rem .125rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.trending-mt{font-family:var(--sans);font-size:.5rem;color:rgba(255,255,255,.45);padding:0 .5rem .5rem}

/* ═══ KEEP READING ═══ */
.rec{padding:2rem 0;background:var(--paper2)}
.rec-inner{max-width:960px;margin:0 auto;padding:0 1.5rem}
.rec-label{font-family:var(--serif);font-weight:800;font-size:1.1em;color:var(--ink);margin-bottom:.75rem}
.rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.rec-card{cursor:pointer;transition:transform .15s}.rec-card:hover{transform:translateY(-2px)}
.rec-card:hover h4{color:var(--navy)}
.rec-card .ph{width:100%;aspect-ratio:16/10;background:linear-gradient(145deg,#e2dfda,#d5d2cc);border-radius:3px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.5rem;letter-spacing:1px;text-transform:uppercase;color:#bbb}
.rec-card .rec-ey{font-family:var(--mono);font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:.125rem}
.rec-card h4{font-family:var(--serif);font-weight:700;font-size:.8125em;line-height:1.25;color:var(--ink);transition:color .15s;margin-bottom:.125rem}
.rec-card .rec-mt{font-family:var(--sans);font-size:.625rem;color:var(--ink5)}.rec-card .rec-mt b{color:var(--ink3);font-weight:600}

/* ═══ SECTION LABELS ═══ */
.sl{font-family:var(--serif);font-weight:800;font-size:1.25em;color:var(--ink);letter-spacing:-.01em}

/* ═══ SECTION GRID (from homepage — used by Most Read in footer) ═══ */
.sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.sec-col{display:flex;flex-direction:column}
.sec-card{display:grid;grid-template-columns:120px 1fr;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--rule);align-items:start;transition:background .12s;cursor:pointer;text-decoration:none}
.sec-card:first-child{border-top:none}
.sec-card:hover h4{color:var(--navy)}
.sec-card-img{width:120px;aspect-ratio:3/2;object-fit:cover;border-radius:2px;flex-shrink:0}
.sec-card-ph{background:linear-gradient(145deg,#e2dfda,#d5d2cc);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.5rem;color:var(--ink5);letter-spacing:1px}
html.dark .sec-card-ph{background:linear-gradient(145deg,#2a2a2a,#222);color:#555}
.sec-card-body{min-width:0}
.sec-card-ey{font-family:var(--mono);font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:.125rem;font-weight:500}
.sec-card h4{font-family:var(--serif);font-weight:700;font-size:.875em;line-height:1.3;color:var(--ink);transition:color .15s;margin-bottom:.125rem}
.sec-card-mt{font-family:var(--sans);font-size:.625rem;color:var(--ink5)}
.sec-card-mt b{color:var(--ink3);font-weight:600}
.lw-sec{background:var(--navy-deep);padding:2rem 0;color:#fff}
.lw-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.75rem}
.lw-sec .sec-card{border-top-color:rgba(255,255,255,.1)}
.lw-sec .sec-card:first-child{border-top:none}
.lw-sec .sec-card h4{color:#fff}
.lw-sec .sec-card:hover h4{color:#c5caff}
.lw-sec .sec-card-ey{color:var(--red)}
.lw-sec .sec-card-mt{color:rgba(255,255,255,.5)}
.lw-sec .sec-card-mt b{color:rgba(255,255,255,.7)}
.lw-sec .sec-card-ph{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}
html.dark .lw-sec{background:#1a1917}
html.dark .lw-sec .sec-card:hover h4{color:var(--navy)}
.mr-ranked{position:relative;overflow:hidden}
.mr-rank{position:absolute;top:50%;right:0;transform:translateY(-50%);font-family:var(--serif);font-weight:800;font-size:3.5rem;line-height:1;color:rgba(255,255,255,.07);pointer-events:none;user-select:none}

/* ═══ MOST READ ═══ */
.mr-sec{padding:1.5rem 0;background:var(--navy-deep)}
.mr-inner{max-width:960px;margin:0 auto;padding:0 1.5rem}
.mr-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15)}
.mr-label{font-family:var(--serif);font-weight:800;font-size:1.125em;color:#fff}
.mr-all{font-family:var(--sans);font-size:.6875rem;color:rgba(255,255,255,.4);transition:color .15s}.mr-all:hover{color:#fff}
.mr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.mr-col{display:flex;flex-direction:column}
.mr-item{display:grid;grid-template-columns:32px 80px 1fr;gap:.875rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;align-items:center}
.mr-item:last-child{border-bottom:none}.mr-item:hover h4{color:#c5caff}.mr-item:hover .mr-n{color:var(--red)}
.mr-n{font-family:var(--mono);font-weight:500;font-size:.875rem;color:rgba(255,255,255,.35);line-height:1;text-align:left;letter-spacing:.5px;transition:color .15s;align-self:center;padding:.25rem 0 .25rem .625rem;border-left:2px solid rgba(255,255,255,.15)}
.mr-item:nth-child(-n+3) .mr-n{color:var(--red);border-left-color:var(--red);font-weight:700}
.mr-item .mr-ph{width:80px;height:54px;background:rgba(255,255,255,.06);border-radius:2px;object-fit:cover;flex-shrink:0}
img.mr-ph{object-fit:cover}
.mr-item h4{font-family:var(--serif);font-weight:600;font-size:.8125em;line-height:1.35;color:#fff;transition:color .15s}

/* ═══ BACK BAR ═══ */
.back-bar{background:var(--paper2);padding:.875rem 0;border-top:1px solid var(--rule)}
.back-bar-inner{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}
.back-bar-logo{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:1rem;color:var(--ink)}
.back-bar a{font-family:var(--sans);font-size:.8125rem;font-weight:600;color:var(--navy);transition:opacity .15s}.back-bar a:hover{opacity:.7}

/* ═══ READ NEXT STICKY BAR ═══ */
.read-next{position:fixed;bottom:0;left:0;right:0;background:var(--navy);z-index:90;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -2px 12px rgba(0,0,0,.2)}
.read-next.show{transform:translateY(0)}
.rn-inner{max-width:960px;margin:0 auto;padding:.625rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.rn-label{font-family:var(--mono);font-size:.5625rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.rn-title{font-family:var(--serif);font-weight:700;font-size:.875rem;color:#fff;flex:1;margin:0 1rem}
.rn-arrow{font-family:var(--sans);font-size:.75rem;font-weight:700;color:var(--red);white-space:nowrap}
.rn-close{color:rgba(255,255,255,.3);font-size:1.25rem;cursor:pointer;padding:0 .5rem;margin-left:.5rem;transition:color .15s}.rn-close:hover{color:#fff}

/* ═══ ARTICLE RESPONSIVE (must be at end to override base rules) ═══ */
@media(max-width:960px){
  .art-layout{grid-template-columns:1fr}
  .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .sb-sec:first-child{display:none}
  .sb-trending{position:static}
  .trending-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .rec-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .sec-grid{grid-template-columns:1fr}
  .sec-card-img{width:100px}
  .sec-card{grid-template-columns:100px 1fr;gap:.5rem;padding:.625rem 0}
  .sec-card h4{font-size:.8125em}
  .lw-sec{padding:1.5rem 0}
  .mr-rank{font-size:2.75rem}
  .art-h1{font-size:1.7em}
  .hero{aspect-ratio:3/2;margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem);border-radius:0}
  .chart-dept{width:70px;font-size:.625rem}
  .vs-head,.vs-row{grid-template-columns:1fr}.vs-head-m,.vs-mid{display:none}
  .vs-cell.promise{border-bottom:1px solid var(--rule)}
  .vs-cell.reality::before{content:'→ Then:';display:block;font-family:var(--mono);font-size:.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--red);margin-bottom:.25rem;font-weight:700}
  /* Timeline mobile — horizontal swipe */
  .tl-strip{padding:0 .75rem}
  .tl-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:.5rem}
  .tl-inner::-webkit-scrollbar{display:none}
  .tl-dot-wrap{flex:0 0 auto;width:140px;scroll-snap-align:start;padding:0 .375rem}
  .tl-dt{font-size:.4375rem;max-width:125px}
  .big-num .num{font-size:2.5em}
  .trending-grid{grid-template-columns:1fr 1fr;gap:.375rem}
  .trending-card h4{font-size:.625em;-webkit-line-clamp:2}
  .vs-wrap{max-width:100%;overflow-x:hidden}
  .chart-wrap{max-width:100%;overflow-x:hidden}
  .contra{margin-left:0;margin-right:0}
  .art-body p{line-height:1.7}
  .tag-row .tag:nth-child(n+3){display:none}
  .bread{display:none}
  .sidebar{grid-template-columns:1fr}
  .mr-grid{grid-template-columns:1fr;gap:0}.mr-item .mr-ph{width:64px;height:44px}.mr-item{grid-template-columns:28px 64px 1fr;gap:.625rem}.mr-n{font-size:.75rem;padding-left:.5rem}
  .rec-grid{grid-template-columns:1fr 1fr;gap:.75rem}
  .rec-card{display:block}
  .rec-card .ph{aspect-ratio:16/10;margin-bottom:.375rem}
}
@media(max-width:480px){.art-body p{font-size:1em}}

@media(prefers-reduced-motion:reduce){
  .tl-d.anim-fill,.tl-d.red.anim-fill{animation:none !important}
  .tl-inner.animate-line::before{animation:none !important;clip-path:inset(0 0% 0 0)}
  .tl-d.filled{background:var(--navy);border-color:var(--navy)}
  .tl-d.filled.red{background:var(--red);border-color:var(--red)}
}