/* EAST LOTHIAN HERITAGE — The Folio. Antiquarian county volume: paper, ink, vermilion rubric, ochre gilt. */
:root{
  --paper:#f7f3e8; --paper2:#efe8d5; --card:#fffdf5;
  --ink:#191713; --body:#33301f; --faded:#6f684f;
  --verm:#8a2b1e; --verm-dark:#5e1d13; --ochre:#a07220; --gilt:#d9b46a;
  --dark:#14120d; --dark-ink:#d8d0ba; --dark-faded:#8f8871; --dline:rgba(216,208,186,.18);
  --line:#d8cfae; --hairline:#e7dfc9;
  --serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,'URW Palladio L',Georgia,serif;
  --gut:clamp(18px,4vw,48px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--verm)}a:hover{color:var(--verm-dark)}
::selection{background:var(--ochre);color:#fff}
.smallcaps{letter-spacing:.22em;text-transform:uppercase}
.fleuron{color:var(--ochre);font-size:1.3em;text-align:center}

/* ---------- header ---------- */
.notice{background:var(--dark);color:#cfc7ae;font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:9px var(--gut)}
.masthead{background:var(--paper);border-bottom:1.5px solid var(--ink);position:relative;z-index:40;text-align:center}
.wordmark{margin:26px var(--gut) 0;font-size:clamp(24px,4.4vw,38px);letter-spacing:.15em;font-weight:500}
.wordmark a{color:var(--ink);text-decoration:none}
.wordmark span{color:var(--verm)}
.tagline{margin:4px var(--gut) 2px;font-style:italic;color:var(--faded);font-size:16px}
.nav-toggle-box{position:absolute;opacity:0;pointer-events:none}
.nav-toggle{display:none;margin:10px auto 14px;align-items:center;gap:10px;padding:10px 20px;min-height:44px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;font-size:13px;letter-spacing:.2em;width:max-content}
.nav-toggle svg{display:block}
.volnav>ul{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px}
.volnav li{position:relative}
.volnav a[data-nav]{display:block;padding:12px 12px 15px;color:var(--ink);text-decoration:none;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase}
.volnav a[data-nav]:hover{color:var(--verm)}
.volnav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--verm)}
.has-sub>a[data-nav]::after{content:" \25BE";color:var(--ochre)}
/* dropdown: top:100% keeps zero dead gap between item and panel (hover-safe) */
.volnav .nav-sub{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin:0;padding:6px 0;list-style:none;background:var(--paper);border:1px solid var(--ink);box-shadow:5px 5px 0 rgba(25,23,19,.14);min-width:300px;text-align:left;z-index:60}
.has-sub:hover>.nav-sub,.has-sub:focus-within>.nav-sub{display:block}
.nav-sub:empty{display:none!important}
.nav-sub li{position:static}
.nav-sub a{display:block;padding:10px 18px;font-size:17px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline)}
.nav-sub li:last-child a{border-bottom:0}
.nav-sub a:hover{background:var(--paper2);color:var(--ink)}
.nav-sub .n{color:var(--ochre);font-style:normal;margin-right:4px}
@media (max-width:919px){
  .nav-toggle{display:flex}
  .volnav{display:none;border-top:1px solid var(--ink);text-align:left}
  .nav-toggle-box:checked~.volnav{display:block}
  .volnav>ul{display:block;padding:0 0 10px}
  .volnav a[data-nav]{padding:13px 22px;border-bottom:1px solid var(--hairline)}
  .volnav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--verm)}
  .volnav .nav-sub{display:block;position:static;transform:none;border:0;box-shadow:none;background:transparent;min-width:0;padding:0}
  .nav-sub a{padding:11px 22px 11px 40px;font-size:17px}
  .has-sub>a[data-nav]::after{content:""}
}

