/* crownbenchestates.com — Cane and Frost
   Palette (5 members, each with a job):
   --ground  linen paper the whole site sits on
   --ink     text and rules
   --accent  plum, saturated, hue ~335 — section marks, icons, kickers, panels
   --secondary olive, saturated, hue ~75 — full-width bands and filled cards
   --flag    rust — the "what it costs" side of the signature, warnings only
*/
:root{
  --ground:#E9E3D6;
  --mat:#F4F0E6;
  --ink:#191712;
  --ink-soft:#3D3A31;
  --ink-quiet:#6B6759;
  --rule:rgba(25,23,18,.2);
  --accent:#6A2450;
  --accent-deep:#4E1A3B;
  --secondary:#6D7A18;
  --flag:#A83E14;
  --display:"Marcellus",Georgia,"Times New Roman",serif;
  --body:"Literata",Georgia,"Times New Roman",serif;
  --gut:clamp(20px,5vw,56px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;text-wrap:pretty}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.12;margin:0}
p{margin:0 0 1.15em}
.wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gut)}
.measure{max-width:70ch}
.icon{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--accent)}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-quiet);font-family:var(--body)}

/* ---- masthead ---- */
.site-head{border-bottom:2px solid var(--ink)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;padding-block:18px 12px}
.wordmark{font-family:var(--display);font-size:clamp(19px,2.2vw,25px);letter-spacing:.1em;text-transform:lowercase;color:var(--ink);white-space:nowrap}
.wordmark:hover{text-decoration:none;color:var(--accent)}
.strap{font-size:13px;color:var(--ink-quiet);letter-spacing:.04em;margin-right:auto}
.site-nav{flex:1 0 100%;margin-top:4px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;letter-spacing:.07em;text-transform:uppercase}
.site-nav a{display:flex;align-items:center;gap:8px;color:var(--ink);padding-block:6px}
.site-nav a:hover{color:var(--accent);text-decoration:none}
.site-nav a[aria-current]{color:var(--accent)}
.site-nav .icon{width:20px;height:20px}

.split-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:end}
@media(max-width:820px){.split-2{grid-template-columns:1fr;align-items:start}}

/* ---- generic band rhythm ---- */
.band{padding-block:clamp(40px,6vw,76px)}
.band--tight{padding-block:clamp(28px,4vw,44px)}
.band--olive{background:var(--secondary);color:var(--mat)}
.band--olive .eyebrow,.band--olive .credit{color:rgba(244,240,230,.72)}
.band--olive a{color:#fff}
.band--rule{border-top:1px solid var(--rule)}
.band-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:26px}
.band-head h2{font-size:clamp(17px,2vw,20px);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px}

/* ---- opener ---- */
.opener{position:relative;border-bottom:2px solid var(--ink)}
.opener img{width:100%;height:clamp(320px,58vh,620px);object-fit:cover;filter:saturate(.92)}
.opener-plate{background:var(--ink);color:var(--mat);padding-block:clamp(26px,4vw,44px)}
.opener-plate .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,54px);align-items:end}
.opener-plate h1{font-size:clamp(30px,4.4vw,56px);color:var(--mat);letter-spacing:-.005em}
.opener-plate p{margin:14px 0 0;color:rgba(244,240,230,.82);font-size:clamp(16px,1.4vw,19px)}
.opener-plate .eyebrow{color:#C9A9BC}
.opener-note{border-left:2px solid var(--accent);padding-left:16px;font-size:15px;line-height:1.6;color:rgba(244,240,230,.8)}

/* ---- lead feature ---- */
.lead-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center}
.lead-feature h2{font-size:clamp(28px,3.6vw,44px)}
.lead-feature .lead{font-size:clamp(17px,1.5vw,20px);color:var(--ink-soft)}

/* ---- the register ---- */
.register{width:100%;border-collapse:collapse;font-size:16px}
.register caption{text-align:left;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-quiet);padding-bottom:8px}
.register th{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet);font-weight:400;text-align:left;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:8px 18px 8px 0}
.register td{border-bottom:1px solid var(--rule);padding:13px 18px 13px 0;vertical-align:top}
.register tr:last-child td{border-bottom:2px solid var(--ink)}
.register .r-icon{width:42px;padding-right:0}
.register .r-icon .icon{width:26px;height:26px}
.register .r-month{font-family:var(--display);font-size:19px;white-space:nowrap;width:130px}
.register .r-cost{color:var(--flag)}
.register tr:hover td{background:rgba(106,36,80,.05)}

