:root{--paper:#f5f2ea;--ink:#1d211f;--muted:#5c605a;--rule:#d9d6cc;--accent:#1f5a4a;--tint:#e9f0ec;--up:#1d7a46;--down:#b3261e;--display:"Prata",Georgia,serif;--fell:"Newsreader",Georgia,"Times New Roman",serif;--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--display-weight:400}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#121314;--ink:#ebe9e4;--muted:#a29d95;--rule:#34363a;--accent:#7fc2a9;--tint:#1a2622;--up:#5cc58b;--down:#f2837a;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#121314;--ink:#ebe9e4;--muted:#a29d95;--rule:#34363a;--accent:#7fc2a9;--tint:#1a2622;--up:#5cc58b;--down:#f2837a;color-scheme:dark}
/* Base newspaper styles. Colours and fonts come from brand.json (generated :root block). */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--serif)}
a{color:inherit}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{--gut:clamp(24px,6vw,96px);max-width:none;margin:0;padding-inline:var(--gut) calc(var(--gut)*1.3);padding-block:0 48px}
.mast{text-align:center;border-bottom:3px double var(--ink);padding-block:14px 0}
.topline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;font:500 12px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:8px}
.trial{color:var(--accent)}
.logo{display:inline-flex;align-items:center;justify-content:center;gap:.22em;text-decoration:none;color:inherit;font-family:var(--display);font-size:clamp(2.1rem,9vw,6rem);line-height:1.05;margin:18px 0 6px}
.logo svg{width:.82em;height:auto;flex:none;color:var(--accent)}
.logo .eye-in{fill:var(--paper)}
.tag{font:italic 400 clamp(1.5rem,3vw,1.875rem)/1.2 var(--fell);color:var(--accent);margin-bottom:16px}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;border-top:1px solid var(--rule);padding-block:10px;font:600 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}
nav a{text-decoration:none}
nav a:hover{color:var(--accent)}
.secrule{display:flex;align-items:center;gap:12px;margin:34px 0 18px;font:700 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.secrule::after{content:"";flex:1;border-top:1px solid var(--ink)}
.kicker{font:600 11.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.card{min-width:0}
.card h2{font:600 1.3rem/1.2 var(--serif);margin:0 0 8px;text-wrap:balance}
.card h2 a{text-decoration:none}
.card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.sum{margin:0 0 10px;color:var(--ink);font-size:.97rem}
.more{font:600 12.5px/1.3 var(--sans);text-decoration:none;color:var(--accent);display:inline-flex;gap:8px;flex-wrap:wrap}
.more span{color:var(--muted);font-weight:500}
.top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}
.lead h2{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;font-weight:600}
.lead .sum{font-size:1.12rem;max-width:62ch}
.side{display:grid;gap:22px;border-left:1px solid var(--rule);padding-left:28px;align-content:start}
.side .card+.card{border-top:1px solid var(--rule);padding-top:20px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid var(--rule);margin-top:28px;padding-top:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.grid4 .card+.card,.grid3 .card+.card{border-left:1px solid var(--rule);padding-left:28px}
.story{padding-block:28px;border-top:3px double var(--ink)}
.story h1{font:600 clamp(1.8rem,4.4vw,2.5rem)/1.12 var(--serif);margin:.2em 0 .35em;text-wrap:balance}
.dek{font-size:1.18rem;color:var(--muted);margin:0 0 16px;font-style:italic}
.meta{font:13px/1.4 var(--sans);color:var(--muted);border-block:1px solid var(--rule);padding-block:10px;margin-bottom:26px}
.body p{margin:0 0 1em}
.body h3{font:700 1.05rem/1.3 var(--sans);margin:1.8em 0 .5em}
.body sup a{color:var(--accent);text-decoration:none;font:600 .7em var(--sans)}
.body blockquote{margin:1.2em 0;padding-left:16px;border-left:2px solid var(--accent);font-style:italic}
.box{background:var(--tint);padding:14px 18px;margin:24px 0;font:15px/1.55 var(--sans)}
.box ul{margin:.4em 0 0;padding-left:1.2em}
.votacion ul{columns:2 14em;column-gap:24px;font-size:14px}
.votacion h4{margin:1em 0 .2em}
.refh{font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:36px 0 12px;padding-top:16px;border-top:1px solid var(--rule)}
ol.refs{font:13.5px/1.5 var(--sans);padding-left:1.7em;margin:0}
ol.refs li{margin-bottom:.55em;overflow-wrap:anywhere}
ol.refs li:target{background:var(--tint)}
ol.refs a{color:var(--accent)}
.foot{margin-top:48px;border-top:1px solid var(--rule);padding-top:14px;font:12.5px/1.5 var(--sans);color:var(--muted);text-align:center}
.js .story{border-top:0}
@media (max-width:900px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid4 .card:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:720px){
  .top,.grid3,.grid4{grid-template-columns:minmax(0,1fr)}
  .side{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:20px}
  .grid4 .card+.card,.grid3 .card+.card{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:20px}
}
.leadcol{display:grid;gap:24px;align-content:start;min-width:0}
.under{border-top:1px solid var(--rule);padding-top:20px}
.under h2{font-size:1.5rem}
.band{border-top:1px solid var(--rule);margin-top:28px;padding-top:24px}
nav a.on{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.catview{padding-block:24px 8px}
.catview .secrule{margin-top:8px}
.empty{color:var(--muted);font:15px/1.5 var(--sans)}
.catview .grid3{row-gap:32px}
.catview .grid3 .card+.card{border-left:0;padding-left:0}
.catview .grid3 .card{border-top:1px solid var(--rule);padding-top:20px}
.mk-c.up,.mk-c.down-good{color:var(--up)} .mk-c.down,.mk-c.up-bad{color:var(--down)}
.mk-src{margin:6px 0 0;font:12px/1.4 var(--sans);color:var(--muted)}
.mk-src a{color:var(--muted)}

/* Media blocks inside stories: video and document cards, post cards, charts, timelines, key-figure boxes. */
.md{margin:22px 0;min-width:0}
.md figcaption{font:13px/1.45 var(--sans);color:var(--muted);margin-top:6px}
.mgrid{display:grid;gap:4px}
.mt{font:700 12.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.mt a,.ms a{color:var(--accent);text-decoration:none}
.ms{font:12px/1.4 var(--sans);color:var(--muted);margin-top:12px}
.mk{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.vd{display:block;font:12.5px/1.4 var(--sans);color:var(--muted);margin-top:4px}
.vcard,.dcard{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--rule);background:var(--tint);padding:14px 16px}
.vcard:hover,.dcard:hover{border-color:var(--accent)}
.vcard strong,.dcard strong{font:600 1.02rem/1.3 var(--serif);display:block}
.vt{min-width:0}
.dcard{display:block;background:transparent;border-left:3px solid var(--accent)}
.play{flex:none;width:64px;height:44px;border-radius:6px;background:var(--ink);position:relative}
.play::after{content:"";position:absolute;left:26px;top:13px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--paper)}
.post{border:1px solid var(--rule);padding:14px 16px;background:var(--paper)}
.ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:13px/1.3 var(--sans)}
.pa{font-weight:700}
.pu{color:var(--muted)}
.pp{margin-left:auto;font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:3px 6px}
.pt{margin:10px 0;font:16px/1.5 var(--serif);white-space:pre-line}
.pf{font:12.5px/1.4 var(--sans);color:var(--muted)}
.pf a{color:var(--accent)}
.cw{min-width:0}
.chart{display:grid;gap:10px;font:13.5px/1.35 var(--sans)}
.crow{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;align-items:start}
.cl{text-align:right;color:var(--ink)}
.cbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0}
.cb{display:block;height:16px;background:var(--accent);border-radius:2px}
.cb.cn{background:var(--down)}
.cv{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cnote{flex-basis:100%;font-size:12px;color:var(--muted)}
.tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--rule);display:grid;gap:10px;font:14.5px/1.45 var(--sans)}
.tl li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;position:relative}
.tl li::before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.td{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);margin:0}
.facts div{padding:10px 12px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.facts dt{font:600 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:4px 0 0;font:700 1.15rem/1.2 var(--sans);font-variant-numeric:tabular-nums}
.iw{position:relative}
.iw img{display:block;width:100%;height:auto}
.ai{position:absolute;left:8px;top:8px;background:var(--ink);color:var(--paper);font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px}
@media (max-width:560px){.tl li{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (max-width:560px){.crow{grid-template-columns:minmax(0,1fr);gap:4px}.cl{text-align:left;font-weight:600}}
.minline{margin:1.4em 0 1.6em;font-size:16px;line-height:1.5;text-align:left;hyphens:manual}
.minline .md+.md{margin-top:18px}
.minline p{margin:10px 0}
/* Championship standings: one row per competitor (Lucas, 23 Oct 2026) */
.md-tabla .sh{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:0 12px 6px;font:600 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tabla{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.tabla li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--rule);font:15px/1.3 var(--sans)}
.tabla li:nth-child(even){background:var(--tint)}
.tabla .sp{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);font-weight:700;font-variant-numeric:tabular-nums}
.tabla li:nth-child(-n+3) .sp{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tabla .sn strong{display:block;font-weight:700}
.tabla .sn small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.tabla .sv{font:700 1.05rem/1 var(--sans);font-variant-numeric:tabular-nums;text-align:right}
.tabla li.hl{background:color-mix(in srgb,var(--accent) 12%,var(--paper));box-shadow:inset 3px 0 0 var(--accent)}
.tabla li.hl .sn strong{color:var(--accent)}

/* Full-width layout and planned ad slots (IAB sizes). Slots are empty placeholders until an ad server is connected. */
.caja{position:relative;width:min(100%,calc(var(--w)*1px));aspect-ratio:var(--w)/var(--h);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed var(--rule);background:repeating-linear-gradient(135deg,transparent 0 10px,var(--tint) 10px 11px);color:var(--muted);font:600 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.caja-s{font-weight:500;letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums}
.leader{padding-block:14px;border-bottom:1px solid var(--rule)}
.leader .caja-md,.leader .caja-narrow,.infeed .caja-narrow,.story .caja-narrow{display:none}
.infeed{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--rule)}
.fr-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.fr-main{min-width:0}
.rail{display:grid;gap:28px;align-content:start;padding-top:34px}
.rail .caja-sticky{position:sticky;top:16px}
.catview .rail{padding-top:8px}
.st-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:44px;align-items:start}
.st-main{min-width:0}
.st-main .body,.st-main .dek{max-width:78ch}
.st-main .md{max-width:860px}
.st-main .caja-wide,.st-main .caja-narrow{margin:32px auto 8px}
.st-more{position:sticky;top:16px;font:16px/1.5 var(--serif)}
.st-more h3{margin:0 0 10px;font:700 13px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.st-more ul{list-style:none;margin:0;padding:0}
.st-more li{border-top:1px solid var(--rule);padding:10px 0}
.st-more a{text-decoration:none;display:block}
.st-more a:hover{color:var(--accent)}
.st-more .kicker{font-size:12px;margin-bottom:4px}
.story .rail{padding-top:0}
.anchor{display:none}
@media (max-width:1279px){
  .st-grid{grid-template-columns:minmax(0,1fr) 300px}
  .st-more{grid-column:1/-1;order:3;position:static}
  .st-more ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:28px}
  .leader .caja-xl{display:none}.leader .caja-md{display:flex}
}
@media (max-width:1179px){
  .fr-grid,.st-grid{grid-template-columns:minmax(0,1fr)}
  .rail{display:none}
}
@media (max-width:760px){
  .leader{display:none} /* no ad at the top on phones (Lucas, 23 Oct 2026) */
  .infeed .caja-wide,.story .caja-wide{display:none}
  .infeed .caja-narrow,.story .caja-narrow{display:flex}
  .anchor{display:block;position:sticky;bottom:0;z-index:5;background:var(--paper);border-top:1px solid var(--rule);padding:6px 0;margin-inline:calc(-1*var(--gut)) calc(-1.3*var(--gut))}
  .anchor .caja{width:320px;max-width:100%}
  /* Close button on the pinned phone banner (Lucas, 24 Oct 2026); site.js hides the banner for the rest of the visit. */
  .anchor .cerrar{position:absolute;top:-1px;right:max(2px,calc(50% - 158px));width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:#fff;color:#222;font:400 12px/12px var(--sans);text-align:center;padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.18)}
  .anchor.cerrado{display:none}
}
.st-more .kicker{display:block}
.st-main{width:100%;max-width:940px;justify-self:center}
.lead .sum{max-width:80ch}
/* Story text matches lanacion.com.ar: 19px/30px at every width. */
.st-main .body{font-size:19px;line-height:30px}
.st-main .body h3{font-size:1.15rem}
/* Justified story paragraphs; Spanish hyphenation (lang es-AR) keeps word gaps even, mainly on phones. */
.st-main .body p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3}
/* Copetes on the front page, sections and archive lists, justified like the story body. */
.card .sum,.list li p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3}
.st-main .body sup{line-height:0}

/* Multi-page site: article pages, lists, static pages, footer, consent bar, preview label. */
.logo{font-weight:var(--display-weight)}
.logo svg{width:.82em;height:auto;flex:none;color:var(--accent)}
.logo svg.relu{width:1.15em}
@media (max-width:640px){.logo{font-size:7.2vw;gap:.18em}}
.crumbs{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.crumbs a{color:var(--accent);text-decoration:none}
.crumbs span{color:var(--muted)}
.story{border-top:0}
.pasar{margin:32px 0 0;padding-top:16px;border-top:1px solid var(--rule)}
.pasar-t{display:block;margin-bottom:10px;font:700 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pasar-b{display:flex;flex-wrap:wrap;gap:10px}
.pb{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);color:var(--ink);font:600 15px/1 var(--sans);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pb svg{width:20px;height:20px;flex:none;fill:var(--pb)}
.pb-link svg{fill:none;stroke:var(--pb)}
.pb-x{--pb:var(--ink)}.pb-wa{--pb:#25D366}.pb-fb{--pb:#0866FF}.pb-ig{--pb:url(#pb-grad)}.pb-link{--pb:var(--accent)}
.pb:hover,.pb:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.pb:hover svg,.pb:focus-visible svg{fill:var(--paper)}
.pb-link:hover svg,.pb-link:focus-visible svg{fill:none;stroke:var(--paper)}
@media (max-width:520px){.pb{padding:10px}.pb span{display:none}.pb svg{width:24px;height:24px}.pb.ok span{display:inline}}
.upd{color:var(--accent)}
.list{list-style:none;margin:0;padding:0}
.list li{display:grid;grid-template-columns:112px minmax(0,1fr) 240px;gap:18px;border-top:1px solid var(--rule);padding:18px 0}
.list time{font:600 12px/1.4 var(--sans);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.list h2{font:600 1.25rem/1.22 var(--serif);margin:0 0 6px;text-wrap:balance}
.list h2 a{text-decoration:none}
.list h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.list p{margin:0;font-size:.97rem}
@media (max-width:720px){.list li{grid-template-columns:minmax(0,1fr) 120px;gap:4px 14px}.list time{grid-column:1/-1}.lthumb.op{width:84px}}
.pagehead{padding-block:28px 6px}
.pagehead h1{font:600 clamp(1.8rem,4vw,2.4rem)/1.12 var(--serif);margin:0 0 6px}
.pagehead p{margin:0;color:var(--muted);font-style:italic;max-width:70ch}
.prose{max-width:74ch;padding-bottom:12px}
.prose h2{font:700 1.05rem/1.3 var(--sans);margin:1.8em 0 .5em}
.prose p,.prose li{margin:0 0 .9em}
.prose a{color:var(--accent)}
.archive-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 28px;list-style:none;padding:0;margin:0}
.archive-days li{border-top:1px solid var(--rule);padding:14px 0}
.archive-days a{font:600 1.05rem/1.3 var(--serif);text-decoration:none}
.archive-days span{display:block;font:12.5px/1.4 var(--sans);color:var(--muted)}
.fx{width:100%;border-collapse:collapse;font:15px/1.4 var(--sans);margin:8px 0 26px}
.fx caption{text-align:left;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding-bottom:10px}
.fx th,.fx td{text-align:left;padding:10px 12px 10px 0;border-top:1px solid var(--rule);vertical-align:top}
.fx thead th{font:600 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:0}
.fx td.n{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx td.c{font-variant-numeric:tabular-nums;white-space:nowrap}
.fx .up,.fx .down-good{color:var(--up)}.fx .down,.fx .up-bad{color:var(--down)}
.fx td.note{color:var(--muted);font-size:13px}
.foot nav{border:0;padding:0 0 10px;font-size:11.5px}
.foot p{margin:0}
.consent{position:fixed;inset:auto 12px 12px 12px;z-index:20;max-width:720px;margin-inline:auto;background:var(--paper);color:var(--ink);border:1px solid var(--rule);box-shadow:0 6px 24px rgba(0,0,0,.18);padding:14px 16px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font:14px/1.45 var(--sans)}
.consent p{margin:0;flex:1 1 320px}
.consent a{color:var(--accent)}
.consent button{font:600 13px/1 var(--sans);padding:10px 14px;border:1px solid var(--accent);background:var(--accent);color:var(--paper);cursor:pointer}
.consent button.alt{background:transparent;color:var(--accent)}
.caja .gpt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.caja.filled{border:0;background:none}
.caja.filled .caja-s{display:none}
.caja .sp{position:absolute;inset:0;display:block}
.caja .sp img{display:block;width:100%;height:100%}
/* Filled boxes (Lucas, 18 Oct 2026): "Publicidad" above the ad, set like the section rules,
   with no frame round the ad (Lucas, 18 Oct 2026: same background as the page, no borders). */
.caja.filled{overflow:visible;margin-top:26px}
.caja.filled .caja-l{position:absolute;top:-22px;left:0;right:0;display:flex;align-items:center;gap:10px;font:600 10.5px/1 var(--sans);letter-spacing:.16em;color:var(--muted)}
.caja.filled .caja-l::after{content:"";flex:1;border-top:1px solid var(--rule)}
.leader{padding-block:10px 22px}
.st-main .caja-wide.filled,.st-main .caja-narrow.filled{margin-top:48px}
.anchor .caja.filled{margin-top:14px}
.anchor .caja.filled .caja-l{top:-13px;font-size:9px}
/* Horizontal banners carry no "Publicidad" line (Lucas, 18 Oct 2026); the advertiser's own branding marks them. */
.leader .caja.filled .caja-l,.caja-wide.filled .caja-l,.story .caja-narrow.filled .caja-l,.anchor .caja.filled .caja-l{display:none}
.leader .caja.filled,.infeed .caja-wide.filled,.anchor .caja.filled{margin-top:0}
.st-main .caja-wide.filled,.st-main .caja-narrow.filled{margin-top:32px}
/* Side column: a card laid out like a story card, marked "Publicidad · advertiser" in its kicker (site.js). */
.caja.tp-on{aspect-ratio:auto;display:block;width:100%;margin-top:0;color:var(--ink);font:inherit;letter-spacing:normal;text-transform:none}
.caja.tp-on .caja-l{display:none}
.tp{display:flex;flex-direction:column;align-items:flex-start;background:var(--tint);padding:12px 14px 16px;text-decoration:none;color:var(--ink)}
.tp img{display:block;width:100%;aspect-ratio:300/188;object-fit:cover;margin-bottom:12px;background:var(--rule)}
.tp .kicker{color:var(--muted)}
.tp-t{font:600 1.18rem/1.2 var(--serif);margin:0 0 8px;text-wrap:balance}
.tp:hover .tp-t{color:var(--accent)}
.tp-x{font-size:.95rem;line-height:1.5;margin-bottom:4px}
.tp-p{font:500 12.5px/1.4 var(--sans);color:var(--muted);margin-bottom:10px}
.tp-p:empty{display:none}
.notfound{padding-block:60px;text-align:center}
.notfound h1{font:600 2.2rem/1.1 var(--serif);margin:0 0 10px}
/* Real media: photos, GIFs, embedded video and posts */
.md-img .iw{position:relative}
.md-img img,.md-img video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:var(--tint)}
.md figcaption .cr{color:var(--muted);font-size:12px}
.md figcaption .cr a{color:inherit}
.vw{position:relative;aspect-ratio:16/9;max-width:100%;background:#000}
.vw iframe,.vw video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vw.vert{aspect-ratio:9/16;width:min(100%,400px);margin:0 auto}
.mfb{font:12.5px/1.4 var(--sans);margin-top:6px}
.mfb a,.vlink{color:var(--accent)}
.md-post .twitter-tweet,.md-post .instagram-media{margin:0 auto !important}
.md-post blockquote.twitter-tweet{border-left:2px solid var(--accent);padding:10px 14px;font:15px/1.5 var(--sans);background:var(--tint)}
.md-xvideo blockquote.twitter-tweet img{display:block;max-width:100%;height:auto;margin:0 0 8px}
.card .thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;margin-bottom:10px;background:var(--tint)}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card .thumb .ai{left:6px;top:6px;font-size:10px;padding:4px 6px}
/* Every story shows its picture next to its title, in the side column too (Lucas, 18 Oct 2026). */
.lthumb,.mthumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tint)}
.lthumb img,.mthumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb img.entero,.lthumb img.entero,.mthumb img.entero{object-fit:contain;object-position:50% 50%;background:#fff}
.lthumb .ai,.mthumb .ai{left:4px;top:4px;font-size:9px;padding:3px 5px}
.lthumb.op{aspect-ratio:1;width:120px;justify-self:end}
.st-more li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}
/* Opinión: columns written by AI as a deceased thinker (closed list in content/opinion/autores.json) */
.iaop{font:600 11.5px/1.35 var(--sans);color:var(--muted);margin:0 0 6px;font-style:italic}
.card.op .thumb{aspect-ratio:1;width:176px;max-width:100%}
.card.op .thumb img{filter:grayscale(.15)}
.iabox{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--rule);border-left:4px solid var(--accent);background:var(--tint);padding:12px 14px;margin:0 0 24px;font:14px/1.45 var(--sans)}
.iabox img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.iabox h3{font:600 1.05rem/1.3 var(--serif);margin:0 0 4px}
.iabox p{margin:0 0 8px}
.iabox .iadis{border-top:1px solid var(--rule);padding-top:8px}
.iabox .cr{color:var(--muted);font-size:12px;margin:0}
.iabox .cr a{color:inherit}
@media (max-width:560px){.iabox img{width:56px;height:56px}}
.autor{border-top:1px solid var(--rule);margin-top:28px;padding-top:14px;font:14px/1.5 var(--sans)}
.autor h3{font:600 1rem/1.3 var(--serif);margin:0 0 6px}
.autor p{margin:0 0 6px}
.autor .cr{color:var(--muted);font-size:12px}
.autor .cr a{color:inherit}
.secrule a{color:inherit;text-decoration:none}
/* Reader accounts: link in the top line, front-page notice, account page (/cuenta/). */
.topline .acct{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.topline .acct a{color:var(--accent);text-decoration:none;font-weight:700}
.topline .acct a:hover{text-decoration:underline}
.topline .acct .hola{font-weight:700}
.topline .acct .cfgw{position:relative;display:inline-flex}
.topline .acct .cfg{display:inline-flex;padding:2px;border:0;background:none;color:var(--accent);cursor:pointer}
.topline .acct .cfg:hover{opacity:.7}
.topline .acct .cfgm{position:absolute;right:0;top:calc(100% + 6px);z-index:50;display:flex;flex-direction:column;min-width:190px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 6px 18px rgba(0,0,0,.12);text-transform:none;letter-spacing:0;font:500 14px/1.3 var(--sans)}
.topline .acct .cfgm[hidden]{display:none}
.topline .acct .cfgm a,.topline .acct .cfgm button{display:block;text-align:left;padding:10px 14px;color:var(--ink);font:inherit;font-weight:500;text-decoration:none;background:none;border:0;border-top:1px solid var(--rule);cursor:pointer}
.topline .acct .cfgm>:first-child{border-top:0}
.topline .acct .cfgm a:hover,.topline .acct .cfgm button:hover{background:var(--tint);text-decoration:none}
/* One line of text: the action is an inline link-style button in the same font, so both share a baseline in every browser. */
/* Above the top rule that overlaps it on wide screens, so the link takes clicks; the rest of the bar lets them through to "Escuchar el resumen". */
.tustemas{display:block;position:relative;z-index:2;pointer-events:none;margin-top:18px;padding:0;font:700 14px/1.4 var(--sans)}
.tustemas button{pointer-events:auto}
.tustemas span{padding-right:14px}
.tustemas button{display:inline;-webkit-appearance:none;appearance:none;font:inherit;line-height:inherit;vertical-align:baseline;margin:0;background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;white-space:nowrap}
.cu-link{font:600 13px/1.2 var(--sans);background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}
/* The bar sits on the top rule only where it fits beside "Escuchar el resumen"; narrower screens put the rule below it. */
.tustemas+.fr-grid .fr-main>.secrule.sr-top:first-child{margin-top:6px}
@media (min-width:960px){.tustemas+.fr-grid .fr-main>.secrule.sr-top:first-child{margin-top:-13px}}
.cuenta [hidden]{display:none!important}
.cuenta{max-width:1080px;font:16px/1.5 var(--sans);padding-bottom:24px}
.cuenta h2{font:700 1.05rem/1.3 var(--sans);margin:0 0 12px}
.cuenta section{margin-bottom:28px}
.cu-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px 48px}
.cu-one{max-width:440px}
.cuenta form{display:flex;flex-direction:column;gap:12px;max-width:440px}
.cuenta label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.cuenta label small{font-weight:400;color:var(--muted)}
.cuenta input[type=email],.cuenta input[type=password],.cuenta input[type=date],.cuenta input:not([type]){font:16px/1.3 var(--sans);padding:10px 12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:0;width:100%}
.cuenta input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cuenta input[readonly]{color:var(--muted)}
.cuenta .cu-check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
.cuenta .cu-check input{margin-top:4px}
.cuenta a{color:var(--accent)}
.cuenta button[type=submit],.cuenta button.alt{align-self:flex-start;font:600 14px/1 var(--sans);padding:12px 18px;border:1px solid var(--accent);background:var(--accent);color:var(--paper);cursor:pointer}
.cuenta button.alt{background:transparent;color:var(--accent)}
.cuenta button.danger{background:var(--down);border-color:var(--down)}
.cuenta button:disabled{opacity:.6;cursor:wait}
.cu-alt{margin:0;font-size:14px;color:var(--muted)}
.cu-ayuda{margin-top:28px}
.cu-msg{padding:10px 14px;background:var(--tint);border-left:3px solid var(--accent);margin:0 0 20px;max-width:720px}
.cu-msg.bad{border-left-color:var(--down)}
.cu-hola{font-size:1.05rem;margin:0 0 6px}
.cu-verif{color:var(--muted);margin:0 0 20px}
.cuenta .cu-tabs{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px 28px;border-top:0;border-bottom:1px solid var(--rule);padding:0;margin:14px 0 24px;font:600 15px/1.2 var(--sans);letter-spacing:0;text-transform:none}
.cuenta .cu-tabs a{padding:10px 0;margin-bottom:-1px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600;text-decoration:none}
.cuenta .cu-tabs a.on{color:var(--ink);text-decoration:none;border-bottom-color:var(--accent)}
.cuenta .cu-tabs a:hover{color:var(--ink)}
.cu-temas form{max-width:none}
.cu-modo{border:0;padding:0;margin:0 0 18px}
.cu-modo legend{font-weight:700;margin-bottom:6px;padding:0}
.cuenta .cu-modo label{flex-direction:row;align-items:center;gap:8px;margin:6px 0;font-weight:400;font-size:15px}
.cu-modo input{width:auto;margin:0}
.cu-orden{list-style:none;margin:0;padding:0;max-width:440px;border-top:1px solid var(--rule)}
.cu-orden li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--rule);background:var(--paper);cursor:grab;user-select:none}
.cu-orden li.drag{opacity:.5}
.cu-orden .cu-n{width:2em;color:var(--muted);font-variant-numeric:tabular-nums}
.cu-orden .cu-name{flex:1;font-weight:600}
.cu-orden button{font:600 15px/1 var(--sans);width:34px;height:34px;border:1px solid var(--rule);background:transparent;color:var(--accent);cursor:pointer}
.cu-orden li:first-child button[data-mover="-1"],.cu-orden li:last-child button[data-mover="1"]{visibility:hidden}
.cu-borrar{border-top:1px solid var(--rule);padding-top:20px}
.ind-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:6px 0 18px}
.ind-big strong{font:600 clamp(2.4rem,7vw,3.4rem)/1 var(--serif);color:var(--accent);font-variant-numeric:tabular-nums}
.ind-big span{font:15px/1.4 var(--sans);color:var(--muted)}
.ind-chart{margin:8px 0 22px}
.ind-chart svg{width:100%;height:auto;display:block}
.ind-chart polyline{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.ind-chart .l1,.ind-chart figcaption .l1{stroke:var(--accent);color:var(--accent)}
.ind-chart .l2,.ind-chart figcaption .l2{stroke:var(--down);color:var(--down)}
.ind-chart .ax{stroke:var(--rule);stroke-dasharray:3 4}
.ind-chart text{font:15px var(--sans);fill:var(--muted)}
.ind-chart figcaption{display:flex;gap:18px;font:600 13px/1.3 var(--sans)}
.ind-chart figcaption span::before{content:"";display:inline-block;width:16px;height:3px;background:currentColor;vertical-align:middle;margin-right:6px}
.ind-note{font:16px/1.5 var(--sans);margin:0 0 18px}
.ind-calc{font:16px/1.6 var(--sans);background:var(--tint);padding:14px 16px;margin:0 0 18px}
.ind-calc input{font:inherit;width:9em;padding:2px 6px;border:1px solid var(--rule);background:var(--paper);color:var(--ink)}
.ind-calc output{font-weight:700;color:var(--accent)}
.ind-more{display:flex;flex-wrap:wrap;gap:6px 16px;font:15px/1.4 var(--sans);margin:24px 0}
.ind-more span{color:var(--muted)}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:14px 0 28px}
.ind-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.ind-card span{font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.ind-card strong{font:600 1.8rem/1.1 var(--serif)}
.ind-card small{font:13px/1.4 var(--sans);color:var(--muted)}
/* "Mercados presentados por" under the market bar (build.py markets_sponsor) */
.mk-pp{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px 8px;font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mk-pp a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.mk-pp img{display:block;height:15px;width:auto}
.mk-pp img.inv{filter:brightness(0);opacity:.85}
:root[data-theme="dark"] .mk-pp img.inv{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mk-pp img.inv{filter:brightness(0) invert(1)}}
.mk-pl{font-size:10.5px;letter-spacing:0;text-transform:none;border:1px solid var(--rule);padding:2px 5px}
/* Front page: a row of three ads the size of story cards under the big stories (build.py front, site.js) */
.fr-grid.solo{grid-template-columns:minmax(0,1fr)}
.pubband .caja{margin-top:0}
.pubband .caja.tp-on{height:100%}
.pubband .tp{height:100%}
.pubband .tp img{aspect-ratio:16/9}
@media (max-width:720px){.pubband .caja:nth-child(n+2){display:none}}
/* Summaries cut by site.js evenTop so the two top columns end level */
.pubband .caja+.caja{border-left:1px solid var(--rule);padding-left:28px}
.pubband .tp{padding:0 0 16px}
.pubband .tp>:not(img){margin-left:14px;margin-right:14px}

/* The narrator (theme/narrador.js): the "Escuchar" button and the bar fixed to the bottom of the screen. */
.escuchar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 14px;font:13px/1.3 var(--sans)}
.esc-b{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 16px 0 12px;border:1px solid var(--accent);border-radius:20px;background:var(--paper);color:var(--accent);font:600 14px/1 var(--sans);cursor:pointer}
.esc-b:hover,.escuchar.on .esc-b{background:var(--accent);color:var(--paper)}
.esc-b:focus-visible,.narr-bar button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.esc-n{color:var(--muted)}
.esc-i{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;flex:none}
.escuchar.on .esc-i,.nb-play.on .esc-i{width:10px;height:12px;border:0;border-left:3.5px solid currentColor;border-right:3.5px solid currentColor;box-sizing:border-box}
.front .escuchar,.catview .escuchar{margin:4px 0 0}
.narr-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);border-top:1px solid var(--rule);box-shadow:0 -4px 16px rgba(0,0,0,.08);
  padding:0 max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));font:13px/1.3 var(--sans)}
