/* /prices/ (13 Nov): the price list, written by tools/build-prices.py from tools/prices.json. Loaded after pages.css, so it
   only adds what the price list needs: the big figures, the two-column tables and a clean A4 print (light, no nav or buttons). */
.fig{font-family:var(--figures);font-weight:700;font-size:clamp(34px,4.4vw,46px);line-height:1;letter-spacing:.2px;margin:2px 0 10px;font-variant-numeric:tabular-nums}
.card .fig{font-size:clamp(32px,3.8vw,42px)}
.sub2{color:var(--muted);font-weight:600;margin-bottom:6px}
.go a{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.card .go{margin-bottom:0}
.after{margin-top:20px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ptable{border-collapse:collapse;width:100%;max-width:820px;margin:14px 0 6px;background:var(--card);border:2px solid var(--edge);font-size:16px}
.ptable th,.ptable td{text-align:left;vertical-align:top;padding:11px 14px;border-top:1px solid var(--line)}
.ptable tr:first-child th,.ptable tr:first-child td{border-top:0}
.ptable th{width:36%;font-weight:700;position:relative;padding-left:32px}
.ptable th::before{content:"";position:absolute;left:14px;top:1.08em;width:8px;height:8px;background:var(--orange)}
.contact{border-top:2px solid var(--edge)}
.contact .who{font-size:17px}
@media (max-width:640px){
  .ptable{font-size:15.5px}
  .ptable,.ptable tbody,.ptable tr,.ptable th,.ptable td{display:block;width:100%}
  .ptable tr{border-top:1px solid var(--line);padding:10px 14px}
  .ptable tr:first-child{border-top:0}
  .ptable th,.ptable td{border-top:0;padding:0}
  .ptable th{padding-left:18px;margin-bottom:2px}
  .ptable th::before{left:0;top:.62em}
}

@page{size:A4;margin:14mm 14mm 16mm}
@media print{
  :root{--ink:#111;--muted:#444;--line:#ccc;--bg:#fff;--card:#fff;--edge:#111;--page:#fff;--orange-text:#111;--mark:#fff}
  html,body{background:#fff!important;color:#111!important;font-size:10.5pt;line-height:1.45}
  .top,footer,.ctas,.btn,.noprint,.go,.crumbs{display:none!important}
  .intro{background:#fff;color:#111;padding:0 0 6px;border-bottom:2px solid #111}
  .intro .eyebrow{color:#111}
  h1{font-size:24pt;margin:4px 0 6px;letter-spacing:-.5px}
  .lead{color:#333;font-size:11pt}
  section.band,section.band.alt{background:#fff;padding:10px 0 4px}
  .wrap{max-width:none;padding:0}
  h2{font-size:15pt;margin-bottom:6px}
  .band .wrap > h2:not(:first-child){margin-top:10px}
  h3{font-size:12pt;margin-bottom:2px}
  p{max-width:none;margin-bottom:6px}
  .fig,.card .fig{font-size:20pt;margin-bottom:4px}
  .grid2{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
  .card{padding:10px 12px;border-width:1px;break-inside:avoid}
  ul.ticks{margin:4px 0}
  ul.ticks li{margin:2px 0;padding-left:16px}
  ul.ticks li::before{width:6px;height:6px;background:#111}
  .ptable{font-size:10pt;border-width:1px;max-width:none;break-inside:auto}
  .ptable tr{break-inside:avoid}
  .ptable th,.ptable td{padding:5px 8px}
  .ptable th{padding-left:20px}
  .ptable th::before{left:8px;width:6px;height:6px;background:#111}
  a{color:#111;text-decoration:none}
  .contact{border-top:1px solid #111;padding-top:8px}
  h2,h3{break-after:avoid}
  section.band{break-inside:avoid}   /* each section fits on a page: no heading left at the foot of one */
}