/* ---- section index ---- */
.section-index{border-top:1px solid var(--ink)}
.section-index a{display:grid;grid-template-columns:32px minmax(150px,210px) minmax(0,1fr) 96px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule);color:var(--ink)}
.section-index a:last-child{border-bottom:1px solid var(--ink)}
.section-index a:hover{background:rgba(106,36,80,.06);text-decoration:none}
.section-index .s-name{font-family:var(--display);font-size:clamp(21px,2.3vw,26px)}
.section-index .s-blurb{color:var(--ink-soft);font-size:16px}
.section-index .s-when{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);text-align:right}
.section-index .icon{width:24px;height:24px}

/* ---- edit / cards ---- */
.edit-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.edit-grid.cols-2{grid-template-columns:1fr}}
.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,34px)}
.card{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.card:hover{text-decoration:none}
.card:hover h3{color:var(--accent)}
.card .c-img{display:block;height:clamp(150px,17vw,210px);overflow:hidden;border:1px solid var(--ink);margin-bottom:12px}
.card .c-img img{width:100%;height:100%;object-fit:cover}
.card .c-kicker{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.card .c-kicker .icon{width:15px;height:15px}
.card h3{font-size:clamp(19px,1.9vw,23px);margin-bottom:7px;min-height:2.24em}
.card p{color:var(--ink-soft);font-size:15px;margin:0}
.card .c-when{margin-top:auto;padding-top:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet)}
.stack-list{border-top:1px solid var(--ink)}
.stack-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);color:var(--ink)}
.stack-list a:hover{color:var(--accent);text-decoration:none}
.stack-list .t{font-family:var(--display);font-size:20px}
.stack-list .m{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);white-space:nowrap}

/* ---- feed + supporters rail ---- */
.feed-rail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}

/* ---- supporters ---- */
.supporters{border-top:2px solid var(--ink);padding-top:16px}
.supporters h2{font-size:15px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.supporters .sup-note{font-size:13px;color:var(--ink-quiet);margin:8px 0 20px}
.sup-group{margin-bottom:26px}
.sup-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet);border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:14px}
.sup-grid{display:flex;flex-wrap:wrap;gap:12px}
.sponsor{flex:0 0 264px;max-width:100%;display:flex;flex-direction:column;gap:9px;color:var(--ink);background:var(--mat);border:1px solid var(--rule);padding:10px}
.sponsor:hover{text-decoration:none;border-color:var(--accent)}
.sponsor img{background:var(--ink);width:100%;height:56px;object-fit:contain;object-position:center;padding:8px 12px}
.sponsor-name{font-family:var(--display);font-size:16px;line-height:1.25}
.sponsor-blurb{font-size:13px;line-height:1.5;color:var(--ink-soft);min-width:200px}
.sponsor-blurb:empty{display:none}

/* ---- article ---- */
.art-head{padding-top:clamp(28px,4vw,52px)}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.kicker .icon{width:18px;height:18px}
.art-head h1{font-size:clamp(32px,5vw,58px);margin:14px 0 0;max-width:20ch}
.lead{font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:var(--ink-soft);margin:18px 0 0;max-width:62ch}
.decision{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);margin:28px 0 0}
.decision>div{padding:14px 20px 16px}
.decision>div+div{border-left:1px solid var(--rule)}
.decision .d-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-quiet);margin-bottom:6px}
.decision .d-cost .d-label{color:var(--flag)}
.decision p{margin:0;font-size:16px;line-height:1.55}
.article{max-width:74ch;margin-inline:auto;padding-bottom:clamp(26px,3vw,40px)}
.article>.bleed{width:min(1128px,90vw);margin-left:calc(50% - min(1128px,90vw)/2)}
.article>.panel-band.bleed{padding-inline:0}
.article h2{font-size:clamp(23px,2.6vw,30px);margin:1.9em 0 .55em;max-width:26ch}
.article .panel-inner{max-width:74ch;margin:0 auto;padding-inline:var(--gut)}
.art-head{padding-bottom:6px}

