/* OSCEBiH — Ground Level */
:root{
  --ground:#14171A; --deep:#0E1113; --panel:#191D1F; --panel-2:#202628;
  --paper:#F2EFE8; --text:#D6D2C9; --muted:#9EA29A; --faint:#8E938C;
  --river:#8FB3A6; --river-deep:#24544A;
  --rule:rgba(233,229,220,.18); --rule-soft:rgba(233,229,220,.09);
  --display:Archivo,system-ui,sans-serif; --serif:Newsreader,Georgia,serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--serif);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
h1,h2,h3{text-wrap:pretty}
a{color:var(--river);text-decoration:none}
a:hover{color:var(--paper)}
.wrap{width:100%;max-width:1300px;margin-inline:auto;padding-inline:clamp(18px,4vw,46px)}
.measure{max-width:74ch;margin-inline:auto;padding-inline:clamp(18px,4vw,46px)}
.kicker{margin:0 0 10px;font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.kicker--river{color:var(--river)}
.meta{font:400 12.5px/1.5 var(--mono);color:var(--faint);letter-spacing:.02em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;z-index:60;background:var(--paper);color:var(--ground);padding:10px 14px}

/* masthead + section strip */
.masthead{background:var(--ground);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:30}
.masthead-in{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap;padding-block:18px 12px}
.brand{display:block;color:inherit}
.wordmark{display:block;font:800 clamp(29px,4.2vw,40px)/.86 var(--display);letter-spacing:-.028em;color:var(--paper)}
.wordmark--sm{font-size:22px}
.tagline{display:block;margin-top:7px;font:400 13.5px/1.2 var(--serif);color:var(--muted)}
.utility{display:flex;gap:8px;margin-right:-10px;font:500 12.5px/1 var(--display)}
.utility a{display:flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted)}
.utility a:hover{color:var(--paper)}
.strip{border-top:1px solid var(--rule-soft)}
.strip-in{position:relative}
.strip-in{display:flex;flex-wrap:wrap;gap:0 4px}
.strip-item{position:relative;font:500 13.5px/1.15 var(--display);letter-spacing:.005em;color:#B4B0A6;padding:12px 14px 11px;border-bottom:2px solid transparent;transition:color .14s ease,background-color .14s ease,border-color .14s ease}
.strip-item::before{content:"";position:absolute;left:0;top:14px;bottom:13px;width:2px;background:var(--accent,var(--river));opacity:.5;transition:opacity .14s ease}
.strip-item:first-child{margin-left:-14px}
.strip-item:first-child::before{display:none}
.strip-item:hover{color:var(--paper);background:rgba(233,229,220,.05)}
.strip-item:hover::before{opacity:1}
.strip-item:focus-visible{outline:2px solid var(--river);outline-offset:-2px}
.strip-item.is-on{color:var(--paper);background:rgba(233,229,220,.06);border-bottom-color:var(--accent,var(--river))}
.strip-item.is-on::before{opacity:1}

/* hero + band photographs (the signature) */
.hero,.band-photo,.art-hero{position:relative;display:flex;align-items:flex-end;background:var(--deep);overflow:hidden}
.hero{min-height:min(76vh,720px)}
.art-hero{min-height:min(62vh,560px)}
.band-photo{min-height:clamp(280px,38vw,440px)}
.hero>img,.band-photo>img,.art-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,17,19,.96) 0%,rgba(14,17,19,.92) 26%,rgba(14,17,19,.74) 48%,rgba(14,17,19,.30) 78%,rgba(14,17,19,.10) 100%)}
.hero-in,.band-in,.art-hero-in{position:relative;width:100%;padding-block:52px 30px}
.hero h1{margin:.18em 0 .34em;font:700 clamp(36px,5.6vw,72px)/.98 var(--display);letter-spacing:-.03em;color:var(--paper);max-width:19ch}
.hero p{margin:0;max-width:64ch;font:400 clamp(16px,1.3vw,18px)/1.5 var(--serif);color:#CFCCC3}
.band-title{margin:0;font:700 clamp(32px,5vw,64px)/.95 var(--display);letter-spacing:-.03em;color:var(--paper)}
.art-hero h1{margin:.15em 0 0;font:400 clamp(32px,4.6vw,60px)/1.02 var(--serif);letter-spacing:-.024em;color:var(--paper);max-width:24ch}

/* orientation caption row */
.orient{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px 40px;padding-block:14px 26px;border-bottom:1px solid var(--rule)}
.orient .cap{margin:0;border-left:2px solid var(--river-deep);padding-left:12px;font:400 14px/1.55 var(--serif);color:var(--muted)}
.orient .credit{margin:0;font:400 11.5px/1.5 var(--mono);color:var(--faint);text-align:right}

/* colophon — supporters */
.colophon{background:var(--deep);border-bottom:1px solid var(--rule);padding-block:22px 24px}
.colophon-head{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:18px}
.colophon-title{font:700 18px/1.1 var(--display);color:var(--paper)}
.colophon-sub{font:400 13.5px/1.45 var(--serif);color:var(--muted);margin:0}
.tier{display:flex;flex-wrap:wrap;gap:10px}
.tier--roll{margin-top:10px}
.sponsor{flex:1 1 232px;min-width:232px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--rule-soft);padding:12px 14px;color:var(--text)}
.sponsor img{flex:none;width:200px;height:40px;object-fit:contain}
.sponsor-name{font:500 13.5px/1.35 var(--display);color:var(--paper);text-align:center;min-height:1.35em}
.sponsor-blurb{display:block;width:100%;min-height:40px;font:400 12.5px/1.45 var(--serif);color:var(--muted)}
.sponsor.feat{flex:1 1 232px;min-width:232px;padding:14px 16px;border-color:var(--rule)}
.sponsor.feat img{height:40px}
.tier--roll .sponsor{flex:1 1 232px}
.colophon-foot{margin:14px 0 0;font:400 12.5px/1.5 var(--mono);color:var(--faint)}

