/* Design v2: clean product-page style (trial on coin 14). Light only. Loaded after app.css, only on v2 pages. */
body.v2{--v2bg:#f7f7f7;--v2ink:#1a1a1a;--v2grey:#6f6f6f;--v2line:#d9d9d9;--v2soft:#ececec;
  --serif:"EB Garamond",Georgia,serif;--caps:"Jost","Helvetica Neue",Arial,sans-serif;
  --bar-h:64px;--pw:440px;background:var(--v2bg);color:var(--v2ink);font:17px/1.5 var(--serif)}
body.v2 a{color:var(--v2ink)}
body.v2 :focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
/* top bar: quiet, no border */
.v2 .bar{height:var(--bar-h);background:var(--v2bg);border:0;padding:0 40px;gap:28px}
.v2 .brand{font:400 15px/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--v2ink)}
.v2 .brand b{color:inherit;font-weight:400}
.v2 .find{max-width:340px}
.v2 .find input{height:36px;border:0;border-bottom:1px solid var(--v2line);border-radius:0;background:transparent;font:16px var(--serif);padding:0 2px}
.v2 .find input:focus{border-bottom-color:var(--v2ink);outline:none}
.v2 .bar .sp a{font:500 11px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--v2ink)}
/* stage: the coin floats on the page colour, no frame */
.v2 .gstrip{display:none!important}
.v2 .stage{left:0;right:calc(var(--pw) + 64px);top:var(--bar-h);bottom:0;background:var(--v2bg)}
.v2 .stmode{top:auto;bottom:118px;left:40px;right:40px;justify-content:center}
.v2 .stmode span{background:transparent;border:0;font:italic 15px/1.3 var(--serif);color:var(--v2grey);padding:0}
.v2 .stmode .lbl-inf{color:#8a4b00}
.v2 .loadmsg{font:italic 16px var(--serif);color:var(--v2grey)}
.v2 .ctl{left:40px;right:40px;bottom:28px;background:transparent;border:0;padding:0;flex-direction:column;align-items:center;gap:12px}
.v2 .ctl .cond{width:min(420px,100%);flex:none}
.v2 .ctl .cond small{font:500 10px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--v2grey)}
.v2 .ctl .cond input{accent-color:var(--v2ink)}
.v2 .ctl .tools{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
.v2 .ctl .tools button{all:unset;cursor:pointer;font:500 10.5px/1.8 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--v2grey);border-bottom:1px solid transparent}
.v2 .ctl .tools button:hover,.v2 .ctl .tools button[aria-pressed="true"]{color:var(--v2ink);border-bottom-color:var(--v2ink)}
.v2 .ctl .tools button:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.v2 .hs{background:rgba(26,26,26,.82);font:500 11px/24px var(--caps);box-shadow:0 0 0 2px #fff}
.v2 .hs.on{background:var(--v2ink);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--v2ink)}
.v2 .lab-dim{font:italic 13px/1 var(--serif);background:transparent;color:var(--v2grey)}
.v2 .cmplab{font:500 10px/1.3 var(--caps);letter-spacing:.16em;text-transform:uppercase;border:0;background:transparent}
/* right panel: white, inset, no border, generous padding */
.v2 .panel{top:calc(var(--bar-h) + 8px);right:32px;bottom:32px;left:auto;width:var(--pw);background:#fff;border:0;box-shadow:none}
.v2 .col{padding:56px 56px 24px;overflow:auto}
.v2 .col h1{font:400 30px/1.15 var(--serif);font-stretch:normal;margin:6px 0 6px;letter-spacing:.005em}
.v2 .col h2{font:400 24px/1.2 var(--serif);margin:14px 0 14px}
.v2 .col h3{font:400 19px/1.2 var(--serif);margin:16px 0 8px}
.v2kicker{font:500 10.5px/1.5 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--v2grey);margin:0}
.v2sub{color:var(--v2grey);margin:0 0 26px!important}
.v2 .opt{margin:0 0 22px}
.v2 .lbl{font:16px/1.4 var(--serif);color:var(--v2grey);margin:0 0 10px!important}
.v2 .lbl span{color:var(--v2ink)}
.v2 .seg{display:flex;gap:8px;flex-wrap:wrap}
.v2 .segb{all:unset;box-sizing:border-box;cursor:pointer;min-width:120px;padding:12px 18px;text-align:center;background:var(--v2soft);border:1px solid var(--v2soft);
  font:500 11px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--v2ink)}