/* ---- figure system: three treatments ---- */
/* 1 · plate — breaks the measure, caption on a strip beneath */
.article-figure{margin:0 0 2em}
.fig-plate{margin:0 0 2.4em}
.fig-plate img{width:100%;height:clamp(230px,36vw,470px);object-fit:cover;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.fig-plate figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:baseline;padding-top:10px}
/* 2 · mat — photograph sits on a card with a border */
.fig-mat{background:var(--mat);border:1px solid var(--ink);padding:12px}
.fig-mat img{width:100%;height:clamp(200px,26vw,360px);object-fit:cover}
.fig-mat figcaption{padding:11px 2px 2px}
/* 3 · inset — small, in the column, prose wrapping beside it */
.fig-inset{float:right;width:min(300px,42%);margin:6px 0 22px 28px;border-top:3px solid var(--accent);padding-top:9px}
.fig-inset img{width:100%;height:clamp(230px,25vw,330px);object-fit:cover}
.fig-inset figcaption{padding-top:9px}
figcaption{font-family:var(--body);font-size:14.5px;line-height:1.5;color:var(--ink)}
figcaption .credit{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet)}
.fig-plate figcaption .credit{margin:0;text-align:right;white-space:nowrap}

/* ---- editorial components ---- */
.pullquote{clear:both;margin:2.2em 0;padding:18px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.pullquote p{font-family:var(--display);font-size:clamp(21px,2.4vw,27px);line-height:1.35;margin:0}
.blockquote{margin:2em 0;padding-left:20px;border-left:3px solid var(--accent)}
.blockquote p{font-size:19px;line-height:1.6;margin:0 0 .5em}
.blockquote cite{font-style:normal;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-quiet)}
.callout{background:var(--mat);border:1px solid var(--ink);padding:18px 20px;margin:2em 0}
.callout p:last-child{margin-bottom:0}
.note{font-size:15px;color:var(--ink-soft);border-left:3px solid var(--flag);padding-left:14px;margin:1.8em 0}