/* lead story */
.lead-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(20px,3.2vw,46px);align-items:center;padding-block:36px 34px}
.lead-card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--panel)}
.lead-card .ph img{width:100%;height:100%;object-fit:cover}
.lead-card h2{margin:.16em 0 .38em;font:400 clamp(29px,3.5vw,48px)/1.04 var(--serif);letter-spacing:-.02em;color:var(--paper)}
.lead-card p:not(.kicker):not(.meta){margin:0 0 18px;font:400 17.5px/1.55 var(--serif);color:var(--text);max-width:52ch}

/* card grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:clamp(16px,2.2vw,26px);padding-block:0 40px}
.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--rule-soft);color:var(--text)}
.card .ph{aspect-ratio:3/2;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card-in{display:flex;flex-direction:column;gap:9px;padding:16px 18px 18px;flex:1}
.card h3{margin:0;font:500 21px/1.26 var(--serif);color:var(--paper);min-height:2.52em}
.card p{margin:0;font:400 14.5px/1.52 var(--serif);color:var(--muted)}
.card .meta{margin-top:auto;padding-top:14px}
.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:34px 16px;border-top:1px solid var(--rule)}
.band-head h2{margin:0;font:600 clamp(20px,2vw,26px)/1.2 var(--display);color:var(--paper)}

/* section bands + lists */
.band-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,4vw,56px);padding-block:26px 34px;border-bottom:1px solid var(--rule)}
.band-blurb{margin:0 0 16px;font:400 17px/1.6 var(--serif);color:var(--text)}
.cat-list{list-style:none;margin:0;padding:0}
.cat-list>li{border-top:1px solid var(--rule-soft)}
.cat-list>li:last-child{border-bottom:1px solid var(--rule-soft)}
.cat-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 18px;padding:14px 0;color:var(--paper)}
.cat-list .ttl{font:500 19px/1.3 var(--serif)}
.cat-list .rt{font:400 11.5px/1.9 var(--mono);color:var(--faint);white-space:nowrap}
.cat-list .dek{grid-column:1/-1;margin:2px 0 0;font:400 14.5px/1.5 var(--serif);color:var(--muted)}
.all-link{display:inline-block;margin-top:16px;font:500 13.5px/1 var(--display);border-bottom:2px solid var(--river-deep);padding-bottom:5px}
details.more{margin-top:10px}
details.more>summary{cursor:pointer;font:500 13px/1 var(--display);color:var(--river);padding:12px 0;list-style:none}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:" +"}
details.more[open]>summary::after{content:" –"}

