/* Brand layer, loaded after /base.css. An auction house catalogue: warm paper, plum ink for the house color,
   saffron for the price line and the paddle mark. Young Serif for headings and the wordmark, Onest for text,
   both self-hosted (SIL Open Font License, see /fonts). Light by default; dark (deep aubergine, never black) is a
   remembered choice. Contrast (WCAG AA): ink on paper 15:1, muted on paper 6:1, white on plum 11:1,
   saffron text #8a5a00 on white 5.6:1. Dark: paper text on aubergine 14:1. */
@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/young-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/onest-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/onest-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/onest-latin-700-normal.woff2) format("woff2")}
:root{
  --bg:#fbf7f1;--surface:#fff;--surface-2:#f3ece2;--ink:#221a29;--muted:#5e5566;--line:#e8dfd3;--line-strong:#cdbfae;
  --primary:#4a2366;--primary-ink:#fff;--primary-hover:#3a1a52;--primary-soft:#ece2f3;--link:#5a2d7c;
  --saffron:#e3a72f;--saffron-text:#8a5a00;--saffron-soft:#fbefd3;
  --ok:#1d6a43;--ok-bg:#e4f3ea;--warn:#7a4a00;--warn-bg:#fff2d9;--bad:#a3221b;--bad-bg:#fde9e7;
  --font-head:"Young Serif",Georgia,"Times New Roman",serif;--font-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radius:14px;--radius-sm:9px;
  --shadow:0 1px 2px rgba(34,26,41,.05),0 8px 22px rgba(34,26,41,.06);--shadow-lift:0 2px 4px rgba(34,26,41,.08),0 16px 32px rgba(34,26,41,.12);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#1c1424;--surface:#261c30;--surface-2:#2f243b;--ink:#f4ecdf;--muted:#bcb0c6;--line:#3a2e47;--line-strong:#54445f;
  --primary:#b98ad8;--primary-ink:#1c1424;--primary-hover:#cba4e4;--primary-soft:#3a2a4a;--link:#d2b1ea;
  --saffron:#f0bd55;--saffron-text:#f0bd55;--saffron-soft:#3a2d17;
  --ok:#93d8ad;--ok-bg:#183223;--warn:#f4c46a;--warn-bg:#35280f;--bad:#ff9a8f;--bad-bg:#3a1714;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.24);color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#1c1424;--surface:#261c30;--surface-2:#2f243b;--ink:#f4ecdf;--muted:#bcb0c6;--line:#3a2e47;--line-strong:#54445f;
  --primary:#b98ad8;--primary-ink:#1c1424;--primary-hover:#cba4e4;--primary-soft:#3a2a4a;--link:#d2b1ea;
  --saffron:#f0bd55;--saffron-text:#f0bd55;--saffron-soft:#3a2d17;
  --ok:#93d8ad;--ok-bg:#183223;--warn:#f4c46a;--warn-bg:#35280f;--bad:#ff9a8f;--bad-bg:#3a1714;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.24);color-scheme:dark;
}
body{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;width:100%;max-width:980px}
main.wide{max-width:var(--wrap)}
h1,h2,h3{font-weight:400;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.2vw,44px);line-height:1.08}
h2{font-size:var(--t-xl)}
h2.first,h3.first{margin-top:0}
::selection{background:var(--saffron);color:#221a29}
.price,td.num,.facts dd,.pickup-code{font-variant-numeric:tabular-nums}
.lede{font-size:var(--t-lg);color:var(--muted);max-width:60ch}
.small{font-size:var(--t-sm)}
.ok-text{color:var(--ok)}.bad-text{color:var(--bad)}

.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.site-header .bar{min-height:64px}
.brand{font:400 27px/1 var(--font-head);letter-spacing:-.01em;gap:9px}
.brand svg{width:32px;height:32px;flex:none}
.brand .mk-head{fill:var(--primary)}.brand .mk-handle{fill:var(--saffron)}.brand .mk-line{stroke:var(--saffron)}
:root[data-theme="dark"] .brand .mk-line{stroke:#1c1424}
.site-nav a:hover{text-decoration:underline;text-decoration-color:var(--saffron);text-decoration-thickness:2px;text-underline-offset:6px}
.foot-brand{font-family:var(--font-head);font-size:18px;color:var(--ink)}
.acting-bar{background:var(--saffron-soft);border:1px solid var(--saffron);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:var(--s4)}

.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s6);align-items:center;padding:var(--s5) 0 var(--s6);border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(34px,5vw,58px);max-width:14ch}
.hero-search{display:flex;gap:var(--s2);max-width:520px;margin-top:var(--s4)}
.hero-search input{flex:1}
.hero-points{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.hero-points li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--saffron);border-radius:var(--radius-sm);padding:var(--s3) var(--s4)}
.hero-points strong{display:block;font-family:var(--font-head);font-weight:400;font-size:var(--t-lg)}
.hero-points span{color:var(--muted);font-size:var(--t-sm)}
.cats{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0 0}
.cats a{border:1px solid var(--line-strong);border-radius:var(--pill);padding:7px 14px;color:var(--ink);text-decoration:none;font-weight:500;background:var(--surface)}
.cats a:hover{border-color:var(--primary);color:var(--primary)}
.sell-cta{margin-top:var(--s7);background:var(--primary);color:var(--primary-ink);border-radius:var(--radius);padding:var(--s6)}
.sell-cta h2{margin-top:0;color:inherit}.sell-cta .button{background:var(--saffron);color:#221a29}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--s4)}
.tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}
.tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.tile-img{aspect-ratio:4/3;background:var(--surface-2);display:block}
.tile-img img{width:100%;height:100%;object-fit:cover;display:block}
.tile-body{padding:var(--s3) var(--s4) var(--s4);display:flex;flex-direction:column;gap:6px}
.tile-title{font-weight:500;line-height:1.3}
.tile-price strong{font-size:var(--t-lg)}
.tile-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--t-sm)}
.ends{color:var(--saffron-text);font-weight:700}
.pill{border:1px solid var(--line);border-radius:var(--pill);padding:1px 8px;color:var(--muted);font-size:12px}
.empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:var(--s5);color:var(--muted)}
.filters .filter-checks{display:flex;gap:var(--s5);flex-wrap:wrap}