/* notes-for-design panels */
.panel{clear:both;margin:2.6em 0;border-top:2px solid var(--ink);padding-top:16px}
.panel-head{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet);margin-bottom:16px}
.panel-band{clear:both;background:#4A5310;color:var(--mat);border:0;padding:clamp(22px,3vw,34px) 0;margin:2.8em 0}
.panel-band .panel-head{color:rgba(244,240,230,.8)}
.panel-band .glossary dt,.panel-band .timeline .t-what{color:var(--mat)}
.panel-band .glossary dd,.panel-band .timeline .t-when{color:rgba(244,240,230,.82)}
.panel-band .glossary,.panel-band .timeline{border-color:rgba(244,240,230,.35)}
.glossary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 34px;margin:0}
.glossary div{border-top:1px solid var(--rule);padding:11px 0}
.glossary dt{font-family:var(--display);font-size:18px;margin-bottom:3px}
.glossary dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.timeline{list-style:none;margin:0;padding:0;counter-reset:t}
.timeline li.t-solo{grid-template-columns:1fr}
.t-key{font-family:var(--display);font-style:normal;color:var(--accent);margin-right:2px}
.panel-band .t-key{color:#E7DCA8}
.timeline li{display:grid;grid-template-columns:minmax(140px,240px) minmax(0,1fr);gap:10px 26px;align-items:baseline;border-top:1px solid var(--rule);padding:12px 0}
.timeline .t-when{font-family:var(--display);font-size:17px;color:var(--accent)}
.panel-band .timeline .t-when{color:#E7DCA8}
.timeline .t-what{font-size:15.5px;line-height:1.55;color:var(--ink-soft)}

/* data */
.versus,.datatable{width:100%;border-collapse:collapse;font-size:15.5px;margin:2em 0}
.versus th,.datatable th{text-align:left;font-family:var(--body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-quiet);font-weight:400;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:8px 16px 8px 0}
.versus td,.datatable td{border-bottom:1px solid var(--rule);padding:12px 16px 12px 0;vertical-align:top}
.versus tbody th{border-top:0;color:var(--ink);font-family:var(--display);font-size:17px;letter-spacing:0;text-transform:none;padding-right:24px}
.statrow{display:flex;flex-wrap:wrap;gap:14px;margin:2em 0}
.statblock{flex:1 1 180px;background:var(--mat);border:1px solid var(--ink);padding:16px 18px}
.stat-num{display:block;font-family:var(--display);font-size:38px;line-height:1;color:var(--accent)}
.stat-label{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
.chart{margin:2em 0}
.chart svg{width:100%;height:auto}
.chart figcaption{padding-top:8px}

/* cards / references */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:2em 0}
.gallery figure{margin:0}
.gallery img{width:100%;height:clamp(150px,15vw,200px);object-fit:cover;border:1px solid var(--ink)}
.gallery figcaption{padding-top:7px;font-size:13px}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:2em 0}
.profile-card{background:var(--mat);border:1px solid var(--ink);padding:16px}
.profile-card .p-photo{width:100%;height:200px;object-fit:cover;margin-bottom:12px}
.profile-card h3{font-size:21px}
.profile-card .p-role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:5px 0 10px}
.profile-card p{font-size:15px}
.profile-card .p-links{margin-bottom:0}
.org-grid{display:flex;flex-wrap:wrap;gap:12px;margin:2em 0}
.org-card{flex:0 0 240px;display:flex;flex-direction:column;gap:4px;background:var(--mat);border:1px solid var(--rule);padding:12px 14px;color:var(--ink)}
.org-card:hover{border-color:var(--accent);text-decoration:none}
.org-logo{width:100%;height:40px;object-fit:contain;object-position:left;background:var(--ink);padding:6px 8px;margin-bottom:6px}
.org-name{font-family:var(--display);font-size:17px}
.org-host{font-size:12px;letter-spacing:.08em;color:var(--ink-quiet)}
.entity-ref{white-space:nowrap;border-bottom:1px solid var(--accent)}
.entity-ref:hover{text-decoration:none;background:rgba(106,36,80,.08)}
.further-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0}
.further-grid a{background:var(--mat);border:1px solid var(--ink);border-top:3px solid var(--accent);padding:14px 16px;font-family:var(--display);font-size:19px;line-height:1.25;color:var(--ink)}
.further-grid a:hover{background:var(--ground);text-decoration:none;color:var(--accent)}
.related-wrap{clear:both;margin-top:2.4em;border-top:2px solid var(--ink);padding-top:16px}
.related-links{list-style:none;margin:0;padding:0;display:grid;gap:0}
.related-links li{border-bottom:1px solid var(--rule)}
.related-links a{display:flex;align-items:center;gap:10px;padding:13px 0;color:var(--ink);font-family:var(--display);font-size:19px}
.related-links a:hover{color:var(--accent);text-decoration:none}
.cat-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.cat-list li{border-bottom:1px solid var(--rule)}
.cat-list li:last-child{border-bottom:1px solid var(--ink)}
.cat-list a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px 30px;align-items:baseline;padding:16px 0;color:var(--ink)}
.cat-list a:hover{background:rgba(106,36,80,.06);text-decoration:none}
.cat-list .t{font-family:var(--display);font-size:clamp(20px,2.1vw,24px)}
.cat-list .d{font-size:15.5px;color:var(--ink-soft)}

/* ---- footer ---- */
.site-foot{border-top:2px solid var(--ink);margin-top:clamp(40px,6vw,80px);padding-block:26px 40px;font-size:14px}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:baseline;justify-content:space-between}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.foot-nav a{color:var(--ink-quiet)}
.foot-nav a:hover{color:var(--accent)}
.foot-mark{font-family:var(--display);font-size:17px;letter-spacing:.08em}