/* article */
.art-strip{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;padding-block:16px;border-bottom:1px solid var(--rule)}
.art-strip .next{font:400 14px/1.5 var(--serif);color:var(--muted)}
.prose{padding-block:34px 6px}
.lead{margin:0 0 26px;font:400 clamp(20px,2vw,24px)/1.5 var(--serif);color:var(--paper)}
.prose h2{margin:1.9em 0 .5em;font:600 clamp(21px,2.2vw,27px)/1.22 var(--display);color:var(--paper)}
.prose h3{margin:1.6em 0 .4em;font:600 18px/1.3 var(--display);color:var(--paper)}
.prose p{margin:0 0 1.05em;font:400 19.5px/1.7 var(--serif)}
.prose em{font-style:italic}
.body-list{margin:0 0 1.2em;padding-left:1.1em}
.body-list li{margin-bottom:.5em;font:400 19px/1.65 var(--serif)}

/* annotation plates (full-bleed interruptions) */
.plate{background:var(--panel);border-top:1px solid var(--river-deep);border-bottom:1px solid var(--river-deep);margin:44px 0;padding-block:30px 36px}
.plate-h{margin:6px 0 20px;font:600 clamp(21px,2.3vw,29px)/1.16 var(--display);color:var(--paper)}
.datatable{width:100%;border-collapse:collapse}
.datatable th{width:33%;text-align:left;vertical-align:top;padding:12px 24px 12px 0;border-top:1px solid var(--rule-soft);font:600 15.5px/1.42 var(--display);color:var(--paper)}
.datatable td{padding:12px 0;border-top:1px solid var(--rule-soft);font:400 16.5px/1.55 var(--serif);color:var(--text)}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:minmax(150px,250px) minmax(0,1fr);gap:4px 26px;padding:13px 0;border-top:1px solid var(--rule-soft)}
.t-when{font:500 12.5px/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--river)}
.t-what{font:400 16.5px/1.55 var(--serif)}
.plate-list{list-style:none;margin:0;padding:0;columns:2;column-gap:46px}
.plate-list li{break-inside:avoid;padding:11px 0;border-top:1px solid var(--rule-soft);font:400 16.5px/1.55 var(--serif)}