/* ---------- frontispiece / heroes ---------- */
.frontis{position:relative}
.frontis>img{width:100%;height:76vh;min-height:460px;object-fit:cover}
.frontis-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,13,.18),rgba(20,18,13,0) 30%,rgba(20,18,13,.32))}
.frontis-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(14px,4vw,40px)}
.frontis-panel>div{background:rgba(249,246,236,.96);border:1px solid var(--ink);box-shadow:0 0 0 5px rgba(249,246,236,.96),0 0 0 6.5px var(--ink);max-width:640px;text-align:center;padding:clamp(22px,4vw,42px) clamp(22px,5vw,56px) clamp(18px,3.5vw,32px)}
.frontis-kicker{font-size:13px;letter-spacing:.3em;color:var(--faded);text-transform:uppercase;margin:0}
.frontis h1{font-size:clamp(27px,5vw,46px);line-height:1.14;margin:14px 0 10px;font-weight:600;font-style:italic}
.frontis-sub{font-style:italic;color:var(--faded);margin:0;font-size:17px}
.plate-credit{position:absolute;right:18px;bottom:12px;font-size:14px;font-style:italic;color:rgba(249,246,236,.92)}
.paper-hero{margin:0;position:relative}
.paper-hero img{width:100%;height:64vh;min-height:440px;object-fit:cover}
.paper-hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:120px var(--gut) 40px;text-align:center;color:#f9f6ec;background:linear-gradient(180deg,rgba(20,18,13,0),rgba(20,18,13,.66))}
.ph-eyebrow{font-size:13.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gilt)}
.paper-hero h1{font-size:clamp(30px,5.4vw,56px);line-height:1.08;margin:12px 0 10px;font-weight:600;font-style:italic;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.ph-dek{font-style:italic;font-size:clamp(17px,2vw,20px);max-width:660px;margin:0 auto 8px;color:rgba(249,246,236,.94)}
.ph-meta{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:rgba(249,246,236,.85);margin:0}
@media (max-width:719px){
  .paper-hero img{height:44vh;min-height:280px}
  .paper-hero figcaption{position:static;background:var(--dark);padding:24px var(--gut) 28px}
}
.paper-band{border-bottom:1px solid var(--line);background:var(--paper2);padding:11px var(--gut);text-align:center;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#514a38}

/* ---------- section scaffolding ---------- */
.band{padding:clamp(44px,6vw,72px) var(--gut)}
.band-inner{max-width:1240px;margin:0 auto}
.band-title{text-align:center;font-size:14px;letter-spacing:.34em;text-transform:uppercase;margin:0}
.band-sub{text-align:center;font-style:italic;color:#514a38;max-width:600px;margin:10px auto 40px;font-size:18px;line-height:1.55}
.rule-head{font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--verm);border-bottom:1.5px solid var(--verm);padding-bottom:7px;margin:0 0 18px}

/* contents (parts) */
.part-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px 60px;align-items:center;margin-bottom:52px}
.part-row:last-child{margin-bottom:0}
.toc{display:grid;gap:20px;margin:0;padding:0;list-style:none}
.toc li{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:baseline}
.toc .n{font-size:18px;color:var(--ochre)}
.toc .t{font-size:19px;line-height:1.5}
.toc .t a{font-weight:600;color:var(--ink);text-decoration:none}
.toc .t a:hover{color:var(--verm)}
.toc .d{display:block;font-style:italic;color:#514a38;font-size:16.5px;line-height:1.5;margin-top:3px}
.toc .m{display:block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);margin-top:6px}
.part-open{margin-top:18px;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.part-plate{margin:0}
.part-plate img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ink)}
figcaption.pc,.pc{font-size:15px;font-style:italic;color:var(--faded);margin-top:8px}

/* plates gallery */
.plates-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.plates-gallery figure{margin:0;display:flex;flex-direction:column}
.plates-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--ink);flex:1}
.plates-gallery .wide{grid-column:1/-1}
.plates-gallery .wide img{aspect-ratio:21/8}
.plates-gallery figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.plates-gallery figcaption a{font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap}

