/* climaxgoldentwins.com — Register. Palette: ground / ink / accent (oxblood) / secondary (marine) / flag (ochre) */
:root{
  --ground:#EDE6D8;      /* page ground */
  --paper:#F6F1E7;       /* raised paper: mats, plates */
  --sand:#DED4C0;        /* quiet fill */
  --ink:#16120E;         /* text, rules, dark grounds */
  --ink-soft:#5C5145;    /* secondary text */
  --ink-faint:#6E6154;   /* credits, fine print */
  --accent:#8C2B24;      /* oxblood — section marks, kickers, links */
  --secondary:#1E5A78;   /* marine — signature bands, notes panels */
  --flag:#B4611A;        /* ochre — flags, current state */
  --line:#C9BFAC;
  --wide:1280px;
  --measure:34rem;
  --display:"Chivo",system-ui,sans-serif;
  --text:"Faustina",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:19px;line-height:1.6;text-wrap:pretty}
img{display:block;max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.06;margin:0}
.wrap{max-width:var(--wide);margin:0 auto;padding-inline:32px}
.narrow{max-width:44rem;margin:0 auto;padding-inline:32px}
.icon{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* ---------- masthead ---------- */
.masthead{border-bottom:3px solid var(--ink);background:var(--ground)}
.masthead-top{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;padding:24px 0 16px}
.wordmark{font-family:var(--display);font-weight:700;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.wordmark:hover{text-decoration:none;color:var(--accent)}
.site-domain{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.masthead-tag{font-size:16.5px;color:var(--ink-soft);margin-top:7px;max-width:46ch}
.unofficial{display:flex;align-items:center;gap:9px;background:var(--accent);color:#F6EEE2;padding:8px 12px;font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.05em}
nav.sections{display:flex;flex-wrap:wrap;gap:8px 26px;padding-bottom:12px;font-family:var(--display);font-weight:600;font-size:15px}
nav.sections a{display:flex;align-items:center;gap:8px;color:var(--ink);padding:4px 0}
nav.sections a:hover{color:var(--accent);text-decoration:none}
nav.sections a.here{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
nav.sections .browse{margin-left:auto;color:var(--ink-soft)}

/* ---------- kickers & section marks ---------- */
.kicker{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.kicker.quiet{color:var(--ink-faint)}
.card .kicker,.lead-feature .kicker,.hub .kicker{font-size:12.5px;line-height:1.2;color:var(--accent)}
.band{padding-block:52px}
.band+.band{border-top:1px solid var(--line)}
.band-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 20px;margin-bottom:24px}
.band-head h2{font-size:26px}
.band-head .more{margin-left:auto;font-size:16px}

/* ---------- homepage opener ---------- */
.opener{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start;padding-block:48px 44px}
.opener h1{font-size:clamp(38px,4.4vw,62px)}
.opener h1 em{font-style:normal;color:var(--accent)}
.opener-lede{font-size:21px;line-height:1.5;color:var(--ink-soft);margin-top:18px;max-width:38ch}
.opener-say{display:flex;flex-direction:column;height:100%}
.opener-index{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.oi-head{grid-column:1/-1;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 -4px;border-top:3px solid var(--ink);padding-top:12px}
.opener-index a{display:grid;grid-template-columns:auto auto 1fr;gap:2px 9px;align-items:baseline;color:var(--ink)}
.opener-index a:hover{text-decoration:none}
.opener-index svg{color:var(--accent);grid-row:span 2;align-self:start;margin-top:3px}
.oi-t{font-family:var(--display);font-weight:700;font-size:18px}
.oi-n{font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.06em;color:var(--ink-faint);justify-self:start}
.oi-b{grid-column:2/-1;font-size:15.5px;line-height:1.4;color:var(--ink-soft)}
.opener-index a:hover .oi-t{color:var(--accent)}
.oi-all{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
.lead-feature{display:block;color:var(--ink)}
.lead-feature:hover{text-decoration:none}
.lead-feature h2{font-size:32px;margin-top:16px}
.lead-feature:hover h2{color:var(--accent)}
.lead-feature p{font-size:17.5px;color:var(--ink-soft);margin:10px 0 0}

/* ---------- signature band (marine, real area) ---------- */
.signature{background:var(--secondary);color:#EAF2F5;padding:38px 0}
.signature .wrap{display:flex;gap:20px;align-items:flex-start}
.signature p{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.1vw,27px);line-height:1.2;margin:0;max-width:34ch}
.signature .sig-note{font-size:16.5px;line-height:1.5;max-width:34ch;margin:0;color:#D3E4EC}
.signature svg{width:30px;height:30px;flex:none;margin-top:2px}

/* ---------- selection (varied weight) ---------- */
.selection{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}
.sel-lead{grid-row:span 2;display:flex;flex-direction:column}
.card{display:flex;flex-direction:column;color:var(--ink);height:100%}
.card:hover{text-decoration:none}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.9)}
.card .mark{margin:14px 0 6px}
.card h3{font-size:22px;min-height:2.1em}
.sel-lead h3{font-size:34px;min-height:0}
.card p{font-size:16.5px;color:var(--ink-soft);margin:8px 0 0}
.sel-lead p{font-size:18.5px}
.card:hover h3{color:var(--accent)}
.card .plate{border:1px solid var(--ink);padding:8px;background:var(--paper)}
.sel-text{border-top:3px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.sel-text h3{font-size:21px}
.sel-text p{margin-top:auto}

/* ---------- sections hub ---------- */
.hub{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.hub a{border-top:3px solid var(--ink);padding-top:14px;color:var(--ink);display:flex;flex-direction:column;gap:7px}
.hub a:hover{text-decoration:none;border-top-color:var(--accent)}
.hub .no{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--ink-faint)}
.hub h3{font-size:23px}
.hub svg{width:24px;height:24px;color:var(--accent)}
.hub p{font-size:16.5px;color:var(--ink-soft);margin:0}
.hub .count{font-family:var(--display);font-weight:600;font-size:13px;color:var(--accent);margin-top:auto}

/* ---------- register table ---------- */
.register{width:100%;border-collapse:collapse;font-size:17.5px}
.register caption{text-align:left;font-size:16px;color:var(--ink-soft);padding-bottom:10px}
.register th{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-align:left;border-bottom:2px solid var(--ink);padding:0 16px 8px 0}
.register td{border-bottom:1px solid var(--line);padding:13px 16px 13px 0;vertical-align:baseline}
.register tbody tr:hover{background:#E3DBCA}
.register td.t{font-weight:600}
.register td.t a{color:var(--ink)}
.register tbody tr:hover td.t a{color:var(--accent)}
.register td.s{color:var(--ink-soft)}
.register td.sec{font-family:var(--display);font-weight:600;font-size:13px;color:var(--accent);white-space:nowrap}
.register .ico{width:30px;padding-right:0;color:var(--accent)}
.register .ico svg{width:20px;height:20px}

/* ---------- article ---------- */
.entry-head{padding-block:44px 0}
.entry-head h1{font-size:clamp(34px,4vw,56px);max-width:26ch}
.lead{font-size:22px;line-height:1.45;color:var(--ink-soft);margin:18px 0 0;max-width:44ch;font-weight:500}
.entry-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--ink-soft)}
.entry-body{font-size:19.5px;line-height:1.72}
.narrow.entry-body{max-width:66rem;padding-bottom:60px}
.entry-body>*{max-width:var(--measure);margin-inline:auto}
.entry-body p{margin:0 auto 22px}
.entry-body h2{font-size:27px;margin:44px auto 16px;max-width:var(--measure)}
.entry-body h2:first-child{margin-top:0}
.entry-body em{font-style:italic}

/* figure system — three treatments */
.article-figure{margin:34px auto 38px}
.article-figure img{width:100%;object-fit:cover}
.article-figure figcaption{font-size:16.5px;line-height:1.45}
.credit{display:block;font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:7px}
/* I — bleed: breaks the measure edge to edge, caption hung on a rule */
.fig-bleed{max-width:none;margin:40px 0;margin-inline:0}
.fig-bleed img{aspect-ratio:16/7;border-block:1px solid var(--ink)}
.fig-bleed figcaption{max-width:var(--measure);margin:12px auto 0;border-top:3px solid var(--accent);padding-top:10px}
/* II — plate: photograph on a paper mat, caption inside the mat */
.fig-plate{max-width:52rem;background:var(--paper);border:1px solid var(--ink);padding:14px}
.fig-plate img{aspect-ratio:16/9}
.fig-plate figcaption{margin-top:14px;padding-inline:2px;max-width:46ch}
/* III — inset: narrow, offset, stepped caption on a marine rule */
.fig-inset{max-width:56rem;display:grid;grid-template-columns:1fr 15rem;gap:24px;align-items:start}
.fig-inset img{aspect-ratio:4/3}
.fig-inset figcaption{border-top:3px solid var(--secondary);padding-top:10px;margin-top:52px}

/* working notes — the pack's Notes-for-Design material, breaking the column */
.notes-panel{max-width:none;background:var(--sand);border-top:3px solid var(--ink);border-bottom:1px solid var(--line);margin:44px 0;padding:30px 0 34px}
.notes-panel .inner{max-width:100%;margin:0 auto;padding-inline:28px}
.notes-panel h3{font-size:22px;margin-bottom:4px}
.notes-panel .credit{margin-top:0}
.notes-panel .kicker{margin-bottom:12px}
.notes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:14px 34px;margin:0;font-size:17px;line-height:1.5}
.notes-list div{border-top:1px solid #BFB29A;padding-top:10px}
.notes-list dt{font-weight:600}
.notes-list dd{margin:2px 0 0;color:#463C31}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.timeline li{display:grid;grid-template-columns:12rem 1fr;gap:18px;border-top:1px solid #BFB29A;padding-top:10px;font-size:17px}
.t-when{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.02em;color:var(--accent)}

.pullquote{margin:34px auto;max-width:var(--measure);border:0;padding:0}
.notes-panel{margin-inline:0}
.pullquote p{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.2;margin:0;color:var(--accent)}
.blockquote{margin:30px auto;max-width:var(--measure);padding-left:20px;border-left:3px solid var(--secondary)}
.blockquote p{margin:0;font-size:20px}
.blockquote cite{display:block;font-style:normal;font-size:15.5px;color:var(--ink-faint);margin-top:8px}
.callout{background:var(--secondary);color:#EAF2F5;padding:22px 24px;margin:34px auto;max-width:52rem}
.callout p{margin:0;font-size:19px}
.note{font-size:17px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:10px}

.related{border-top:3px solid var(--ink);margin-top:48px;padding-top:16px;max-width:56rem}
.related-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:14px 30px;font-size:18px}
.related-links li{border-top:1px solid var(--line);padding-top:10px}
.further-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:16px}
.further-grid a{border:1px solid var(--line);background:var(--paper);padding:14px 16px;color:var(--ink);font-family:var(--display);font-weight:600;font-size:17px}
.further-grid a:hover{border-color:var(--accent);text-decoration:none;color:var(--accent)}

/* ---------- category page ---------- */
.cat-head{display:grid;grid-template-columns:1fr 26rem;gap:48px;align-items:end;padding-block:40px 26px;border-bottom:2px solid var(--ink)}
.cat-head h1{font-size:clamp(40px,5vw,60px)}
.cat-head p{font-size:18px;color:var(--ink-soft);margin:0}
.cat-list{list-style:none;margin:0;padding:0}
.cat-list li{border-bottom:1px solid var(--line)}
.cat-list a{display:grid;grid-template-columns:5.5rem 1fr;gap:24px;padding:20px 0;color:var(--ink);align-items:start}
.cat-list a:hover{text-decoration:none;background:#E3DBCA}
.cat-list img{width:5.5rem;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ink)}
.cat-list h3{font-size:23px}
.cat-list p{margin:6px 0 0;font-size:17px;color:var(--ink-soft);max-width:62ch}
.cat-list a:hover h3{color:var(--accent)}

/* ---------- supporters ---------- */
.supporters{background:var(--ink);color:#E5DCCC;padding:38px 0 34px}
.supporters h2{font-size:21px;color:#F3EBDC}
.supporters .kicker{color:#C08A7E}
.sup-group{margin-top:22px}
.sup-group>h3{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:#A2937F;margin-bottom:12px}
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,276px);gap:16px;justify-content:start}
.sponsor{display:grid;grid-template-columns:1fr;gap:14px;align-content:start;background:#221B14;border:1px solid #393026;padding:16px;min-height:92px;color:#E5DCCC}
.sponsor:hover{text-decoration:none;border-color:var(--flag)}
.sponsor img{width:100%;height:46px;max-height:46px;max-width:100%;object-fit:contain;object-position:left center}
.sponsor-name{font-family:var(--display);font-weight:700;font-size:16px;display:block;color:#F3EBDC}
.sponsor-blurb{display:block;font-size:15px;line-height:1.4;color:#B3A491;margin-top:4px}

/* ---------- footer ---------- */
footer.site{background:var(--ground);border-top:3px solid var(--ink);padding:32px 0 44px}
footer.site .cols{display:grid;grid-template-columns:1.4fr repeat(3,auto);gap:32px 48px}
footer.site h4{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
footer.site p{margin:0;font-size:15.5px;color:var(--ink-soft);max-width:56ch}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:16px}
footer.site ul a{display:inline-block;padding:5px 0}
footer.site a{color:var(--ink)}
.disclaimer{font-family:var(--display);font-weight:600;font-size:13px;color:var(--ink);display:block;margin-bottom:8px}

/* ---------- styleguide-only bits ---------- */
.versus,.datatable{width:100%;border-collapse:collapse;font-size:17px;margin:24px 0}
.versus th,.datatable th{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--ink);padding:0 14px 8px 0}
.versus td,.datatable td{border-bottom:1px solid var(--line);padding:11px 14px 11px 0;vertical-align:top}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:18px;margin:24px 0}
.statblock{border-top:3px solid var(--accent);padding-top:10px}
.stat-num{font-family:var(--display);font-weight:700;font-size:40px;line-height:1;display:block}
.stat-label{font-size:16px;color:var(--ink-soft);display:block;margin-top:6px}
.chart{margin:24px 0;max-width:44rem}
.chart svg{width:100%;height:auto}
.chart figcaption{font-size:16px;color:var(--ink-soft);margin-top:10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:16px;margin:28px 0;max-width:none}
.gallery figure{margin:0;background:var(--paper);border:1px solid var(--ink);padding:8px}
.gallery img{aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{font-size:15.5px;margin-top:8px}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:20px}
.profile-card{background:var(--paper);border:1px solid var(--line);padding:18px}
.profile-card h3{font-size:20px;margin-top:10px}
.p-role{font-family:var(--display);font-weight:600;font-size:14px;color:var(--accent);margin:4px 0 8px}
.p-photo{width:100%;aspect-ratio:1;object-fit:cover}
.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:14px}
.org-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1px solid var(--line);background:var(--paper);padding:12px 14px;color:var(--ink)}
.org-name{font-family:var(--display);font-weight:700;font-size:16px;display:block}
.org-host{font-size:14.5px;color:var(--ink-faint)}
.entity-ref{font-weight:600}
details.expander summary{font-family:var(--display);font-weight:600;font-size:15px;color:var(--accent);cursor:pointer;padding:8px 0}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .sponsor-grid{grid-template-columns:repeat(auto-fit,300px)}
  .sponsor{min-height:0}
}
@media (max-width:1080px){
  .selection{grid-template-columns:1fr 1fr}
  .sel-lead{grid-row:auto;grid-column:span 2}
  .hub{grid-template-columns:1fr 1fr}
  .cat-head{grid-template-columns:1fr;gap:20px}
  .fig-inset{grid-template-columns:1fr;gap:14px}
  .fig-inset figcaption{margin-top:0}
}
@media (max-width:820px){
  body{font-size:18px}
  nav.sections{gap:0 22px}
  nav.sections a{min-height:44px;padding:10px 0}
  .wrap,.narrow,.notes-panel .inner{padding-inline:20px}
  .opener{grid-template-columns:1fr;gap:28px;padding-block-start:32px}
  .opener-index{margin-top:28px}
  .signature .wrap{flex-direction:column;gap:14px}
  .selection{grid-template-columns:1fr}
  .sel-lead{grid-column:auto}
  .card h3{min-height:0}
  .register .hide-s{display:none}
  .entry-body{font-size:18.5px}
  footer.site .cols{grid-template-columns:1fr 1fr}
  .timeline li{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
  .versus,.datatable{display:block;overflow-x:auto;font-size:16px;white-space:normal}
  .hub{grid-template-columns:1fr}
  .wordmark{font-size:29px}
  .opener-index{grid-template-columns:1fr}
  .cat-list a{grid-template-columns:1fr}
  .cat-list img{width:100%;aspect-ratio:16/9}
  .sponsor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .sponsor{grid-template-columns:1fr;gap:12px;align-items:start}
  .sponsor img{object-position:left center}
  .register td.sec,.register .ico{display:none}
  .fig-plate{padding:10px}
}

/* sp-mark-align: marks sit CENTRED in their box. Placement only — Design's size,
   padding, panel and object-fit are untouched. */
.sponsor img,.sponsor-box img,.sp-logo img{object-position:center!important;margin-left:auto!important;margin-right:auto!important;display:block}
.sponsor .sp-logo,.sponsor-box{display:flex;align-items:center;justify-content:center}

/* sp-tile-uniform: a slot never grows to fill its row — every tile the same width in
   every row, whatever the count. Only flex-grow is touched. */
.sponsor{flex-grow:0!important}
.sponsor.lead-line,.sponsor.feat.lead-line{flex-grow:1!important}

/* sp-blurb-unhide: every supporter slot shows its text — no half-texted grids */
.sponsor-blurb:not(:empty){display:block!important;line-height:1.5}

/* sp-blurb-link: money-link anchors in blurbs must inherit the blurb colour (readable on dark OR light tiles) */
.sponsor-blurb a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* op-money-columns: the supporters block ran one tile per row — 11 tiles,
   1589px at 390, 23% of the whole page. Two columns bring it to
   992px (38% shorter). Checked before writing: no new overflow, smallest mark still
   131px wide, longest blurb 3 lines, tile heights 100-175px.
   A block that fails any of those is left in one column — two narrow columns can make a block
   TALLER once the copy rewraps, which is the case the operator warned about.
   The blurb is held to three rows at phone width, because a nine- or eleven-line blurb in a narrow column made two columns TALLER than one. The copy stays in the markup. An odd tile count means the lead tile spans the whole row, so the block does not end on an empty cell. Only the tier(s) that were one-per-row are touched (.sponsor-grid), never the section
   that holds several tiers: forcing a grid on that would put a featured row and a regulars run
   side by side. Phone widths only. */
@media (max-width:640px){
  .sponsor-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important}
    .sponsor-grid > *{min-width:0!important;max-width:100%;width:auto!important;flex:0 1 auto!important}
    .sponsor-grid > * *{min-width:0!important;max-width:100%}
    .sponsor-grid img,.sponsor-grid svg{max-width:100%;height:auto}
  .sponsor-grid .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden!important}
}

/* op-odd-tier-lead: .sponsor-grid (7 tiles) lay out two per row with an ODD tile count, so the
   block ended on a lone tile beside an empty cell. The lead tile takes the whole row instead —
   operator: "the 1st item in such rows to be 100% width, then split" — so the grid reads as
   complete. These tiers were already two-per-row, which is why the column pass never wrote the
   rule for them. Checked before writing: no new horizontal overflow, block not more than 15%
   taller. Phone widths only; desktop keeps Design's layout. */
@media (max-width:640px){
  .sponsor-grid:has(> *:nth-child(odd):last-child) > *:first-child{grid-column:1 / -1!important}
}

/* op-article-width: the article column was capped at 544px (69 characters per line) at every desktop width. Operator: "it should utilize more space". Widened through Design's own measure --measure (declared in .entry-body > *) to ~102 characters per line in this build's own prose font, never past the edge Design's own content already reaches beside it. Above 1600 the column and the prose type grow together (up to 1.2x). Nothing below 1024 changes. Originals: migration/_backups/article_width/. */
@media (min-width:1024px){
  div.narrow.entry-body{--measure:min(810px, 100%)!important}
}
@media (min-width:1600px){
  div.narrow.entry-body{--measure:min(clamp(810px, 56.250vw, 972px), 100%)!important}
  div.narrow.entry-body > :is(p:not([class])){font-size:clamp(19.5px,1.3542vw,23.4px)!important}
}
/* op-article-width:end */
/* op-heading-levels */
h2:where(.rt-h3){font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; line-height: 1.06; margin: 0px;}
.cat-list h2:where(.rt-h3){font-size: 23px;}
.cat-list a:hover h2:where(.rt-h3){color: var(--accent);}
/* op-heading-levels:end */

/* op-img-dims — intrinsic width/height reserve image space; the proven height:auto guard (zero specificity) */
:where(a.card > div.plate > img,
  a.card.sel-lead > div.plate > img,
  a.lead-feature > div.plate > img,
  div.entry-body.narrow > figure.article-figure.fig-inset > img,
  div.entry-body.narrow > figure.article-figure.fig-plate > img,
  li > a > img,
  main > figure.article-figure.fig-bleed > img){height:auto}
/* op-img-dims:end */
@media (min-width:728px) and (max-width:1279px){.sponsor-grid.sponsor-grid:has(> [data-partner]){grid-template-columns:repeat(auto-fill,minmax(min(276px,calc(50% - 8px)),1fr))!important;justify-content:stretch!important}.sponsor-grid.sponsor-grid > [data-partner]{width:auto!important;max-width:none!important}}