/* ---- responsive ---- */
@media(max-width:1000px){
  .feed-rail{grid-template-columns:1fr}
  .opener-plate .wrap{grid-template-columns:1fr;align-items:start}
  .lead-feature{grid-template-columns:1fr}
  .section-index a{grid-template-columns:26px 1fr;gap:8px 16px}
  .section-index .s-blurb{grid-column:2}
  .section-index .s-when{grid-column:2;text-align:left}
  .sponsor{flex:0 0 260px}
}
@media(max-width:680px){
  body{font-size:16.5px}
  .site-nav{font-size:13.5px;gap:6px 16px}
  .site-nav .icon{width:17px;height:17px}
  .strap{font-size:12.5px}
  .decision{grid-template-columns:1fr}
  .decision>div+div{border-left:0;border-top:1px solid var(--rule)}
  .fig-inset{float:none;width:100%;margin:0 0 2em}
  .fig-inset img{height:clamp(200px,52vw,300px)}
  .register,.register tbody{display:block}
  .register caption{display:block;width:100%;max-width:none}
  .register thead{display:none}
  .register tr{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;padding:13px 0;border-bottom:1px solid var(--rule)}
  .register tr:last-child{border-bottom:2px solid var(--ink)}
  .register td{display:block;border:0;padding:0}
  .register .r-icon{grid-row:span 3;width:auto}
  .register .r-month{width:auto;font-size:19px}
  .register .r-cost{color:var(--flag);font-size:15px;margin-top:3px}
  .register tr:hover td{background:none}
  .cat-list a{grid-template-columns:1fr}
  .timeline li{grid-template-columns:1fr;gap:4px}
  .sponsor{flex:1 1 100%}
  .fig-plate img{height:clamp(210px,58vw,320px)}
  .fig-plate figcaption{grid-template-columns:1fr}
  .fig-plate figcaption .credit{text-align:left}
}

/* 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-mark-fit: width:100% + padding must not overflow the tile */
.sponsor img,.sponsor-box img,.sp-logo img{box-sizing:border-box!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}


/* sp-roll-names-only: copy on the top two only, names for the rest.
   Both tiers are .sup-grid and every one of the thirteen tiles carried a blurb, so the block ran
   vertically for pages and .sponsor-blurb{min-width:200px} forced a wide column that left a large
   empty gutter beside the shorter tiles. The featured pair keeps its copy; the roll shows the
   mark and the brand, which is what the tier is for. */
/* ⚠️ THE TWO GRIDS ARE NOT SIBLINGS — each .sup-grid sits inside its own .sup-group, so
   `.sup-grid ~ .sup-grid` matched nothing and the first attempt changed neither the blurbs nor
   the height. The GROUPS are siblings, so the second and third are addressed through them.
   The block is a 300px rail, which is why thirteen tiles with copy ran for pages. */
.sup-group + .sup-group .sponsor-blurb{display:none!important}

/* op-money-columns: the supporters block ran one tile per row — 13 tiles,
   1588px at 390, 17% of the whole page. Two columns bring it to
   803px (49% shorter). Checked before writing: no new overflow, smallest mark still
   146px wide, longest blurb 3 lines, tile heights 80-176px.
   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.
   Only the tier(s) that were one-per-row are touched (.sup-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){
  .sup-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important}
    .sup-grid > *{min-width:0!important;max-width:100%;width:auto!important;flex:0 1 auto!important}
    .sup-grid > * *{min-width:0!important;max-width:100%}
    .sup-grid img,.sup-grid svg{max-width:100%;height:auto}
}

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

/* op-hover-pad */
.section-index a{padding-right:clamp(12px,3.5vw,22px)!important}
/* op-hover-pad:end */

/* op-hover-pad */
.cat-list a{padding-left:clamp(12px,3.5vw,22px)!important}
/* op-hover-pad:end */
@media (min-width:660px) and (max-width:1023px){.sup-grid.sup-grid:has(> [data-partner]){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(260px,calc(50% - 6px)),1fr))!important;column-gap:12px!important;row-gap:12px!important;justify-content:stretch!important;align-items:stretch!important}.sup-grid.sup-grid > [data-partner]{flex:none!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}
@media (min-width:980px) and (max-width:1059px){.sup-grid.sup-grid .sponsor-blurb{min-width:0!important}}
@media (min-width:640px) and (max-width:899px){.sup-grid:has(> [data-partner]) > [data-partner]:nth-child(odd of [data-partner]):nth-last-child(1 of [data-partner]){grid-column:1/-1!important;flex-basis:100%!important;max-width:none!important}}@media (min-width:1020px) and (max-width:1039px){.sup-grid:has(> [data-partner]) > [data-partner]:nth-child(odd of [data-partner]):nth-last-child(1 of [data-partner]){grid-column:1/-1!important;flex-basis:100%!important;max-width:none!important}}