/* featured papers feed */
.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:26px}
.feed-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--ink);text-decoration:none;color:var(--ink)}
.feed-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--ink)}
.feed-card>div{display:flex;flex-direction:column;flex:1;padding:18px 20px 16px}
.fc-kicker{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--verm);margin:0 0 8px}
.fc-title{font-size:22px;line-height:1.25;font-weight:600;font-style:italic;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.feed-card:hover .fc-title{color:var(--verm)}
.fc-dek{font-style:italic;color:#514a38;font-size:16.5px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fc-meta{margin-top:auto;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--faded)}

/* ---------- chronology ---------- */
.chrono-band{background:var(--paper2);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.chrono-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;margin-bottom:26px}
.chrono-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.chrono-filters .cf{font-family:var(--serif);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid #9a8e6e;background:transparent;color:#514a38;padding:8px 14px;cursor:pointer}
.chrono-filters .cf.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chrono-filters .cf:hover{border-color:var(--ink)}
.cf-label{font-size:12.5px;letter-spacing:.24em;color:var(--faded);align-self:center;margin-right:6px;text-transform:uppercase}
.chrono{list-style:none;margin:18px 0 0;padding:0;border-left:2px solid var(--ink)}
.chrono li{display:grid;grid-template-columns:118px 1fr auto;gap:8px 20px;align-items:baseline;padding:13px 4px 13px 22px;position:relative;border-bottom:1px solid var(--line)}
.chrono li::before{content:"";position:absolute;left:-6px;top:1.45em;width:10px;height:10px;border-radius:50%;background:var(--ochre);border:1.5px solid var(--ink)}
.chrono li:last-child{border-bottom:0}
.chrono .cy{font-size:21px;font-weight:600;white-space:nowrap}
.chrono .cl{font-size:17.5px;color:var(--body)}
.chrono .cl small{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--faded);margin-top:2px}
.chrono .cp{font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.chrono li.hide{display:none}
.chrono-empty{display:none;font-style:italic;color:var(--faded);padding:16px 4px}
@media (max-width:600px){.chrono li{grid-template-columns:1fr;gap:2px}.chrono .cy{font-size:19px}}

/* ---------- turn the leaf ---------- */
.leafbar{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:22px 10px;display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:space-between;align-items:center}
.leafbar a{font-size:15px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.leafbar .fleuron{margin:0}
.leafbar .leaf-label{display:block;font-size:12px;letter-spacing:.24em;color:var(--faded);margin-bottom:4px}

/* ---------- sponsors / colophon ---------- */
.endmatter{background:var(--dark);color:var(--dark-ink)}
.endmatter a{color:var(--dark-ink)}
.endmatter a:hover{color:#fff}
.sponsors-head{text-align:center;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--ochre);margin:0}
.sponsors-sub{text-align:center;font-style:italic;font-size:16.5px;color:var(--dark-faded);margin:9px 0 30px}
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:1px solid var(--dline);border-left:1px solid var(--dline)}
.sponsor{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 18px;border-right:1px solid var(--dline);border-bottom:1px solid var(--dline);text-decoration:none;min-height:110px}
.sponsor img{height:32px;width:auto;max-width:150px;object-fit:contain;opacity:.75;filter:grayscale(1) brightness(1.6)}
.sponsor:hover img{opacity:1}
.sponsor-blurb{font-size:14.5px;font-style:italic;color:var(--dark-faded);text-align:center;line-height:1.5}
.sponsor-blurb:empty{display:none}
/* the principal supporter — slot 1, honoured with a gilt-ruled full row */
.sponsor[data-partner="1"]{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px 36px;padding:30px 24px;border:1px solid var(--ochre);outline:1px solid rgba(160,114,32,.45);outline-offset:4px;margin-bottom:22px}
.sponsor[data-partner="1"]::before{content:"Principal supporter";display:block;width:100%;text-align:center;font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ochre)}
.sponsor[data-partner="1"] img{height:52px;max-width:280px;opacity:.92}
.sponsor[data-partner="1"] .sponsor-blurb{font-size:17px;max-width:560px;color:#b5ad95}
.colophon{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px 50px;padding:44px 0 40px}
.colophon h2{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--ochre);margin:0 0 12px;font-weight:500}
.colophon p{font-size:16.5px;line-height:1.65;color:#b5ad95;margin:0 0 10px}
.colophon ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:16.5px}
.colophon ul a{text-decoration:none}
.bottomline{border-top:1px solid var(--dline);padding:16px var(--gut);text-align:center;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dark-faded)}

/* ---------- article layout ---------- */
.paper-grid{max-width:1240px;margin:0 auto;padding:clamp(36px,5vw,60px) var(--gut) 20px;display:grid;grid-template-columns:minmax(0,72ch) minmax(230px,300px);gap:0 clamp(30px,4vw,64px);justify-content:center}
.paper-grid.no-rail{grid-template-columns:minmax(0,72ch)}
.article-body{min-width:0;padding-inline:0}
.prose p{font-size:20.5px;line-height:1.72;color:var(--body);margin:0 0 1.25em;text-wrap:pretty}
.prose h2{font-size:clamp(24px,3vw,31px);line-height:1.25;font-weight:600;font-style:italic;margin:1.7em 0 .6em}
.prose h2 .sec-n{font-style:normal;color:var(--verm);font-size:.62em;letter-spacing:.22em;display:block;margin-bottom:6px}
.prose>p:first-of-type::first-letter,.dropcap::first-letter{font-size:3.4em;line-height:.82;float:left;padding:.08em .12em 0 0;color:var(--verm);font-style:normal;font-weight:600}
.lead{font-size:clamp(21px,2.4vw,24px)!important;line-height:1.6!important;font-style:italic;color:#514a38!important}
.lead::first-letter{font-size:inherit!important;float:none!important;color:inherit!important;padding:0!important}
.rail{display:grid;gap:16px;align-content:start}
.rail-head{font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--verm);border-bottom:1.5px solid var(--verm);padding-bottom:6px;margin:0}
.aside-card{border:1px solid var(--line);background:var(--card);padding:14px 16px}
.aside-card .a-type{display:block;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ochre);margin-bottom:5px}
.aside-card .a-name{display:block;font-weight:600;font-size:17px;margin-bottom:4px}
.aside-card p{margin:0;font-size:15.5px;font-style:italic;color:#514a38;line-height:1.5}
.aside-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.6em 0}
@media (max-width:1023px){
  .paper-grid{grid-template-columns:minmax(0,1fr)}
  .rail{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:28px}
  .rail-head{grid-column:1/-1}
}

