/* smartaboutcollege.org — "The Instrument"
   Newsreader + IBM Plex Mono. Warm stone ground, paper panels, hairline rules,
   mono field-labels paired with serif values. */

:root{
  --stone:#D6D0C2;
  --stone-dk:#C6BFAC;
  --paper:#EFEDE4;
  --ink:#1B1913;
  --ink-2:#2A2822;
  --ink-soft:#4A4436;
  --label:#5E5646;
  --rule:#B3AB98;
  --rule-soft:rgba(27,25,19,.16);
  --accent:#7B2B1D;
  --f-serif:"Newsreader",Georgia,"Times New Roman",serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --gutter:clamp(18px,4.4vw,56px);
  --measure:70ch;
  --maxw:1240px;
}
body.p-endowment{--accent:#7B2B1D}
body.p-campus{--accent:#6B6455}
body.p-libraries{--accent:#8B7351}
body.p-governance{--accent:#4C5348}
body.p-city{--accent:#8A6A4A}

*,*::before,*::after{box-sizing:border-box}
/* dark grounds get the light label token; everything using var(--label) inherits it */
.masthead,.hero,.colophon,.schedule,.site-foot,.band--ink{--label:#B4AB94}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--stone);color:var(--ink);
  font:400 19px/1.62 var(--f-serif);
  font-optical-sizing:auto;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
p{margin:0 0 1.05em;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-weight:400;letter-spacing:-.015em;text-wrap:balance}
hr{border:0;border-top:1px solid var(--rule);margin:0}
::selection{background:var(--accent);color:var(--paper)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ---------- shell ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.band{padding-block:clamp(34px,5vw,62px);border-top:1px solid var(--rule)}
.band--paper{background:var(--paper)}
.band--ink{background:var(--ink);color:var(--paper);border-top:0}
.band--ink a:hover{color:#D9B7AA}
.band--ink .field,.schedule .field,.colophon .field{color:var(--label)}

/* field label / value — the site signature */
.field{font:500 12px/1.35 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin:0 0 10px}
.field--accent{color:var(--accent)}
.band--ink .field{color:#A19983}
.fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px 28px;margin:0;padding:0}
.fieldset div{border-top:1px solid var(--rule);padding-top:9px}
.fieldset dt{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin-bottom:5px}
.fieldset dd{margin:0;font:400 18px/1.3 var(--f-serif)}

.rule-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;
  border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:clamp(20px,3vw,32px)}
.rule-head h2{font-size:clamp(26px,3.2vw,38px);line-height:1.04}
.rule-head .field{margin:0}

/* ---------- masthead ---------- */
.masthead{background:var(--ink);color:var(--paper)}
.masthead .strip{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:space-between;
  font:400 11.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--label);
  padding-block:11px;border-bottom:1px solid #3A362C}
.masthead .name{display:block;padding-block:clamp(18px,3vw,30px) 6px;
  font:500 clamp(24px,5.1vw,52px)/1 var(--f-mono);letter-spacing:-.03em;color:var(--paper)}
.masthead .tagline{font:400 clamp(15px,1.7vw,19px)/1.4 var(--f-serif);font-style:italic;color:#A9A18B;
  margin:0 0 clamp(16px,2.6vw,26px);max-width:62ch}
.masthead nav{display:flex;flex-wrap:wrap;gap:2px 26px;border-top:1px solid #3A362C;padding-block:12px}
.masthead nav a{font:400 12px/1.6 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:#D8D2C2;
  padding-block:4px;border-bottom:1px solid transparent}
.masthead nav a:hover,.masthead nav a[aria-current]{color:var(--paper);border-bottom-color:#C39A8C}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--ink)}
.hero img{width:100%;height:clamp(280px,58vh,620px);object-fit:cover}
.hero .cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;
  padding-block:10px;font:400 12.5px/1.5 var(--f-mono);letter-spacing:.1em;color:var(--label);text-transform:uppercase}

/* ---------- recital ---------- */
.recital{display:grid;grid-template-columns:minmax(0,1fr);gap:22px 34px;padding-block:clamp(10px,2vw,26px)}
.recital p{font:400 clamp(19px,2.2vw,26px)/1.6 var(--f-serif);margin:0;max-width:50ch}
.recital .field{padding-top:.5em;border-top:1px solid var(--rule);align-self:start}
@media(min-width:820px){.recital{grid-template-columns:150px minmax(0,1fr);gap:0 clamp(40px,7vw,96px)}}

/* ---------- colophon / supporters ---------- */
.colophon{background:var(--ink);color:var(--paper);border-top:0}
.colophon .rule-head{border-bottom-color:#3A362C}
.colophon .rule-head h2{color:var(--paper)}
.sponsor-list{margin:0;padding:0;list-style:none;border-top:1px solid #3A362C}
.sponsor{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 28px;align-items:baseline;
  padding:15px 0;border-bottom:1px solid #3A362C;color:var(--paper)}
.sponsor .sponsor-num{font:400 12px/1.6 var(--f-mono);letter-spacing:.1em;color:var(--label)}
.sponsor .sponsor-name{font:400 21px/1.25 var(--f-serif);border-bottom:1px solid #4A463B;
  display:inline-block;padding-bottom:2px}
.sponsor .sponsor-blurb{font:400 16px/1.5 var(--f-serif);color:#A19983;min-width:200px}
.sponsor:hover .sponsor-name{color:#D9B7AA;border-bottom-color:#C39A8C}
.sponsor img{max-height:44px;width:auto;max-width:100%;object-fit:contain}
@media(min-width:760px){
  .sponsor{grid-template-columns:44px minmax(220px,270px) minmax(200px,1fr)}
}

/* ---------- flagship ---------- */
.flagship{display:grid;gap:clamp(20px,3vw,42px);grid-template-columns:minmax(0,1fr)}
.flagship .accent-bar{height:6px;background:var(--accent);margin-bottom:18px}
.flagship h2{font-size:clamp(34px,6vw,66px);line-height:1.01}
.flagship .lead{margin-top:16px}
.flagship img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:900px){.flagship{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:start}}

/* ---------- section index ---------- */
.sec-index{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(min-width:820px){.sec-index{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
  .sec-col h3{font-size:22px}
  .sec-col p:not(.field){font-size:15px}}
@media(min-width:1100px){.sec-index{gap:26px}
  .sec-col h3{font-size:26px}
  .sec-col p:not(.field){font-size:16px}}
.sec-col{display:flex;flex-direction:column;border-top:2px solid var(--ink);padding-top:14px;height:100%}
.sec-col img{width:100%;aspect-ratio:5/4;object-fit:cover;margin-bottom:14px;filter:saturate(.86)}
.sec-col h3{font-size:26px;line-height:1.08;margin-bottom:8px}
.sec-col p:not(.field){font-size:16px;line-height:1.5;color:var(--ink-soft);margin:0 0 14px}
.sec-col .go{margin-top:auto;font:400 12.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* ---------- card grid ---------- */
.cards{display:grid;gap:clamp(22px,3vw,34px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}
.card{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--rule)}
.band--paper .card{background:var(--stone)}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card .card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.card .slug{font:500 12px/1.3 var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.card h3{font-size:24px;line-height:1.12;min-height:2.24em}
.card p{font-size:16px;line-height:1.5;color:var(--ink-soft);margin:9px 0 0}
.card .meta{margin-top:auto;padding-top:14px;font:400 12px/1.4 var(--f-mono);letter-spacing:.09em;color:var(--label);text-transform:uppercase}
.card:hover{border-color:var(--accent)}

/* ---------- map ---------- */
.map-figure{margin:0}
.map-slot{position:relative;background:var(--stone-dk);border:1px solid var(--rule)}
.map-slot svg{display:block;width:100%;height:auto}
.map-figure figcaption,.article-figure figcaption{font:400 13px/1.5 var(--f-mono);color:var(--label);padding-top:9px}
.map-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;
  font:400 12px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--ink-soft)}
.map-legend span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--accent);margin-right:8px;vertical-align:middle}

/* ---------- footer ---------- */
.site-foot{background:var(--ink);color:#B4AB94;padding-block:clamp(30px,4vw,50px);font-size:16px}
.site-foot a{color:#D8D2C2}
.foot-grid{display:grid;gap:26px 34px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.foot-grid h4{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin-bottom:12px}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:16px}
.disclaimer{margin:clamp(26px,4vw,40px) 0 0;padding-top:18px;border-top:1px solid #3A362C;
  font-style:italic;font-size:15.5px;line-height:1.55;max-width:88ch;color:#A9A08A}

/* ---------- article ---------- */
.art-head{background:var(--paper);border-bottom:1px solid var(--rule)}
.art-head .kicker{font:500 12.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.art-head h1{font-size:clamp(34px,6.2vw,68px);line-height:1.02;margin:16px 0 0;max-width:19ch}
.art-head .lead{max-width:60ch}
.art-hero img{width:100%;height:clamp(240px,50vh,560px);object-fit:cover}
.byline{font:400 13px/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}

.clauses{background:var(--paper)}
.clause{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 30px;padding-block:clamp(22px,3vw,34px);
  border-top:1px solid var(--rule-soft)}
.clause:first-child{border-top:0}
.clause > .cl-no{font:400 13px/1.5 var(--f-mono);letter-spacing:.06em;color:var(--accent);padding-top:6px}
.clause > .cl-body{max-width:var(--measure)}
.clause h2{font-size:clamp(25px,3vw,34px);line-height:1.1;margin-bottom:14px}
.clause p{font-size:19px;line-height:1.68}
.clause p:last-child{margin-bottom:0}
.clause a{color:var(--accent);border-bottom:1px solid rgba(123,43,29,.35)}
.clause a:hover{border-bottom-color:var(--accent)}
@media(min-width:880px){.clause{grid-template-columns:104px minmax(0,1fr)}}

/* schedule panels — the material lifted out of the flow */
.schedule{background:var(--ink);color:var(--paper);margin-block:clamp(26px,4vw,44px)}
.schedule .inner{padding:clamp(24px,3.4vw,40px) 0}
.schedule h3{font-size:clamp(22px,2.6vw,30px);line-height:1.1;color:var(--paper)}
.schedule .field{color:var(--label)}
.sched-list{list-style:none;margin:0;padding:0;border-top:1px solid #3A362C}
.sched-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:3px 28px;padding:15px 0;border-bottom:1px solid #3A362C}
.sched-list .s-no{font:400 12px/1.7 var(--f-mono);color:var(--label)}
.sched-list .s-term{font:400 20px/1.3 var(--f-serif);color:var(--paper)}
.sched-list .s-what{font:400 17px/1.55 var(--f-serif);color:#A9A18B;max-width:62ch}
@media(min-width:880px){.sched-list li{grid-template-columns:104px minmax(0,1fr)}
  .sched-list .s-no{grid-row:span 2}}

/* ---------- editorial components ---------- */
.lead{font:400 clamp(19px,2.3vw,25px)/1.45 var(--f-serif);font-style:italic;color:var(--ink-soft);margin:16px 0 0}
.pullquote{margin:clamp(24px,3vw,36px) 0;padding:20px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.pullquote p{font:300 clamp(24px,3.2vw,34px)/1.2 var(--f-serif);margin:0;color:var(--ink)}
.blockquote{margin:clamp(22px,3vw,32px) 0;padding-left:22px;border-left:3px solid var(--accent)}
.blockquote p{font-size:20px;line-height:1.5;font-style:italic;margin:0 0 8px}
.blockquote cite{font:400 12.5px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-style:normal}
.callout{margin:clamp(22px,3vw,32px) 0;padding:20px 22px;background:var(--stone);border:1px solid var(--rule)}
.band--paper .callout,.clauses .callout{background:var(--stone)}
.callout p{margin:0;font-size:18px;line-height:1.55}
.callout p+p{margin-top:.7em}
.note{font-size:16px;line-height:1.55;color:var(--ink-soft);border-left:2px solid var(--rule);padding-left:16px}

.versus,.datatable{width:100%;border-collapse:collapse;margin:clamp(22px,3vw,32px) 0;font-size:17px}
.versus th,.versus td,.datatable th,.datatable td{border-bottom:1px solid var(--rule);padding:11px 14px 11px 0;text-align:left;vertical-align:top}
.versus th,.datatable th{font:500 11.5px/1.35 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--label)}
.versus tbody th{font:400 17px/1.4 var(--f-serif);letter-spacing:0;text-transform:none;color:var(--ink);width:30%}
.datatable td:last-child,.versus td:last-child{padding-right:0}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.statrow{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:clamp(22px,3vw,32px) 0}
.statblock{border-top:2px solid var(--accent);padding-top:12px}
.stat-num{display:block;font:300 clamp(34px,4.4vw,48px)/1 var(--f-serif);color:var(--ink)}
.stat-label{display:block;margin-top:8px;font:400 13px/1.4 var(--f-mono);color:var(--label)}

.timeline{list-style:none;margin:clamp(22px,3vw,32px) 0;padding:0;border-top:1px solid var(--rule)}
.timeline li{display:grid;grid-template-columns:minmax(0,1fr);gap:3px 24px;padding:13px 0;border-bottom:1px solid var(--rule)}
.timeline .t-when{font:500 12.5px/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.timeline .t-what{font-size:17px;line-height:1.5}
@media(min-width:700px){.timeline li{grid-template-columns:minmax(120px,210px) minmax(0,1fr)}}

.chart{margin:clamp(22px,3vw,32px) 0}
.chart svg{width:100%;height:auto;overflow:visible}
.chart figcaption{font:400 13px/1.5 var(--f-mono);color:var(--label);padding-top:10px}
.chart .bar-label{font:400 12px var(--f-mono);fill:var(--ink-soft)}
.chart .bar-val{font:400 12px var(--f-mono);fill:var(--label)}
.chart rect{fill:var(--accent)}

.article-figure{margin:clamp(24px,3.4vw,40px) 0}
.article-figure img{width:100%;object-fit:cover}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:clamp(24px,3vw,36px) 0}
.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{font:400 12.5px/1.45 var(--f-mono);color:var(--label);padding-top:7px}

.profile-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:clamp(22px,3vw,32px) 0}
.profile-card{background:var(--stone);border:1px solid var(--rule);padding:20px;display:flex;flex-direction:column;height:100%}
.profile-card .p-photo{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.profile-card h3{font-size:22px;line-height:1.15}
.profile-card .p-role{font:500 12px/1.4 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--label);margin:7px 0 10px}
.profile-card p{font-size:16px;line-height:1.5}
.profile-card .p-links{margin-top:auto;padding-top:12px;font:400 12px/1.5 var(--f-mono);color:var(--accent)}
.profile-card .p-attr{font:400 12.5px/1.4 var(--f-mono);color:var(--label)}

.org-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:clamp(22px,3vw,32px) 0}
.org-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--stone);border:1px solid var(--rule)}
.org-card .org-logo{max-height:34px;width:auto;object-fit:contain}
.org-card .org-name{font-size:19px;line-height:1.25}
.org-card .org-host{font:400 12.5px/1.4 var(--f-mono);color:var(--label);word-break:break-word}
.entity-ref{color:var(--accent);border-bottom:1px solid rgba(123,43,29,.35);white-space:nowrap}

.further-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:clamp(20px,3vw,30px) 0 0}
.further-grid a{display:block;padding:16px 18px;background:var(--paper);border:1px solid var(--rule);
  font-size:19px;line-height:1.25}
.further-grid a:hover{border-color:var(--accent)}

.cat-list,.related-links{list-style:none;margin:0;padding:0}
.cat-list li{border-top:1px solid var(--rule)}
.cat-list li:last-child{border-bottom:1px solid var(--rule)}
.cat-list a{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 28px;padding:18px 0;align-items:baseline}
.cat-list .c-no{font:400 12.5px/1.6 var(--f-mono);color:var(--accent)}
.cat-list .c-title{font-size:clamp(22px,2.6vw,28px);line-height:1.12}
.cat-list .c-brief{font-size:16.5px;line-height:1.5;color:var(--ink-soft);max-width:66ch}
.cat-list .c-meta{font:400 12.5px/1.5 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--label)}
@media(min-width:900px){.cat-list a{grid-template-columns:88px minmax(0,1.15fr) minmax(0,1fr);align-items:start}
  .cat-list .c-meta{grid-column:2}}
.related-links li{border-top:1px solid var(--rule)}
.related-links li:last-child{border-bottom:1px solid var(--rule)}
.related-links a{display:block;padding:15px 0;font-size:21px;line-height:1.2}
.related-links .r-cat{display:block;font:400 12px/1.5 var(--f-mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--label);margin-bottom:5px}

details.expander{margin-top:14px}
details.expander summary{cursor:pointer;font:500 12px/1 var(--f-mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);padding:12px 0;border-top:1px solid var(--rule);list-style:none}
details.expander summary::-webkit-details-marker{display:none}
details.expander summary::after{content:" +"}
details[open].expander summary::after{content:" –"}

.prose{max-width:var(--measure)}
.prose h2{font-size:clamp(24px,3vw,32px);line-height:1.1;margin:1.4em 0 .5em}
.prose h3{font-size:21px;margin:1.4em 0 .4em}
.prose ul{padding-left:1.1em;margin:0 0 1.1em}
.prose li{margin-bottom:.45em}
.sg-block{padding-block:clamp(26px,3.6vw,44px);border-top:1px solid var(--rule)}

/* The mono instrument label must survive block-level element rules that carry a
   font shorthand (.recital p, .sec-col p, and anything added later). Declared last
   so equal-specificity element rules cannot clobber family, size or weight. */
p.field,span.field,div.field{font:500 12px/1.35 var(--f-mono);letter-spacing:.16em;
  text-transform:uppercase;color:var(--label);max-width:none}
p.field--accent,span.field--accent{color:var(--accent)}

/* 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-footer-compact: the footer printed 5 rows for 5 link(s) in
   1 list(s) — 661px at 390, 6% of the whole page. Design's own
   good case (evbb) has no list at all: its footer links simply flow inline, 479px in total.
   Here the lists flow inline too,
   measured 661 -> 553px (16% shorter) with no new overflow. Both shapes were
   tried and the shorter one kept — two columns helps a wide group set and hurts a narrow one.
   Phone widths only; the desktop footer is untouched. */
@media (max-width:640px){
  footer ul,footer ol{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;column-gap:clamp(7px,2.36vw,34px)!important;row-gap:4px!important}
  footer ul > li,footer ol > li{width:auto!important;flex:0 0 auto;max-width:100%}
}

/* op-article-width: the article column was capped at 733px (96 characters per line) at every desktop width. Operator: "it should utilize more space". Widened through Design's own measure --measure (declared in .clause > .cl-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.clauses > div.wrap div.cl-body{--measure:min(74.229ch, 100%)!important}
}
@media (min-width:1600px){
  div.clauses > div.wrap div.cl-body{--measure:min(clamp(74.229ch, 53.958vw, calc(74.229ch * 1.2)), 100%)!important}
  div.clauses > div.wrap div.cl-body > :is(p:not([class])){font-size:clamp(19px,1.3194vw,22.8px)!important}
}
/* op-article-width:end */
/* op-heading-levels */
h1:where(.rt-h2){margin: 0px; font-weight: 400; letter-spacing: -0.015em; text-wrap: balance;}
.flagship h1:where(.rt-h2){font-size: clamp(34px, 6vw, 66px); line-height: 1.01;}
/* op-heading-levels:end */

/* op-img-dims — intrinsic width/height reserve image space; the proven height:auto guard (zero specificity) */
:where(div.flagship > a > img,
  div.sec-index > article.sec-col > img,
  li.card > a > img,
  main > figure.art-hero > img,
  main > figure.hero > img){height:auto}
/* op-img-dims:end */