/* editorial components */
.pullquote{margin:36px 0;padding:0 0 0 22px;border-left:3px solid var(--river)}
.pullquote p{margin:0;font:italic 400 clamp(21px,2.3vw,27px)/1.36 var(--serif);color:var(--paper)}
.blockquote{margin:32px 0;padding:0 0 0 22px;border-left:1px solid var(--rule)}
.blockquote p{margin:0;font:400 19px/1.6 var(--serif);color:var(--text)}
.blockquote cite{display:block;margin-top:10px;font:400 13px/1.5 var(--mono);font-style:normal;color:var(--muted)}
.callout{margin:32px 0;background:var(--panel);border-left:3px solid var(--river);padding:18px 22px}
.callout p{margin:0;font:400 17.5px/1.6 var(--serif);color:var(--paper)}
.note{margin:26px 0;padding-top:12px;border-top:1px solid var(--rule-soft);font:400 15.5px/1.6 var(--serif);color:var(--muted)}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin:8px 0}
.statblock{background:var(--panel);border-top:2px solid var(--river);padding:16px 18px 18px}
.stat-num{display:block;font:700 clamp(27px,3vw,38px)/1 var(--display);color:var(--paper);letter-spacing:-.02em}
.stat-label{display:block;margin-top:9px;font:400 14px/1.45 var(--serif);color:var(--muted)}
.versus{width:100%;border-collapse:collapse;margin:8px 0}
.versus th,.versus td{border:1px solid var(--rule);padding:11px 13px;text-align:left;vertical-align:top;font:400 15.5px/1.45 var(--serif)}
.versus thead th{background:var(--panel);font:600 13px/1.35 var(--display);color:var(--paper)}
.article-figure{margin:38px 0}
.article-figure img{width:100%}
figcaption{margin-top:10px;padding-left:11px;border-left:2px solid var(--river-deep);font:400 13.5px/1.55 var(--serif);color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:34px 0}
.gallery figure{margin:0}
.map-figure{margin:0}
.map-slot{background:var(--ground);border:1px solid var(--rule);min-height:260px;display:flex;align-items:center;justify-content:center}
.map-slot svg{width:100%;height:auto;max-height:620px;display:block}
.map-row{padding-block:42px 48px;border-bottom:1px solid var(--rule)}
.map-row .map-figure{max-width:860px;margin-inline:auto}
.chart{margin:10px 0}
.chart svg{width:100%;height:auto;overflow:visible}
.related{padding-block:38px 8px;border-top:1px solid var(--rule)}
.related-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:12px}
.related-links a{display:block;height:100%;background:var(--panel);border:1px solid var(--rule-soft);padding:15px 17px;color:var(--paper);font:500 17px/1.32 var(--serif)}
.related-links .rt{display:block;margin-top:8px;font:400 11.5px/1.4 var(--mono);color:var(--faint)}
.further-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:12px;margin:8px 0}
.further-grid a{display:flex;align-items:center;min-height:56px;background:var(--panel);border:1px solid var(--rule-soft);padding:15px 17px;font:500 16.5px/1.32 var(--serif);color:var(--paper)}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;margin:8px 0}
.profile-card{background:var(--panel);border:1px solid var(--rule-soft);padding:18px}
.profile-card .p-photo{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:14px}
.profile-card h3{margin:0;font:600 19px/1.25 var(--display);color:var(--paper)}
.profile-card .p-role{margin:5px 0 10px;font:400 12.5px/1.4 var(--mono);color:var(--river)}
.profile-card p{margin:0 0 10px;font:400 15.5px/1.55 var(--serif);color:var(--text)}
.profile-card .p-links,.profile-card .p-attr{font:400 13px/1.5 var(--mono);color:var(--muted)}
.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:12px;margin:8px 0}
.org-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;align-items:center;background:var(--panel);border:1px solid var(--rule-soft);padding:12px 14px}
.org-logo{grid-row:1/3;width:44px;height:44px;object-fit:contain;background:var(--deep)}
.org-card.no-logo{grid-template-columns:minmax(0,1fr)}
.org-name{font:600 15.5px/1.3 var(--display);color:var(--paper)}
.org-host{font:400 12px/1.4 var(--mono);color:var(--faint);overflow-wrap:anywhere}
.entity-ref{border-bottom:1px solid var(--river-deep);white-space:nowrap}

/* simple pages */
.page-head{padding-block:44px 22px;border-bottom:1px solid var(--rule)}
.page-head h1{margin:0;font:700 clamp(30px,4vw,52px)/1 var(--display);letter-spacing:-.028em;color:var(--paper)}
.hub{padding-block:34px 10px}
.hub section{padding-bottom:34px}
.hub h2{margin:0 0 6px;font:700 clamp(24px,2.6vw,34px)/1.1 var(--display);letter-spacing:-.02em;color:var(--paper)}
.hub .band-blurb{max-width:70ch}
.sg-note{background:var(--panel);border-left:3px solid var(--river);padding:16px 20px;margin:24px 0;font:400 15.5px/1.55 var(--serif);color:var(--paper)}
.sg-block{padding-block:30px;border-top:1px solid var(--rule)}
.sg-block>h2{margin:0 0 4px;font:600 22px/1.2 var(--display);color:var(--paper)}
.sg-block>.kicker{margin-bottom:18px}

/* footer */
.foot{background:var(--deep);border-top:1px solid var(--rule);padding-block:36px 46px}
.foot-in{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr);gap:28px 36px}
.foot-note{margin:14px 0 0;max-width:62ch;font:400 13px/1.6 var(--serif);color:var(--faint)}
.foot-nav{display:flex;flex-direction:column;gap:10px;font:500 14px/1.3 var(--display)}
.foot-nav a{display:inline-flex;align-items:center;min-height:34px;color:var(--text)}