/* ---------- palette components ---------- */
.pullquote{margin:1.8em 0;padding:22px 8px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);text-align:center}
.pullquote p{margin:0;font-size:clamp(22px,2.6vw,27px);line-height:1.45;font-style:italic;color:var(--ink)}
.pullquote p::before{content:"\201C";color:var(--ochre)}
.pullquote p::after{content:"\201D";color:var(--ochre)}
.blockquote{margin:1.8em 0;padding:6px 0 6px 24px;border-left:3px solid var(--verm)}
.blockquote p{margin:0 0 8px;font-size:20px;font-style:italic;line-height:1.6;color:var(--body)}
.blockquote cite{font-style:normal;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--faded)}
.callout{margin:1.8em 0;border:1px solid var(--ochre);background:#f2ead4;padding:18px 24px}
.callout::before{content:"For the visitor";display:block;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--verm);margin-bottom:8px}
.callout p{margin:0;font-size:17.5px;font-style:italic;line-height:1.6;color:var(--body)}
.note{font-size:16.5px;font-style:italic;color:var(--faded);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 2px;margin:1.6em 0}
.note::before{content:"N.B. ";font-style:normal;letter-spacing:.14em;color:var(--verm)}
table.versus,table.datatable{width:100%;border-collapse:collapse;margin:1.8em 0;background:var(--card);border:1px solid var(--ink);font-size:17px}
.versus caption,.datatable caption{caption-side:top;text-align:left;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--verm);padding:0 0 8px}
.versus th,.datatable th{font-size:13.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--ink);background:var(--paper2)}
.versus td,.datatable td{padding:11px 14px;border-bottom:1px solid var(--hairline);vertical-align:top;color:var(--body)}
.versus tr:last-child td,.datatable tr:last-child td{border-bottom:0}
.versus td:first-child,.datatable td:first-child{font-weight:600;color:var(--ink)}
.versus th+th,.versus td+td{border-left:1px solid var(--hairline)}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:1.8em 0}
.statblock{border:1px solid var(--ink);background:var(--card);padding:18px 14px;text-align:center;display:flex;flex-direction:column;gap:6px}
.stat-num{font-size:clamp(28px,3vw,38px);font-weight:600;color:var(--verm);line-height:1}
.stat-label{font-size:14px;font-style:italic;color:var(--faded);line-height:1.4}
ol.timeline{list-style:none;margin:1.8em 0;padding:0;border-left:2px solid var(--ink)}
ol.timeline li{display:grid;grid-template-columns:minmax(96px,148px) 1fr;gap:16px;padding:11px 0 11px 20px;position:relative;align-items:baseline}
ol.timeline li::before{content:"";position:absolute;left:-6px;top:1.3em;width:10px;height:10px;border-radius:50%;background:var(--ochre);border:1.5px solid var(--ink)}
ol.timeline .t-when{font-weight:600;font-size:18px}
ol.timeline .t-what{font-size:17px;color:var(--body);font-style:italic;line-height:1.5}
@media (max-width:520px){ol.timeline li{grid-template-columns:1fr;gap:2px}}
figure.chart{margin:1.8em 0;border:1px solid var(--ink);background:var(--card);padding:20px 20px 14px}
figure.chart svg{width:100%;height:auto;display:block}
figure.chart figcaption{font-size:15px;font-style:italic;color:var(--faded);margin-top:10px}
figure.chart figcaption::before{content:attr(data-fig) " — ";font-style:normal;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--verm)}
.article-figure{margin:2em 0}
.article-figure img{width:100%;border:1px solid var(--ink)}
.article-figure figcaption{font-size:15.5px;font-style:italic;color:var(--faded);margin-top:8px}
.article-figure.bleed{margin-inline:calc(50% - 50vw);padding-inline:var(--gut)}
.article-figure.bleed img{max-height:62vh;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:2em 0}
.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ink)}
.gallery figcaption{font-size:14.5px;font-style:italic;color:var(--faded);margin-top:7px}
.map-figure{margin:2em 0;border:1px solid var(--ink);background:var(--card);padding:14px}
.map-slot{min-height:300px;background:repeating-linear-gradient(90deg,transparent 0 36px,#eee6cf 36px 37px),repeating-linear-gradient(0deg,transparent 0 28px,#eee6cf 28px 29px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.map-slot::after{content:"locator map to follow";font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:#b9ad8a}
.map-figure figcaption{font-size:15.5px;font-style:italic;color:var(--faded);margin-top:10px}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:1.8em 0}
.profile-card{border:1px solid var(--ink);background:var(--card);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.profile-card .p-photo{width:88px;height:88px;object-fit:cover;border-radius:50%;border:1px solid var(--ink)}
.profile-card h3{margin:4px 0 0;font-size:21px;font-style:italic}
.profile-card .p-role{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--verm)}
.profile-card p{margin:0;font-size:16.5px;line-height:1.6;color:var(--body)}
.profile-card .p-links{margin-top:auto;padding-top:6px}
.profile-card .p-links a{font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.profile-card .p-attr{font-size:13px;color:var(--faded);font-style:italic}
.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.8em 0}
.org-card{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;border:1px solid var(--line);background:var(--card);padding:14px 16px;text-decoration:none}
.org-card .org-logo{width:44px;height:44px;object-fit:cover;border:1px solid var(--line);grid-row:span 2}
.org-card.no-logo{grid-template-columns:1fr}
.org-card .org-name{font-weight:600;font-size:17px;color:var(--ink);display:block}
.org-card .org-host{font-size:13.5px;letter-spacing:.1em;color:var(--faded);display:block}
.org-card:hover .org-name{color:var(--verm)}
.entity-ref{white-space:nowrap;border-bottom:1px solid var(--ochre);text-decoration:none;font-style:italic}
.further-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:1.6em 0}
.further-grid a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--ink);background:var(--card);padding:16px 18px;text-decoration:none;color:var(--ink)}
.further-grid a b{font-style:italic;font-size:18px;line-height:1.35}
.further-grid a span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--faded);margin-top:auto}
.further-grid a:hover b{color:var(--verm)}
.related{max-width:1240px;margin:0 auto;padding:0 var(--gut) 10px}
.related h2{font-size:14px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;border-top:1.5px solid var(--ink);padding-top:18px;margin:0 0 14px}
ul.related-links{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
ul.related-links a{font-size:18.5px;font-style:italic;text-decoration:none}
ul.related-links .rm{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);font-style:normal;margin-left:10px}
/* sources foot */
.sources{max-width:1240px;margin:0 auto;padding:0 var(--gut);font-size:15.5px;font-style:italic;color:var(--faded);line-height:1.7}
.sources b{font-style:normal;letter-spacing:.2em;font-size:12px;color:var(--verm);text-transform:uppercase;font-weight:500}
.leafwrap{max-width:1240px;margin:26px auto 64px;padding:0 var(--gut)}