.nb-prog{height:3px;background:var(--rule);margin:0 calc(-1*max(12px,env(safe-area-inset-right,0px))) 8px calc(-1*max(12px,env(safe-area-inset-left,0px)))}
.nb-prog span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s linear}
.nb-row{display:flex;align-items:center;gap:8px;max-width:900px;margin:0 auto}
.narr-bar button{flex:none;min-width:40px;height:40px;border:0;border-radius:20px;background:none;color:var(--ink);font:600 13px/1 var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.narr-bar button:disabled{opacity:.35;cursor:default}
.narr-bar .nb-play{background:var(--accent);color:var(--paper);width:44px;height:44px;border-radius:22px}
.nb-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nb-t{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.nb-s{color:var(--muted);font-size:12px}
.narr-bar .nb-x{font-size:20px;color:var(--muted)}
body.con-narr{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
body.con-narr .anchor{display:none}
body.con-narr .consent{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (max-width:420px){.narr-bar .nb-back,.narr-bar .nb-fwd{min-width:34px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.nb-prog span{transition:none}}

/* Front page top five on one desktop screen (Lucas, 20 Oct 2026): the lead on the left, places 2-5 in a 2x2 grid beside
   it, each with picture, headline and a short summary. Phones keep the single column. */
@media (min-width:721px){
  .top.t5{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:28px}
  .t5 .lead h2{font-size:clamp(1.6rem,2.2vw,2.15rem)}
  .t5 .lead .sum{font-size:1.02rem}
  .t5 .side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;padding-left:24px}
  .t5 .side .card+.card{border-top:0;padding-top:0}
  .t5 .side .card:nth-child(odd){padding-right:24px}
  .t5 .side .card:nth-child(n+3){border-top:1px solid var(--rule);padding-top:16px}
  .t5 .side .card:nth-child(even){border-left:1px solid var(--rule);padding-left:24px}
  .t5 .sub .thumb{margin-bottom:8px}
  .t5 .sub h2{font-size:1.08rem;line-height:1.22;margin-bottom:6px}
  .t5 .sub .sum{font-size:.9rem;line-height:1.5;margin-bottom:6px}
  .t5 .sub .more{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:721px) and (max-width:1023px){
  .top.t5{grid-template-columns:minmax(0,1fr)}
  .t5 .side{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:20px}
}
@media (max-width:720px){.t5 .sub:first-child h2{font-size:1.5rem}}

/* Smaller masthead on desktop (Lucas, 20 Oct 2026) */
@media (min-width:641px){.mast nav{column-gap:15px;letter-spacing:.045em}.logo{font-size:clamp(2.1rem,5.4vw,4.2rem);margin:12px 0 2px}.tag{font-size:clamp(1.2rem,2vw,1.45rem);margin-bottom:10px}}

/* Market bar (build.py markets_bar, Lucas 20 Oct 2026): one line that moves right to left and a link to Dólar hoy at
   the right. Stops while the pointer is on it; still (and scrollable by hand) for reduced motion. */
.markets{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid var(--rule);padding-block:8px;text-align:left}
.mk-cinta{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.mk-rueda{display:flex;width:max-content;animation:mk-rueda 80s linear infinite}
.mk-cinta:hover .mk-rueda,.mk-cinta:focus-within .mk-rueda{animation-play-state:paused}
@keyframes mk-rueda{to{transform:translateX(-50%)}}
.mk-t{display:flex;list-style:none;margin:0;padding:0}
.markets li{display:flex;align-items:baseline;gap:7px;padding-inline:16px;border-left:1px solid var(--rule);font:13px/1.3 var(--sans);white-space:nowrap}
.mk-l{font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mk-v{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink)}
.mk-c{font-weight:600;font-variant-numeric:tabular-nums}
.mk-dh{font:700 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-decoration:none;white-space:nowrap}
.mk-dh:hover{text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.mk-rueda{animation:none}.mk-cinta{overflow-x:auto}.mk-t[aria-hidden]{display:none}}

/* Front page: the narrator button sits at the right end of the "Argentina" rule (Lucas, 20 Oct 2026) */
.secrule.sr-top .escuchar{order:2;margin:0;font:13px/1.3 var(--sans);letter-spacing:0;text-transform:none;flex-wrap:nowrap}
.secrule.sr-top::after{order:1}
.sr-top .esc-b{min-height:32px;padding:0 13px 0 10px;font-size:13px}
@media (max-width:560px){.sr-top .esc-n{display:none}}
/* Rows of four below the top five (Lucas, 20 Oct 2026). A row right under a section rule needs no rule of its own. */
.front .secrule+.grid4:not(.band){border-top:0;margin-top:0;padding-top:0}
.pubband.grid4 .caja+.caja{border-left:1px solid var(--rule);padding-left:24px}
.front .grid4{gap:24px}
.front .grid4 .card+.card{padding-left:24px}
@media (max-width:900px){.pubband.grid4 .caja:nth-child(3){border-left:0;padding-left:0}}
.front .grid4 .card h2{font-size:1.15rem}
.front .grid4 .card .sum{font-size:.92rem}
@media (max-width:720px){.front .grid4 .card+.card{padding-left:0}.pubband.grid4 .caja+.caja{border-left:0;padding-left:0}}
.secrule.sr-top span:empty{display:none}
/* Section pages (Lucas, 23 Oct 2026; build.py section_body): a wide lead, then two columns of cards with the picture
   beside the text. */
.secview .fr-main>.secrule:first-child{margin-top:8px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid2 .card+.card{border-left:1px solid var(--rule);padding-left:24px}
@media (min-width:721px){
  .card.hz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:20px;align-items:start}
  .card.hz .thumb{grid-row:1/span 6;margin-bottom:0}
  .card.hz h2{font-size:1.15rem}
  .card.hz .sum{font-size:.92rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:1100px) and (min-width:721px){.grid2{grid-template-columns:minmax(0,1fr)}.grid2 .card+.card{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:20px}}
@media (min-width:721px){
  .wide-lead .lead{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:28px;align-items:start}
  .wide-lead .lead .thumb{grid-row:1/span 6;margin-bottom:0}
  .wide-lead .lead h2{font-size:clamp(1.6rem,2.4vw,2.3rem)}
}
.wide-lead+.band{margin-top:24px}
/* Older stories: two columns of small items */
.clist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.clist li{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:14px;align-items:start;border-top:1px solid var(--rule);padding:12px 0}
.clist time{display:block;font:600 11.5px/1.4 var(--sans);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.clist h3{font:600 1.02rem/1.25 var(--serif);margin:0;text-wrap:balance}
.clist h3 a{text-decoration:none}
.clist h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.cthumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tint)}
.cthumb img{width:100%;height:100%;object-fit:cover;display:block}
.cthumb img.entero{object-fit:contain;background:#fff}
.cthumb .ai{display:none}
@media (max-width:720px){
  .clist{grid-template-columns:minmax(0,1fr)}
  .clist li{grid-template-columns:minmax(0,1fr) 112px}
  /* Phones: below the top story every card is a compact item, picture on the right */
  .secview .band .card:not(.op){display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:14px;align-items:start}
  .secview .band .card:not(.op) .thumb{grid-column:2;grid-row:1/span 4;margin:0}
  .secview .band .card:not(.op)>:not(.thumb){grid-column:1}
  .secview .band .card:not(.op) h2{font-size:1.05rem;line-height:1.25}
  .secview .band .card:not(.op) .sum,.secview .band .card:not(.op) .more{display:none}
  .grid2{grid-template-columns:minmax(0,1fr)}
  .grid2 .card+.card{border-left:0;padding-left:0}
  .secview .band .card{padding-top:14px}
  .secview .band{margin-top:0;padding-top:0;gap:0}
  .secview .band .card{border-top:1px solid var(--rule);padding-bottom:14px}
  .secview .band .card+.card{padding-top:14px}
  .secview .pubband{padding-top:16px;margin-bottom:8px}
}
/* Phones: the section menu is the current section with a drop-down of the others (Lucas, 23 Oct 2026). */
.navm{display:none}
@media (max-width:640px){
  .mast .navd{display:none}
  .navm{display:block;position:relative;border-top:1px solid var(--rule);font:600 13px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}
  .navm summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;cursor:pointer;color:var(--accent)}
  .navm summary::-webkit-details-marker{display:none}
  .navm summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
  .navm[open] summary::after{transform:translateY(2px) rotate(-135deg)}
  .navm div{position:absolute;left:0;right:0;top:100%;z-index:20;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 20px rgba(0,0,0,.12)}
  .navm div a{padding:13px 16px;text-decoration:none;text-align:center;border-top:1px solid var(--rule)}
  .navm div a:first-child{border-top:0}
}