@media (max-width:900px){
  .orient,.band-body,.lead-card,.foot-in{grid-template-columns:minmax(0,1fr)}
  .orient .credit{text-align:left}
  .band-body{gap:8px}
  .plate-list{columns:1}
  .timeline li{grid-template-columns:minmax(0,1fr);gap:2px}
  .datatable{display:block}
  .datatable tbody,.datatable tr{display:block}
  .datatable tr{border-top:1px solid var(--rule-soft);padding:11px 0}
  .datatable th,.datatable td{display:block;width:auto;border-top:0;padding:0}
  .datatable td{padding-top:4px}
  .lead-card .ph{aspect-ratio:16/10}
}
@media (max-width:820px){
  .masthead{position:static}
  .masthead-in{padding-block:16px 10px;align-items:center}
  .strip-in{flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .strip-in::-webkit-scrollbar{display:none}
  .strip-item{flex:none;display:flex;align-items:center;min-height:44px;padding:0 13px;font-size:13px;white-space:nowrap;scroll-snap-align:start}
  .strip-item:first-child{margin-left:-13px}
  .strip-item::before{top:11px;bottom:11px}
  .art-strip{gap:6px 22px;padding-block:14px}
}
@media (max-width:560px){
  body{font-size:17px}
  .sponsor,.sponsor.feat,.tier--roll .sponsor{flex:1 1 100%;min-width:0}
  .sponsor img{width:100%;max-width:200px;min-width:160px}
  .prose p{font-size:18.5px}
  .prose .lead{font-size:20px;line-height:1.45}
  .hero-in,.band-in,.art-hero-in{padding-block:40px 26px}
}

.wrap .measure,.measure.wrap{padding-inline:clamp(18px,4vw,46px)}
.wrap>.measure{padding-inline:0}

/* kickers keep their mono treatment inside photographic bands */
.hero .kicker,.band-in .kicker,.art-hero-in .kicker,.hero-in .kicker{font:500 12px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#BBD6CB;text-shadow:0 1px 3px rgba(14,17,19,.9)}
.hero-in .kicker a,.band-in .kicker a,.art-hero-in .kicker a{color:inherit}
.hero h1,.band-title,.art-hero h1,.hero-in p{text-shadow:0 1px 4px rgba(14,17,19,.55)}

/* 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,
   1286px at 390, 11% of the whole page. Two columns bring it to
   690px (46% shorter). Checked before writing: no new overflow, smallest mark still
   135px wide, longest blurb 3 lines, tile heights 80-169px.
   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 (.tier.tier--feat, .tier.tier--roll), 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){
  .tier.tier--feat{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important}
    .tier.tier--feat > *{min-width:0!important;max-width:100%;width:auto!important;flex:0 1 auto!important}
    .tier.tier--feat > * *{min-width:0!important;max-width:100%}
    .tier.tier--feat img,.tier.tier--feat svg{max-width:100%;height:auto}
  .tier.tier--roll{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important}
    .tier.tier--roll > *{min-width:0!important;max-width:100%;width:auto!important;flex:0 1 auto!important}
    .tier.tier--roll > * *{min-width:0!important;max-width:100%}
    .tier.tier--roll img,.tier.tier--roll svg{max-width:100%;height:auto}
  .tier.tier--feat .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden!important}
  .tier.tier--roll .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden!important}
}

/* op-odd-tier-lead: .tier.tier--roll (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){
  .tier.tier--roll:has(> *:nth-child(odd):last-child) > *:first-child{grid-column:1 / -1!important}
}

/* op-article-width: the article column was capped at 641px (83 characters per line) at every desktop width. Operator: "it should utilize more space". Widened through max-width 74ch (declared in .measure) 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){
  article div.wrap.measure.prose{max-width:min(880px, 100%)!important}
}
@media (min-width:1600px){
  article div.wrap.measure.prose{max-width:min(clamp(880px, 61.111vw, 1056px), 100%)!important}
  article div.wrap.measure.prose > :is(p:not([class])){font-size:clamp(19.5px,1.3542vw,23.4px)!important}
}
/* op-article-width:end */

/* op-img-dims — intrinsic width/height reserve image space; the proven height:auto guard (zero specificity) */
:where(a.card > span.ph > img,
  article > div.art-hero > img,
  div.lead-card > span.ph > img,
  div.measure.prose.wrap > figure.article-figure > img,
  main > section.hero > img,
  section.section-band > div.band-photo > img){height:auto}
/* op-img-dims:end */