/* ---------- category pages ---------- */
.cat-head{text-align:center;padding:clamp(40px,6vw,60px) var(--gut) 40px}
.cat-head .frontis-kicker{color:var(--verm)}
.cat-head h1{font-size:clamp(32px,6vw,54px);font-weight:600;font-style:italic;line-height:1.1;margin:12px 0 12px}
.cat-head .band-sub{margin-bottom:0}
.cat-plate{margin:0;position:relative}
.cat-plate img{width:100%;height:46vh;min-height:320px;object-fit:cover}
ul.cat-list{list-style:none;max-width:1000px;margin:0 auto;padding:clamp(36px,5vw,56px) var(--gut);display:grid;gap:22px}
ul.cat-list li{display:grid;grid-template-columns:52px 1fr auto;gap:6px 16px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:20px}
ul.cat-list .n{font-size:19px;color:var(--ochre)}
ul.cat-list h2{margin:0;font-size:clamp(21px,2.6vw,26px);font-style:italic;font-weight:600;line-height:1.3}
ul.cat-list h2 a{color:var(--ink);text-decoration:none}
ul.cat-list h2 a:hover{color:var(--verm)}
ul.cat-list .d{grid-column:2/-1;font-style:italic;color:#514a38;font-size:17.5px;margin:0}
ul.cat-list .m{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);white-space:nowrap}
@media (max-width:600px){ul.cat-list li{grid-template-columns:40px 1fr}ul.cat-list .m{grid-column:2}}