.crumbs{margin-bottom:var(--s2)}
.lot{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s6);align-items:start}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}
.gallery a{display:block;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.gallery a.main{grid-column:1/-1}
.gallery img{display:block;width:100%;height:auto}
.lot-title{font-size:clamp(26px,3.2vw,36px)}
.bid-panel{border-top:4px solid var(--primary)}
.price-block{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--s3)}
.price-block .label{font-size:var(--t-sm);color:var(--muted);font-weight:500}
.price-block .price{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.ends-line strong{color:var(--saffron-text);font-size:var(--t-lg)}
.lead-line{background:var(--ok-bg);color:var(--ok);border-radius:var(--radius-sm);padding:8px 12px;font-weight:700}
.bid-form button,.buy-now button{width:100%}
.buy-now{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.lot-detail{max-width:760px}
.desc{white-space:normal}
details.report,details.box{margin-top:var(--s5)}
details summary{cursor:pointer;font-weight:600;color:var(--link)}

.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px var(--s5);margin:var(--s4) 0}
.facts dt{color:var(--muted)}.facts dd{margin:0}
.status-pill{display:inline-block;background:var(--primary-soft);color:var(--primary);border-radius:var(--pill);padding:3px 12px;font-weight:700;font-size:var(--t-sm)}
:root[data-theme="dark"] .status-pill{color:var(--ink)}
.status-pill.warn{background:var(--warn-bg);color:var(--warn)}
.pickup-code{font:400 44px/1 var(--font-head);letter-spacing:.12em;color:var(--primary)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.help ol.info li,.help ul li{margin-bottom:var(--s2)}
.rating p{margin:6px 0 0}
#card-container{min-height:90px;margin-bottom:var(--s3)}

@media (max-width:820px){.hero,.lot,.two{grid-template-columns:1fr}.hero{gap:var(--s5)}}
@media (max-width:480px){.hero-search{flex-direction:column}.price-block .price{font-size:34px}.sell-cta{padding:var(--s5)}.facts{grid-template-columns:1fr;gap:2px}.facts dd{margin-bottom:var(--s2)}}