.v2 .segb[aria-pressed="true"]{background:#fff;border-color:var(--v2ink)}
.v2 .segb:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.v2 .swatches{display:flex;gap:10px}
.v2 .swatch{all:unset;cursor:pointer;width:34px;height:34px;box-sizing:border-box;border:1px solid transparent;padding:3px;background-clip:content-box}
.v2 .swatch[aria-pressed="true"]{border-color:var(--v2ink)}
.v2 .swatch:focus-visible{outline:2px solid var(--v2ink);outline-offset:2px}
.v2 .sw-mint{background-image:linear-gradient(135deg,#ffe2a6,#d9a24e)}
.v2 .sw-w1{background-image:linear-gradient(135deg,#f1d49a,#c79a58)}
.v2 .sw-w2{background-image:linear-gradient(135deg,#dcc08f,#a98656)}
.v2 .sw-w3{background-image:linear-gradient(135deg,#c4ad86,#8e7656)}
.v2 .sw-found{background-image:linear-gradient(135deg,#c8a48c,#6f5446)}
.v2 .hint{font:italic 14px/1.4 var(--serif);color:var(--v2grey);margin:8px 0 0!important}
.v2 .cta{display:block;margin:30px 0 14px;padding:18px 20px;background:var(--v2ink);color:#fff!important;text-align:center;text-decoration:none;
  font:500 11.5px/1 var(--caps);letter-spacing:.22em;text-transform:uppercase}
.v2 .cta:hover{background:#000}
.v2note{font:15px/1.5 var(--serif);color:var(--v2grey)}
.v2links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:26px 0 8px}
.v2links a,.v2 .back{all:unset;cursor:pointer;font:500 10.5px/1.8 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--v2ink);border-bottom:1px solid var(--v2ink)}
.v2links a:focus-visible,.v2 .back:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.v2 .back{border-bottom:0;color:var(--v2grey);margin-bottom:10px;display:inline-block}
.v2 .facts{font-size:16px;gap:4px 16px}
.v2 .facts dt{color:var(--v2grey)}
.v2 .flag{border-left:2px solid #8a4b00;background:#faf6f0;font:15px/1.45 var(--serif)}
.v2 .tag{font:500 9.5px/1 var(--caps);letter-spacing:.12em;text-transform:uppercase}
.v2 .feats .n{background:var(--v2ink);font:500 11px/22px var(--caps)}
.v2 .feats .t{font-weight:500}
.v2 .legal{border:0;padding:10px 56px 24px;font:13px var(--serif);color:var(--v2grey)}
.v2 .legal a{color:var(--v2grey)}
body.v2.read .rv{left:0;right:calc(var(--pw) + 64px);background:var(--v2bg);font:17px/1.55 var(--serif)}
.v2 .rv h1{font:400 32px/1.15 var(--serif)}
.v2 .rv h2{font:400 22px/1.2 var(--serif)}
/* mid widths */
@media (max-width:1100px){ body.v2{--pw:380px} .v2 .col{padding:40px 36px 20px} }
/* phones: coin on top, white panel below in normal flow (page scrolls), CTA stays reachable */
@media (max-width:820px){
  body.v2{overflow:auto;--bar-h:56px}
  .v2 .bar{padding:0 16px;gap:12px}
  .v2 .bar .sp{display:none}
  .v2 .brand{font-size:12px;letter-spacing:.22em}
  .v2 .find{max-width:none}
  .v2 .stage{position:sticky;top:var(--bar-h);left:0;right:0;height:58vh;bottom:auto;display:block}
  .v2 .stmode{bottom:84px;left:16px;right:16px}
  .v2 .stmode span{font-size:13.5px}
  .v2 .ctl{left:16px;right:16px;bottom:12px;gap:8px}
  .v2 .ctl .tools{gap:2px 12px}
  .v2 .ctl .tools button:not(#tf):not(#flip):not(#reset){display:none}
  .v2 .panel{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;margin:0 0 0;border-radius:0;box-shadow:none;z-index:15}
  .v2 .panel .grab{display:none}
  .v2 .col{padding:28px 20px 12px;overflow:visible}
  .v2 .col .facts,.v2 .col p.note,.v2 .col h2,.v2 .col .kicker{display:revert}
  .v2 .col h1{font-size:26px}
  .v2 .segb{min-width:0;flex:1}
  .v2 .cta{position:sticky;bottom:12px;z-index:5}
  .v2 .legal{padding:8px 20px 28px;display:block}
  body.v2.read .rv{position:relative;top:auto;left:0;right:0;bottom:auto;padding:20px}
}
.v2 .ctl .wear{display:none!important}
.v2 .stmode{bottom:132px}
.v2 .col{padding:40px 48px 16px}
.v2 .col h1{font-size:28px}
.v2sub{margin:0 0 18px!important}
.v2 .opt{margin:0 0 16px}
.v2 .testline{font:italic 14.5px/1.4 var(--serif);color:#8a4b00;margin:0 0 18px!important}
.v2 .testline a{color:#8a4b00}
.v2 .cta{margin:22px 0 12px}
.v2links{margin:18px 0 4px}
@media (max-height:820px) and (min-width:821px){ .v2 .col{padding-top:28px} .v2 .hint{display:none} .v2 .v2sub{display:none} }
@media (max-width:820px){
  .v2 .stage{margin-top:var(--bar-h);height:60vh}
  .v2 .cta{position:static}
  .v2 .stmode{bottom:76px}
  .v2 .lab-dim{display:none}
}
/* ---- v2 general pages ---- */
body.page.v2{overflow:auto}
.page.v2 .pagewrap{max-width:1240px;padding:calc(var(--bar-h) + 40px) 40px 60px}
.page.v2 h1{font:400 44px/1.1 var(--serif);margin:8px 0 16px;letter-spacing:.005em}
.page.v2 h2{font:400 26px/1.2 var(--serif);margin:36px 0 14px}
.page.v2 .lead{font:20px/1.5 var(--serif);max-width:720px;color:#333}
.page.v2 .foot{border-top:0;margin-top:60px;font:14px/1.5 var(--serif);color:var(--v2grey)}
.page.v2 .foot a{color:var(--v2grey)}
/* footer (3 Nov, review 4: "more minimalist"): a fine rule, the brand on the left, Terms, Privacy, About, Credits on the
   right; the company line small beneath. The licence text lives on each coin page, /about/#sources and /terms/ */
.page.v2 .foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;border-top:1px solid var(--v2line);padding:26px 0 0}
.page.v2 .foot .nl + .foot-row{margin-top:28px}
.page.v2 .foot-brand{font:400 12.5px/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--v2ink);text-decoration:none}
.page.v2 .foot-nav{display:flex;gap:28px;margin:0}
.page.v2 .foot-nav a{font:500 10.5px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:#555;text-decoration:none;padding:6px 0}
.page.v2 .foot-nav a:hover{color:var(--v2ink)}
.page.v2 .foot-co{margin:16px 0 0;font:13px/1.5 var(--serif);color:#6f6f6f}
.page.v2 .foot-co a{color:inherit}
@media (max-width:820px){.page.v2 .foot-nav{gap:20px}.page.v2 .foot{padding-bottom:24px}}
.page.v2 .tbl td,.page.v2 .tbl th{border-bottom:1px solid var(--v2line);font:15px/1.4 var(--serif)}
.page.v2 .tbl th{font:500 10.5px/1.4 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--v2grey)}
.page.v2 code{font-size:11px}
/* hero */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:calc(100vh - var(--bar-h) - 80px)}
.hero-img img{width:100%;height:auto;display:block}
.hero>*{min-width:0}
.hero-anim{margin:0;display:grid;gap:14px;justify-items:center;min-width:0;max-width:100%}
.hero-anim .hv{display:block;width:min(100%,720px)}
.hero-anim video{width:100%;max-width:100%;height:auto;display:block;background:var(--v2bg)}
.hero-anim figcaption{padding-inline:4px}
.hero-anim figcaption{display:grid;gap:4px;text-align:center;min-height:3.2em;width:min(100%,560px);align-content:start}
.hero-anim .hk{font:500 10.5px/1.5 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--v2grey)}
.hero-anim .hf{font:17px/1.4 var(--serif);transition:opacity .35s}
.hero-anim .hf b{font-weight:500}
@media (prefers-reduced-motion:reduce){.hero-anim .hf{transition:none}}
.hero-txt{background:#fff;padding:56px}
.hero-txt h1{font-size:40px}
.hero-txt .cta{display:inline-block;padding:18px 40px}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 28px;margin:20px 0 30px}
.tile{display:flex;flex-direction:column;text-decoration:none;color:var(--v2ink);position:relative}
.tile .tl{display:flex;flex-direction:column;text-decoration:none;color:inherit}
/* Save (saved coins, site_src/saved.js): a real button with aria-pressed; filled and dark when saved */
.save{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--v2ink);background:rgba(255,255,255,.92);border:1px solid var(--v2line);font:500 10.5px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase}
.save svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;flex:none}
.save:hover{border-color:var(--v2ink)}
.save[aria-pressed="true"]{background:var(--v2ink);border-color:var(--v2ink);color:#fff}
.save[aria-pressed="true"] svg{fill:currentColor}
.save[aria-busy="true"]{opacity:.6}
.tile .save{position:absolute;top:4px;right:4px;width:40px;height:40px;border-radius:50%;padding:0}
.saverow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0}
.save.big{min-height:40px;padding:0 16px 0 12px}
.savedlink{font:15px/1.3 var(--serif);color:var(--v2grey)}
.tile[hidden]{display:none}
.tile img{width:100%;aspect-ratio:1;object-fit:contain;background:transparent;transition:transform .4s}
.tile:hover img{transform:translateY(-4px)}
.tile .who{font:500 10px/1.4 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--v2grey);margin-top:6px}
.tile .nm{font:400 19px/1.25 var(--serif);margin-top:2px}
.tile .meta{font:14px/1.4 var(--serif);color:var(--v2grey)}
.ttag{font:500 9.5px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--v2ink);margin-top:6px}
.ttag.inf{color:#8a4b00}
.filters{display:flex;flex-wrap:wrap;gap:16px 36px;margin:10px 0 10px}
.filters .segb{min-width:0;padding:10px 14px}
.gh{font:400 26px/1.2 var(--serif)}
.ghead{max-width:820px}
.gfacts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font:16px/1.5 var(--serif);margin:20px 0}
.gfacts dt{color:var(--v2grey)}
.gfacts dd{margin:0}
.v2kicker a{color:inherit}
/* timeline: see the timeline v2 block at the end */
.tl-pop{position:fixed;right:32px;top:calc(var(--bar-h) + 40px);width:380px;max-height:calc(100vh - var(--bar-h) - 80px);overflow:auto;background:#fff;padding:36px;box-shadow:0 10px 40px rgba(0,0,0,.08);z-index:40}
.tl-pop .close{all:unset;cursor:pointer;position:absolute;top:12px;right:16px;font:24px var(--serif)}
.tl-pop h2{margin:4px 0 8px}
.stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stack a{text-decoration:none;color:var(--v2ink);font:13px/1.25 var(--serif)}
.stack img{width:100%;height:auto;display:block}
@media (max-width:1100px){ .hero{grid-template-columns:1fr} .hero-txt{padding:36px} }
@media (max-width:820px){
  .page.v2 .pagewrap{padding:calc(var(--bar-h) + 20px) 16px 40px}
  .page.v2 h1{font-size:32px}
  .hero{min-height:0;gap:10px}
  .hero-txt{padding:24px 20px}
  .hero-txt h1{font-size:30px}
  .hero-txt .cta{display:block}
  .tiles{grid-template-columns:repeat(2,1fr);gap:28px 14px}
  .tile .nm{font-size:16px}
  .filters{gap:12px}
  .filters .seg{flex-wrap:wrap}
  .tl-pop{left:0;right:0;top:auto;bottom:0;width:auto;max-height:70vh;padding:24px 20px}
}
.v2 .segb.dis{opacity:.45;cursor:not-allowed}
.v2 .dies .segb{min-width:0;padding:10px 12px;font-size:10px}

.metal-silver .sw-mint{background-image:linear-gradient(135deg,#f2f2ee,#a9aaa6)} .metal-silver .sw-w1{background-image:linear-gradient(135deg,#e2e2dd,#9c9d98)}
.metal-silver .sw-w2{background-image:linear-gradient(135deg,#cfcfc9,#8b8b86)} .metal-silver .sw-w3{background-image:linear-gradient(135deg,#bcbcb5,#7a7a74)}
.metal-silver .sw-found{background-image:linear-gradient(135deg,#a9a59b,#5d5a52)}
.metal-copper .sw-mint{background-image:linear-gradient(135deg,#f2b48a,#b0663c)} .metal-copper .sw-w1{background-image:linear-gradient(135deg,#dfa47e,#9c5c38)}
.metal-copper .sw-w2{background-image:linear-gradient(135deg,#c89474,#875234)} .metal-copper .sw-w3{background-image:linear-gradient(135deg,#b08468,#70462e)}
.metal-copper .sw-found{background-image:linear-gradient(135deg,#7d8a6e,#4c5642)}
@media (max-height:980px) and (min-width:821px){ .v2 .hint{display:none} .v2 .v2sub{margin-bottom:10px!important} .v2 .opt{margin-bottom:12px} .v2 .col h1{font-size:26px} .v2 .cta{margin:16px 0 10px;padding:16px 20px} .v2 .lbl{margin-bottom:7px!important} .v2 .segb{padding:10px 16px} .v2 .testline{margin-bottom:12px!important} }
@media (max-width:820px){ .page.v2 table{display:block;overflow-x:auto} }
/* coin panel: fit the links above the fold on laptop heights */
@media (max-height:960px) and (min-width:821px){
  .v2 .col{padding:22px 40px 8px}
  .v2 .col h1{font-size:24px;margin:2px 0 2px}
  .v2 .v2sub{display:none}
  .v2 .testline{font-size:13.5px;margin:6px 0 8px!important}
  .v2 .opt{margin:0 0 9px}
  .v2 .lbl{margin:0 0 5px!important;font-size:15px}
  .v2 .segb{padding:9px 14px}
  .v2 .swatch{width:28px;height:28px}
  .v2 .cta{margin:10px 0 8px;padding:14px 18px}
  .v2note{font-size:13.5px;line-height:1.4}
  .v2links{margin:10px 0 2px;gap:8px 20px}
  .v2 .legal{padding:4px 40px 12px}
}
@media (max-height:780px) and (min-width:821px){
  .v2 .col{padding-top:16px}
  .v2kicker{display:none}
  .v2 .opt .seg.dies{display:none}
  .v2 .panel{top:calc(var(--bar-h) + 4px);bottom:16px}
  .v2note{font-size:12.5px}
}
html:has(body.v2){background:#f7f7f7}
.tile img{aspect-ratio:auto;height:auto}
.tile .who{margin-top:2px}
.stack img{background:transparent}
.drag-hint{position:absolute;left:0;right:0;top:46%;text-align:center;pointer-events:none;font:italic 16px var(--serif,Georgia);color:#6f6f6f;opacity:.9;transition:opacity 1.1s}
.drag-hint.out{opacity:0}
.v2 .hs{width:18px;height:18px;margin:-9px 0 0 -9px;font:500 9.5px/18px var(--caps);background:rgba(26,26,26,.55);box-shadow:0 0 0 1px rgba(255,255,255,.8)}
.v2 .hs.on{background:rgba(26,26,26,.85);box-shadow:0 0 0 1px #fff}
/* ---- found examples (coin pages: pane "examples" and the Read view) ---- */
.exmodel{font:16px/1.45 var(--serif,Georgia);margin:4px 0 10px}
.exmodel b{font-weight:500}
.exg{margin:18px 0 6px}
.exg h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:400 18px/1.25 var(--serif,Georgia)!important;margin:0 0 8px!important;padding-top:12px;border-top:1px solid var(--v2line,#d9d9d9)}
.exgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}
.ex{margin:0;min-width:0}
.exi{display:block;background:var(--v2soft,#ececec)}
.ex img{display:block;width:100%;height:auto}
.ex figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:6px;font:14px/1.35 var(--serif,Georgia);overflow-wrap:anywhere}
.ex figcaption b{font-weight:500}
.ex figcaption b a{color:inherit}
.exm{color:var(--v2ink,#1a1a1a)}
.exc{font-size:12.5px;color:var(--v2grey,#6f6f6f)}
.exc a{color:var(--v2grey,#6f6f6f)}
.exb{display:inline-block;font:500 9px/1.5 var(--caps,"Helvetica Neue",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;padding:1px 6px;border:1px solid var(--v2line,#d9d9d9);color:var(--v2grey,#6f6f6f);white-space:nowrap}
.exb.model{border-color:var(--v2ink,#1a1a1a);color:var(--v2ink,#1a1a1a)}
.exb.model.part{border-style:dashed}
.exb.ours{background:var(--v2ink,#1a1a1a);border-color:var(--v2ink,#1a1a1a);color:#fff}
.exb.conf.probable{color:#2f5d34;border-color:#9dbb9f}
.exb.conf.unresolved{color:#8a4b00;border-color:#d8b98e}
.exmore{font:italic 15px/1.45 var(--serif,Georgia);color:var(--v2grey,#6f6f6f);margin:18px 0 8px;padding-top:12px;border-top:1px solid var(--v2line,#d9d9d9)}
.exread .exgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.exread{max-width:1100px}
@media (max-width:820px){ .exgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px} .exread .exgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* phones: the later desktop .col padding above was overriding the phone padding; restore it */
@media (max-width:820px){ .v2 .col{padding:28px 20px 12px} }
/* found-only coin pages: long gallery badges wrap; caption sits closer to the controls (no slider) */
.exb{white-space:normal;max-width:100%}
@media (min-width:821px){ .v2.found-only .stmode{bottom:74px} }
/* phones: filter buttons size to their label and wrap (flex:1 squeezed long tribe names) */
@media (max-width:820px){ .filters .segb{flex:0 1 auto;padding:10px 12px} }
/* featured found coin (23 Oct): photo credit under the viewer caption; gallery tag for the page's original record */
.v2 .stmode .vcred{flex-basis:100%;text-align:center;font:400 11.5px/1.35 var(--sans,"Jost",Arial,sans-serif);font-style:normal;color:var(--v2grey,#6f6f6f);padding:0}
.v2 .stmode .vcred a{color:inherit}
.exb.orig{border-color:var(--v2ink,#1a1a1a);color:var(--v2ink,#1a1a1a);border-style:dashed}
.shownc{margin-top:-4px}
@media (max-width:820px){.v2 .stmode .vcred{font-size:10.5px}}
/* accounts: header "Sign in" / "Account" link (account.js); stays visible on phones, where .sp is hidden */
.v2 .bar .acct{font:500 11px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--v2ink);text-decoration:none;white-space:nowrap;margin-left:auto}
.v2 .bar .sp + .acct{margin-left:0}
@media (max-width:820px){ .v2 .bar .acct{font-size:10px;letter-spacing:.14em} }
/* ---- pricing (/pricing/). 3 Nov, review 3 (Adam): the homepage's plan cards lead, in the site's language (small grey
   Jost caps labels, EB Garamond prices and lines, checks on fine rules, thin borders, one button each), then every
   feature in a quiet comparison table whose sticky head is the two plan names. Light only like the site ---- */
.pricing{max-width:1080px;margin:0 auto}
.pp-eye{font:500 11px/1.5 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:#555;margin:0 0 12px}
.pp-intro{text-align:center;margin:8px auto 40px;max-width:720px}
.page.v2 .pp-intro h1{margin:0 0 12px;font:400 44px/1.08 var(--serif);letter-spacing:.003em;text-wrap:balance}
.pp-browse{margin:0;font:18px/1.5 var(--serif);color:#444;text-wrap:pretty}
.pp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.pp-card{background:#fff;border:1px solid #d6d6d6;padding:40px 40px 36px;display:flex;flex-direction:column;min-width:0}
.pp-card.pp-mem{background:#fbf6ea;border-color:var(--v2ink)}
.pp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin:0 0 14px}
.page.v2 .pp-name{margin:0;font:500 11px/1.4 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--v2ink)}
.pp-tag{margin-left:10px;padding:3px 7px 2px;font:500 9px/1 var(--caps);letter-spacing:.16em;color:#6a4d0f;border:1px solid #c9b27a;vertical-align:1px;white-space:nowrap}
.pp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;margin:0 0 8px;font:400 44px/1 var(--serif);font-variant-numeric:lining-nums}
.pp-price>span[aria-hidden]{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px}
.pp-price .amt{display:inline-flex;align-items:flex-start}
.pp-price .dec{font-size:.42em;line-height:1;margin:.19em 0 0 .04em;letter-spacing:.01em}
.pp-price .per{font:15px/1.3 var(--serif);color:#555}
.pp-vat{font:15px/1.3 var(--serif);color:#555;white-space:nowrap}
.pp-sub{margin:0 0 14px;font:15px/1.35 var(--serif);color:#555}
.pp-alt{display:block;margin:-8px 0 14px;font:15px/1.35 var(--serif);color:#555}
.pp-js .pp-alt{display:none}
.pp-pd{margin:0 0 18px;font:16px/1.45 var(--serif);color:#444}
.pp-ul{list-style:none;margin:0 0 26px;padding:0;flex:1 1 auto;border-top:1px solid var(--v2soft)}
.pp-ul li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid var(--v2soft);font:16.5px/1.35 var(--serif)}
.pp-ul li::before{content:"";position:absolute;left:2px;top:16px;width:10px;height:5px;border-left:1.5px solid var(--v2ink);border-bottom:1.5px solid var(--v2ink);transform:rotate(-45deg)}
.pp-b1,.pp-b2{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;box-sizing:border-box;padding:0 20px;text-decoration:none;cursor:pointer;
  font:500 11px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--v2ink);border-radius:0;transition:background .2s,color .2s}
.v2 .pp-b1{background:var(--v2ink);color:#fff}
.v2 .pp-b1:hover{background:#000}
.v2 .pp-b2{background:transparent;color:var(--v2ink)}
.v2 .pp-b2:hover{background:var(--v2bg)}
.v2 .pp-b1.pp-off,.v2 .pp-b1.pp-off:hover{background:var(--v2soft);border-color:var(--v2soft);color:#555;cursor:not-allowed}
.pp-period[hidden],.pp-region[hidden]{display:none}
.v2 .pp-period{flex-wrap:nowrap;gap:0;border:1px solid var(--v2line)}
.v2 .pp-period .segb{min-width:0;flex:0 0 auto;padding:8px 12px;font-size:9.5px;letter-spacing:.16em;background:transparent;border:0;border-radius:0}
.v2 .pp-period .segb[aria-pressed="true"]{background:var(--v2ink);color:#fff}
.pp-cmphd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:96px 0 18px;padding-top:28px;border-top:1px solid var(--v2line)}
.page.v2 .pp-h2{margin:0;font:400 34px/1.12 var(--serif)}
.pp-region{display:flex;align-items:center;gap:10px}
.v2 .pp-region .lbl{margin:0!important;font:500 10.5px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#555}
.pp-region select{appearance:none;-webkit-appearance:none;border:1px solid var(--v2line);border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231a1a1a' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 12px center;
  padding:9px 32px 9px 12px;font:500 10.5px/1.2 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--v2ink);cursor:pointer}
.pp-region select:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.page.v2 table.pp-table{display:table;overflow:visible;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0}
.pp-table col.pp-cf{width:52%}.pp-table col.pp-cp{width:24%}
.pp-table th,.pp-table td{padding:12px 10px;border-bottom:1px solid var(--v2soft);vertical-align:middle}
.pp-table thead th{position:sticky;top:var(--bar-h);z-index:2;background:var(--v2bg);border-bottom:1px solid var(--v2ink);padding:14px 10px 12px;
  font:500 10.5px/1.4 var(--caps);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--v2ink)}
.pp-table thead th.pp-hf{text-align:left}
.pp-table td{text-align:center}
.pp-table tbody th{text-align:left;font:400 16.5px/1.35 var(--serif)}
.pp-d{display:block;margin-top:2px;font:14.5px/1.4 var(--serif);color:#555}
.pp-table .pp-g th{padding:30px 10px 8px;border-bottom:1px solid var(--v2line);font:500 10.5px/1.4 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#555}
.pp-table tbody:first-of-type .pp-g th{padding-top:20px}
.pp-y{font:17px/1 var(--serif)}
.pp-n{color:#adadad}
.pp-soon{display:inline-block;padding:3px 6px 2px;border:1px solid var(--v2line);font:500 9px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:#555}
.pp-note{margin:16px 0 0}
.pp-faq{max-width:1080px;margin:72px auto 0;padding-top:28px;border-top:1px solid var(--v2line)}
.pp-faq h3,.pp-faq p{max-width:720px}
.pp-intro .pp-region{justify-content:center;margin-top:18px}
.page.v2 .pp-faq h2{font:400 34px/1.12 var(--serif);margin:0 0 6px}
.page.v2 .pp-faq h3{font:400 20px/1.3 var(--serif);margin:24px 0 4px}
.pp-faq p{margin:0;font:17px/1.5 var(--serif);color:#333}
@media (max-width:820px){
  .pp-intro{text-align:left;margin:0 0 26px}
  .page.v2 .pp-intro h1{font-size:32px}
  .pp-browse{font-size:16px}
  .pp-cards{grid-template-columns:minmax(0,1fr);gap:18px}
  .pp-card{padding:30px 22px 26px}
  .pp-top{flex-wrap:wrap}
  .pp-price{font-size:40px}
  .pp-cmphd{margin-top:64px}
  .pp-intro .pp-region{justify-content:flex-start}
  .page.v2 .pp-h2,.page.v2 .pp-faq h2{font-size:28px}
  .pp-table col.pp-cf{width:54%}.pp-table col.pp-cp{width:23%}
  .pp-table th,.pp-table td{padding:10px 4px}
  .pp-table thead th{padding:12px 2px 10px;font-size:9px;letter-spacing:.1em}
  .pp-table tbody th{font-size:15px;padding-left:0}
  .pp-table .pp-g th{padding:24px 0 6px}
  .pp-d{font-size:13px}
}
/* header nav (27 Oct): fewer links, spaced across the bar; phones keep the existing pattern (links hidden, Sign in shown) */
.v2 .bar .sp{gap:clamp(24px,3vw,48px)}
.v2 .bar .sp + .acct{margin-left:clamp(24px,3vw,48px)}
/* about (/about/): the idea, how we work, how each coin is made, our sources */
.about{max-width:820px}
.about section{margin-top:12px;scroll-margin-top:calc(var(--bar-h) + 20px)}
.about .steps{margin:8px 0 0;padding-left:1.4em;font:17px/1.55 var(--serif)}
.about .steps li{margin:0 0 10px;padding-left:4px}
.about .steps b{font-weight:500}
.about .more{margin:18px 0 0;border-top:1px solid var(--v2line);border-bottom:1px solid var(--v2line);padding:12px 0}
.about .more summary{cursor:pointer;font:500 10.5px/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase}
.about .more summary:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.page.v2 .about h3{font:400 20px/1.3 var(--serif);margin:22px 0 6px}
#sources .credits{max-width:none}
@media (min-width:821px){ .about #sources{max-width:none;width:min(1160px,calc(100vw - 80px))} }
/* ---- timeline v2 (27 Oct, approved mock-up): per tribe, rulers then coins without a named ruler; labels above bars ---- */
.tl{--tl-lab:210px;position:relative;margin-top:20px}
.tl-tools{display:flex;gap:8px;margin:0 0 12px}
.tl-tools .segb{min-width:0;padding:9px 14px}
.tl-key{display:flex;flex-wrap:wrap;gap:10px 32px;align-items:center;margin:4px 0 0;font:14px/1.4 var(--caps);color:#333}
.tl-key span{display:inline-flex;align-items:center;gap:10px}
.tl-key .sw{display:inline-block;width:46px;height:8px;border-radius:4px;background:#1f1f1f}
.tl-key .sw.t{height:6px;border-radius:3px;background:#d2bf96}
.tl .tl-scroll{overflow:auto;background:#fff;padding:18px 28px 10px;outline:none}
.tl .tl-scroll:focus-visible{outline:2px solid var(--v2ink)}
.tl .tl-inner{--zoom:1;position:relative;width:calc(100% * var(--zoom));min-width:640px;box-sizing:border-box}
.tl .axis{position:relative;height:26px;margin-left:var(--tl-lab);border-bottom:1px solid var(--v2line)}
.tl .tick{position:absolute;bottom:6px;transform:translateX(-50%);font:500 10.5px/1 var(--caps);letter-spacing:.1em;color:#888;white-space:nowrap}
.tl .tl-grid{position:absolute;top:26px;bottom:0;left:var(--tl-lab);right:0;pointer-events:none}
.tl .tl-grid i{position:absolute;top:0;bottom:0;border-left:1px dashed #eee}
.tl .lane{position:relative;display:grid;grid-template-columns:var(--tl-lab) minmax(0,1fr);padding:16px 0 14px;border-bottom:1px solid #e9e9e9}
.tl .lane:last-child{border-bottom:0}
.tl .lane.hl{background:#faf8f4}
.tl .lane-name{align-self:start;padding-right:16px;font:400 22px/1.2 var(--serif);color:var(--v2ink);text-decoration:none}
.tl .lane-name small{display:block;margin-top:4px;font:500 10.5px/1.4 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:#777}
.tl .lane-track{position:relative;min-width:0}
.tl .grp+.grp{margin-top:10px;padding-top:8px;border-top:1px dotted #e6e6e6}
.tl .gl{margin:0 0 4px;font:500 10.5px/1.4 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:#8a7546}
.tl .row{position:relative;height:44px}
.tl button.it{all:unset;box-sizing:border-box;position:absolute;top:0;height:44px;cursor:pointer}
.tl button.it:focus-visible{outline:2px solid var(--v2ink);outline-offset:3px}
.tl .tl-bar{position:absolute;left:0;right:0;top:30px;height:8px;border-radius:4px}
.tl .it.r .tl-bar{background:linear-gradient(90deg,rgba(31,31,31,.12),#1f1f1f 12%,#1f1f1f 88%,rgba(31,31,31,.12))}
.tl .it.t .tl-bar{top:31px;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(210,191,150,.2),#d2bf96 15%,#d2bf96 85%,rgba(210,191,150,.2))}
.tl .it.on .tl-bar,.tl .it.r.on .tl-bar,.tl .it.t.on .tl-bar{background:linear-gradient(90deg,rgba(176,141,60,.25),#b08d3c 12%,#b08d3c 88%,rgba(176,141,60,.25))}
.tl .lab{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;height:26px}
.tl .it:hover .nm,.tl .it:hover .tn{text-decoration:underline;text-underline-offset:3px}
.tl .th{display:flex}
.tl .th img{width:22px;height:22px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#ddd;object-fit:cover}
.tl .th img:first-child{margin-left:0}
.tl .nm{font:500 13px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--v2ink)}
.tl .tn{font:16px/1 var(--serif);color:var(--v2ink)}
.tl .it.t .lab > img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.tl .ct{font:12.5px/1 var(--caps);color:#7a7a7a}
.tl .it.on .nm,.tl .it.on .tn{color:#7a5c1c}
/* the coin panel: on wide screens the chart narrows beside it so no label stays hidden */
@media (min-width:821px){ .tl.popopen .tl-scroll{padding-right:430px} }
@media (max-width:820px){
  .tl{--tl-lab:0px}
  .tl .tl-scroll{padding:12px 12px 8px}
  .tl .tl-inner{min-width:760px;padding:0 24px}
  .tl .tl-grid{left:24px;right:24px}
  .tl .lane{grid-template-columns:minmax(0,1fr);padding:12px 0 10px}
  .tl .lane-name{position:sticky;left:0;justify-self:start;font-size:18px;margin-bottom:6px;padding-right:0}
  .tl .lane-name small{font-size:9.5px}
  .tl .gl{position:sticky;left:0;display:inline-block;background:#fff;padding-right:6px;z-index:1}
  .tl-key{font-size:12.5px;gap:8px 20px}
}
/* Newsletter sign-up (2 Nov 2026; build_site.newsletter_form, site_src/newsletter.js): footer of every page and the end
   of each coin page's panel. Email only, double opt-in. */
.v2 .nl{margin:0 0 28px;padding:22px 0 20px;border-top:1px solid var(--v2line);border-bottom:1px solid var(--v2line);max-width:560px}
.v2 .nl-h{font:400 19px/1.3 var(--serif);margin:0 0 12px;color:var(--v2ink)}
.v2 .nl-row{display:flex;gap:8px}
.v2 .nl-row input{flex:1 1 auto;min-width:0;height:46px;border:1px solid #9a9a9a;border-radius:4px;background:#fff;color:var(--v2ink);font:17px var(--serif);padding:0 12px;margin:0}
.v2 .nl-row input:focus{border-color:var(--v2ink);box-shadow:0 0 0 1px var(--v2ink);outline:none}
.v2 .nl-row button{flex:none;height:46px;padding:0 18px;border:1px solid var(--v2ink);border-radius:0;background:var(--v2ink);color:#fff;cursor:pointer;
  font:500 11px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase}
.v2 .nl-row button:hover{background:#000}
.v2 .nl-row button[disabled]{opacity:.6;cursor:wait}
.v2 .nl-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.v2 .nl-msg{margin:10px 0 0;font:16px/1.4 var(--serif);color:var(--v2ink)}
.v2 .nl-msg:empty{display:none}
.v2 .nl-fine{margin:8px 0 0;font:13.5px/1.4 var(--serif);color:var(--v2grey)}
.v2 .nl-fine a{color:var(--v2grey)}
.v2 .nl.nl-done .nl-row,.v2 .nl.nl-done .nl-fine{display:none}
.v2 .panel .nl{margin:28px 0 18px;max-width:none}