/* ---------- static pages ---------- */
.page-body{max-width:72ch;margin:0 auto;padding:clamp(40px,6vw,64px) var(--gut) 70px}
.page-body h1{font-size:clamp(30px,5vw,44px);font-style:italic;font-weight:600;line-height:1.15;margin:0 0 14px}
.page-body p{font-size:19.5px;line-height:1.7;color:var(--body)}
.contact-form{display:grid;gap:18px;margin-top:28px}
.contact-form label{display:grid;gap:8px;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--faded)}
.contact-form input,.contact-form textarea{font-family:var(--serif);font-size:18px;padding:12px 14px;border:1px solid var(--ink);background:var(--card);color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--ochre)}
.contact-form button{justify-self:start;font-family:var(--serif);font-size:14px;letter-spacing:.24em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:0;padding:14px 30px;cursor:pointer}
.contact-form button:hover{background:var(--verm)}

/* CSS-only expander for long lists */
.more-box{display:none}
.more-items{display:none}
.more-box:checked~.more-items{display:block}
.more-box:checked~ul .more-items{display:block}
.more-label{display:inline-block;margin-top:14px;border:1px solid var(--ink);padding:10px 20px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.more-box:checked~.more-label{display:none}

/* styleguide chrome */
.sg-section{max-width:1000px;margin:0 auto;padding:30px var(--gut)}
.sg-section>h2{font-size:14px;letter-spacing:.3em;text-transform:uppercase;border-bottom:1.5px solid var(--verm);color:var(--verm);padding-bottom:8px}

/* generated additions */
.plate-wide{margin:0}.plate-wide img{width:100%;height:54vh;min-height:300px;object-fit:cover}.plate-wide figcaption{max-width:1240px;margin:8px auto 0;padding:0 var(--gut);font-size:15px;font-style:italic;color:var(--faded)}
.comp-head{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--verm);margin:2.4em 0 0}

/* sp-mark-frame: a uniform plate for the money mark, in the tiers where Design sized the plate
   to the artwork instead. Operator's rule: the dark ground is unified whatever the logo's
   size. width:100% (or one fixed width where copy shares the row) + one height for the tier
   + object-fit:contain, so the plate is the same box everywhere and the artwork fits inside
   it. A ground and an inset are added ONLY where none exists — adding a second ground gives
   co-cure's rectangle-inside-a-rectangle. Design's framed tiers are not touched at all. */
.sponsor-grid .sponsor.sponsor img{box-sizing:border-box!important;height:38px!important;display:block!important;width:127px!important;max-width:100%!important;flex:none!important;padding:8px 12px!important;background:#121013!important;box-sizing:border-box!important}


/* sp-feat-mark + blurb clamp (operator).
   The featured mark was pinned to 127x38 by a blanket rule of mine, where Design had asked for
   52px tall and up to 280px wide; it is exempted and given more room on desktop only. And the
   blurbs ran to five lines — clamped to two, at both sizes this build uses (17px on the featured
   tile, 14.5px on the rest). */
@media (min-width:901px){
  .sponsor-grid .sponsor[data-partner="1"].sponsor img{
    height:72px!important;width:auto!important;max-width:330px!important}
}
.sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important}

/* op-last-completes: .sponsor-grid — Design's own full-width tile (tile 1) spans the phone row at every count; with 12 tiles the grid ended on a lone tile beside an empty cell, so the last tile completes the row. Parity-guarded (steps aside when the pairs close by themselves); only while two per row. */
@media (max-width:522px){
  .sponsor-grid:has(> *:nth-child(even):last-child) > *:last-child:nth-child(n+2){grid-column:1 / -1!important}
}
/* op-last-completes:end */

/* op-img-dims — intrinsic width/height reserve image space; the proven height:auto guard (zero specificity) */
:where(article.article-body.prose > figure.article-figure > img,
  div.feed > a.feed-card > img,
  div.part-row > figure.part-plate > img,
  div.plates-gallery > figure > img,
  div.plates-gallery > figure.wide > img,
  main > figure.article-figure.plate-wide > img,
  main > figure.cat-plate > img,
  main > figure.paper-hero > img,
  main > section.frontis > img){height:auto}
/* op-img-dims:end */
@media (max-width:600px){ul.cat-list.cat-list li{grid-template-columns:40px minmax(0,1fr)!important}}
@media (max-width:600px){ul.cat-list.cat-list li .m{white-space:normal!important;min-width:0!important}}
.sponsor-grid.sponsor-grid > [data-partner][data-partner] img{background:transparent!important}