/* ============================================================
   TNTM Market Maps — "warm ledger" template (v2)
   Shared across all chip-schema maps. Paired with /map.js.
   ============================================================ */
:root{
  --paper:#f4ede1; --paper-2:#fbf8f1; --white:#ffffff;
  --ink:#2e1f12; --ink-80:#4a3728; --ink-70:#5c4a3a; --ink-60:#7a6555;
  --ink-50:#96826e; --ink-40:#b3a08d; --ink-30:#d1c4b5;
  --amber:#d97706; --amber-deep:#b45309; --amber-glow:#fbbf24; --rust:#9a3412;
  --rule:rgba(46,31,18,.16); --rule-soft:rgba(46,31,18,.07);
  --shadow-soft:0 1px 2px rgba(46,31,18,.05), 0 6px 18px rgba(46,31,18,.07);
  --shadow-hover:0 6px 22px rgba(180,83,9,.20), 0 2px 6px rgba(46,31,18,.10);
  --serif:'Fraunces',Georgia,serif;
  --mono:'Spline Sans Mono',ui-monospace,Menlo,monospace;
  --accent:var(--amber); --accent-deep:var(--amber-deep);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased; scroll-behavior:smooth}
body{
  font-family:var(--mono); background:var(--paper); color:var(--ink); font-size:15px; line-height:1.5; position:relative;
  background-image:
    radial-gradient(circle at 18% -2%, rgba(251,191,36,.13), transparent 46%),
    radial-gradient(circle at 88% 8%, rgba(217,119,6,.08), transparent 42%),
    radial-gradient(circle at 50% 120%, rgba(154,52,18,.06), transparent 55%);
  background-attachment:fixed;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
}
.wrap{position:relative; z-index:1; max-width:1180px; margin:0 auto; padding:0 32px}

/* HUB LINK */
.hub-link{ position:fixed; top:12px; left:12px; z-index:40; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-60); background:rgba(251,248,241,.9); backdrop-filter:blur(6px); padding:7px 12px; border:1px solid var(--rule); border-radius:999px; text-decoration:none; transition:all .15s }
.hub-link:hover{ color:var(--amber-deep); border-color:var(--amber); transform:translateY(-1px) }

/* MASTHEAD */
.ledger-top{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-60); padding:16px 0 11px; border-bottom:1px solid var(--rule); }
.brand{ font-family:var(--mono); font-weight:700; font-size:14px; letter-spacing:.22em; text-transform:uppercase; color:var(--ink); text-decoration:none; display:inline-flex; align-items:baseline; gap:9px }
.brand::before{ content:"●"; color:var(--amber); font-size:10px; transform:translateY(-1px) }
.brand:hover{ color:var(--amber-deep) }
#ed-right{ text-align:right; color:var(--amber-deep); font-weight:600 }
.masthead{ padding:30px 0 0 }
.masthead h1{ font-family:var(--serif); font-weight:600; font-optical-sizing:auto; font-size:clamp(38px,5.5vw,64px); line-height:.98; letter-spacing:-.015em; color:var(--ink); max-width:15ch; font-variation-settings:"SOFT" 0,"WONK" 1; }
.masthead h1 em{ font-style:italic; color:var(--amber-deep); }
.masthead h1 .num{ font-style:normal; font-weight:700; font-size:1.4em; letter-spacing:-.02em; line-height:.9; }
.lede{ font-family:var(--serif); font-size:clamp(16px,1.8vw,19px); line-height:1.45; color:var(--ink-70); max-width:56ch; margin:16px 0 0; font-weight:400; }
.meta-strip{ display:flex; flex-wrap:wrap; margin:22px 0 0; border-top:2px solid var(--ink); border-bottom:1px solid var(--ink); }
.meta-cell{ padding:11px 24px 11px 0; margin-right:24px; border-right:1px solid var(--rule); }
.meta-cell:last-child{border-right:none}
.meta-num{ font-family:var(--serif); font-size:30px; font-weight:600; color:var(--amber-deep); line-height:1 }
.meta-lab{ font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-50); margin-top:6px }

/* TOOLBAR */
.toolbar{ position:sticky; top:0; z-index:20; background:var(--paper); backdrop-filter:blur(6px); border-bottom:2px solid var(--ink); padding:14px 0; display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.search{ position:relative; flex:1; min-width:240px }
.search input{ width:100%; font-family:var(--mono); font-size:14px; color:var(--ink); background:transparent; border:none; border-bottom:1.5px solid var(--ink-30); padding:8px 60px 8px 22px; outline:none; transition:border-color .2s; }
.search input::placeholder{ color:var(--ink-40); letter-spacing:.02em }
.search input:focus{ border-bottom-color:var(--amber) }
.search::before{ content:"\2315"; position:absolute; left:0; top:6px; font-size:18px; color:var(--ink-50); transition:color .2s }
.search:focus-within::before{ color:var(--amber-deep) }
.search .rc{ position:absolute; right:0; top:9px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--amber-deep); font-weight:600 }
.tabs{ display:flex; gap:4px; flex-wrap:wrap }
.tab{ font-family:var(--mono); font-size:12px; font-weight:500; color:var(--ink-60); background:none; border:none; cursor:pointer; padding:7px 13px; border-radius:999px; border-bottom:2px solid transparent; transition:all .15s; white-space:nowrap; }
.tab sup{ color:var(--ink-40); font-size:9px; margin-left:3px }
.tab:hover{ color:var(--ink); background:rgba(217,119,6,.10) }
.tab.active{ color:var(--white); background:var(--ink); border-bottom-color:var(--amber) }
.tab.active sup{ color:var(--amber-glow) }

/* TOP CTA — full-width waitlist banner + demoted add-company */
.cta-banner{ margin:18px 0 6px; background:linear-gradient(100deg,var(--amber-deep) 0%,var(--rust) 100%); box-shadow:var(--shadow-soft); }
.cta-banner-in{ padding:17px 24px; display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap; }
.cta-banner-txt{ font-family:var(--mono); font-size:13px; line-height:1.5; color:#fdf1dc; max-width:78ch; }
.cta-banner-txt b{ color:#fff; font-weight:700; }
.cta-banner-btn{ font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); background:var(--amber-glow); border:2px solid var(--amber-glow); padding:13px 24px; text-decoration:none; white-space:nowrap; transition:all .15s; box-shadow:0 6px 16px rgba(0,0,0,.16); }
.cta-banner-btn:hover{ background:#fff; border-color:#fff; transform:translateY(-1px); }
@media(max-width:640px){ .cta-banner-in{ padding:15px 18px; gap:14px } .cta-banner-btn{ width:100%; text-align:center } }
.addco{ margin:34px 0 4px; padding-top:20px; border-top:1px solid var(--rule-soft); display:flex; gap:14px; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center }
.addco span{ font-family:var(--mono); font-size:12px; color:var(--ink-50) }
.addco-link{ font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-60); background:none; border:1px solid var(--rule); border-radius:999px; padding:8px 16px; cursor:pointer; transition:all .15s }
.addco-link:hover{ color:var(--amber-deep); border-color:var(--amber); background:var(--paper-2) }

/* BUCKETS (contribute / waitlist) */
.buckets{ margin:18px 0 10px; display:grid; grid-template-columns:1fr 1fr; gap:10px }
.contribute{ display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:16px 18px; border:1px solid var(--rule); background:var(--paper-2); border-left:3px solid var(--ink-40); transition:box-shadow .18s, transform .18s; }
.contribute:hover{ box-shadow:var(--shadow-soft); transform:translateY(-1px) }
.contribute.invest{ border-color:rgba(217,119,6,.4); border-left-color:var(--amber); background:#fbf3df }
.contribute p{ font-family:var(--mono); font-size:12.5px; color:var(--ink-70) }
.contribute b{ color:var(--ink); font-weight:700 }
.btn-ghost{ font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink); background:none; border:1.5px solid var(--ink); padding:9px 18px; cursor:pointer; transition:all .15s; white-space:nowrap; }
.btn-ghost:hover{ background:var(--ink); color:var(--paper); transform:translateY(-1px) }
.btn-solid{ font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--white); background:var(--amber-deep); border:1.5px solid var(--amber-deep); padding:9px 18px; cursor:pointer; transition:all .15s; text-decoration:none; white-space:nowrap; box-shadow:var(--shadow-soft); }
.btn-solid:hover{ background:var(--rust); transform:translateY(-1px); box-shadow:var(--shadow-hover) }

/* CHAPTERS */
.chapter{ border-top:1px solid var(--ink) }
.chapter:first-of-type{ margin-top:8px }
.ch-head{ display:flex; align-items:baseline; gap:18px; cursor:pointer; padding:20px 2px; user-select:none; transition:padding-left .2s; }
.ch-head:hover{ padding-left:8px }
.ch-no{ font-family:var(--mono); font-size:12px; font-weight:700; color:var(--amber-deep); letter-spacing:.1em; width:40px; flex-shrink:0; transition:color .15s }
.ch-name{ font-family:var(--serif); font-size:clamp(22px,3vw,30px); font-weight:600; color:var(--ink); letter-spacing:-.01em; line-height:1; transition:color .15s }
.ch-emoji{ font-size:.82em; margin-right:12px; -webkit-text-fill-color:initial }
.ch-head:hover .ch-name{ color:var(--amber-deep) }
.ch-leader{ flex:1; border-bottom:1px dotted var(--ink-30); transform:translateY(-4px) }
.ch-count{ font-family:var(--mono); font-size:11px; font-weight:600; color:var(--ink-70); letter-spacing:.04em; flex-shrink:0; background:rgba(46,31,18,.06); padding:3px 9px; border-radius:999px }
.ch-head:hover .ch-count{ background:rgba(217,119,6,.16); color:var(--amber-deep) }
.ch-toggle{ font-family:var(--mono); color:var(--ink-40); font-size:13px; width:18px; text-align:right; flex-shrink:0; transition:transform .25s,color .15s }
.ch-head:hover .ch-toggle{ color:var(--amber-deep) }
.ch-head.collapsed .ch-toggle{ transform:rotate(-90deg) }
.ch-body{ padding:0 0 24px 58px }
.ch-body.collapsed{ display:none }
.entries{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:0 }

/* SUB-GROUPS */
.subgroup{ margin-top:18px }
.subgroup:first-child{ margin-top:4px }
.sub-head{ display:flex; align-items:baseline; gap:10px; margin:0 0 6px; }
.sub-name{ font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--amber-deep); white-space:nowrap }
.sub-rule{ flex:1; border-bottom:1px dotted var(--ink-30); transform:translateY(-3px); min-width:8px }
.sub-count{ font-family:var(--mono); font-size:10px; font-weight:600; color:var(--ink-50); flex-shrink:0 }

/* ENTRIES */
a.entry{ display:flex; align-items:baseline; gap:8px; text-decoration:none; color:var(--ink-80); padding:9px 12px 9px 14px; border-bottom:1px solid var(--rule-soft); border-left:2px solid transparent; transition:background .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s; position:relative; }
a.entry .nm{ font-family:var(--mono); font-size:13.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
a.entry .dots{ flex:1; border-bottom:1px dotted var(--ink-30); transform:translateY(-3px); min-width:8px }
a.entry .mark{ font-family:var(--mono); font-size:10px; font-weight:700; color:var(--ink-40); transition:color .14s,background .14s; border:1px solid var(--rule); border-radius:4px; padding:1px 5px; line-height:1.4 }
a.entry:hover{ background:var(--paper-2); border-left-color:var(--amber); color:var(--ink); transform:translateX(2px); box-shadow:var(--shadow-soft); z-index:2 }
a.entry:hover .nm{ color:var(--amber-deep); font-weight:600 }
a.entry:hover .mark{ color:var(--white); background:var(--amber); border-color:var(--amber) }
a.entry.hit{ background:#fdf3df; border-left-color:var(--amber) }
a.entry.hit .nm{ color:var(--amber-deep); font-weight:700 }
/* states */
a.entry.closed .nm{ text-decoration:line-through; color:var(--ink-50) }
a.entry.acquired{ opacity:.72 }
a.entry.acquired .nm{ color:var(--ink-60) }
a.entry.unverified .nm{ text-decoration:underline dotted; text-underline-offset:3px; text-decoration-color:var(--ink-40) }
/* hover note */
a.entry .note{ display:none; position:absolute; left:14px; right:12px; top:100%; z-index:5; background:var(--ink); border:none; border-left:3px solid var(--amber); padding:9px 12px; margin-top:2px; border-radius:2px; box-shadow:0 12px 30px rgba(46,31,18,.30); }
a.entry .note .note-desc{ display:block; font-family:var(--serif); font-style:italic; font-size:13px; line-height:1.4; color:#efe7d4 }
a.entry .note .note-meta{ display:block; font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--amber-glow); margin-top:6px }
a.entry .note .badge{ color:#2e1f12; background:var(--amber-glow); border-radius:3px; padding:1px 5px; margin-right:6px }
a.entry:hover .note{ display:block }

/* LOCKED ZONE */
.locked-zone{ position:relative; margin-top:8px; min-height:420px; overflow:hidden }
.locked-zone .veiled{ pointer-events:none; user-select:none; max-height:380px; overflow:hidden; filter:blur(6px) saturate(.6); opacity:.45;
  -webkit-mask-image:linear-gradient(to bottom, #000 0, transparent 360px); mask-image:linear-gradient(to bottom, #000 0, transparent 360px); }
.unlock-panel{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(560px,calc(100% - 24px)); background:var(--white); border:1.5px solid var(--ink); box-shadow:0 28px 70px rgba(46,31,18,.28); padding:30px 34px 28px; text-align:left; z-index:6; border-top:4px solid var(--amber); }
.unlock-panel .ul-kicker{ display:flex; align-items:center; gap:9px; font-family:var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--amber-deep); padding-bottom:14px; margin-bottom:16px; border-bottom:1px solid var(--rule); }
.unlock-panel .ul-kicker .lk{ display:inline-flex; width:22px; height:22px; border-radius:50%; background:var(--amber); color:var(--white); align-items:center; justify-content:center; font-size:11px }
.unlock-panel h3{ font-family:var(--serif); font-size:28px; font-weight:600; line-height:1.08; color:var(--ink); letter-spacing:-.01em; margin-bottom:8px }
.unlock-panel h3 em{ font-style:italic; color:var(--amber-deep) }
.unlock-panel .ul-sub{ font-family:var(--mono); font-size:12.5px; color:var(--ink-70); line-height:1.55; margin-bottom:20px }
.unlock-form{ display:flex; gap:0; border:1.5px solid var(--ink); }
.unlock-form input{ flex:1; font-family:var(--mono); font-size:14px; color:var(--ink); background:var(--paper-2); border:none; padding:14px 16px; outline:none; min-width:0; }
.unlock-form input::placeholder{ color:var(--ink-40) }
.unlock-form button{ font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--white); background:var(--amber-deep); border:none; padding:14px 22px; cursor:pointer; white-space:nowrap; transition:background .15s; }
.unlock-form button:hover{ background:var(--rust) }
.unlock-panel .ul-err{ color:var(--rust); font-size:12px; margin-top:8px; min-height:1em }
.unlock-panel .ul-fine{ font-family:var(--mono); font-size:10.5px; color:var(--ink-40); margin-top:13px; letter-spacing:.03em }
body.unlocked .locked-zone .veiled{ -webkit-mask-image:none; mask-image:none; filter:none; pointer-events:auto }
body.unlocked .unlock-panel{ display:none }

/* WAITLIST BAND (replaces booking) */
.waitband{ background:var(--ink); color:var(--paper); margin-top:42px; position:relative; z-index:1; }
.waitband .wb-wrap{ max-width:1180px; margin:0 auto; padding:56px 32px 60px; display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.wb-intro .kicker{ font-family:var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--amber-glow); margin-bottom:16px; }
.wb-intro h2{ font-family:var(--serif); font-weight:600; font-size:clamp(30px,4vw,48px); line-height:1.04; letter-spacing:-.02em; color:var(--white); margin-bottom:18px; }
.wb-intro h2 em{ font-style:italic; color:var(--amber-glow); }
.wb-intro p{ font-family:var(--mono); font-size:13.5px; line-height:1.6; color:rgba(246,241,231,.80); margin-bottom:14px; max-width:52ch }
.wb-list{ margin-top:20px; display:flex; flex-wrap:wrap; gap:8px; }
.wb-list span{ background:rgba(246,241,231,.06); border:1px solid rgba(246,241,231,.14); padding:6px 11px; border-radius:999px; font-family:var(--mono); font-size:12px; color:rgba(246,241,231,.9); }
.wb-cta{ text-align:left; }
.wb-cta .wb-btn{ display:inline-block; font-family:var(--mono); font-size:14px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); background:var(--amber-glow); border:2px solid var(--amber-glow); padding:18px 30px; text-decoration:none; transition:all .16s; box-shadow:0 10px 30px rgba(251,191,36,.22); }
.wb-cta .wb-btn:hover{ background:#fff; border-color:#fff; transform:translateY(-2px) }
.wb-cta .wb-fine{ font-family:var(--mono); font-size:11px; color:rgba(246,241,231,.55); margin-top:14px; letter-spacing:.03em }
@media(max-width:820px){ .waitband .wb-wrap{ grid-template-columns:1fr; gap:26px; padding:40px 20px 46px } }
/* embedded scorecard variant: intro on top, full-width iframe below */
.waitband.embed .wb-wrap{ grid-template-columns:1fr; gap:26px; align-items:start }
.wb-intro .open-link{ display:inline-block; margin-top:18px; font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--amber-glow); text-decoration:none; border-bottom:1px solid rgba(251,191,36,.5); padding-bottom:3px }
.wb-intro .open-link:hover{ color:#fff; border-color:#fff }
.wb-embed{ background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 24px 60px rgba(46,31,18,.34); border:1px solid rgba(0,0,0,.06) }
.wb-embed iframe{ display:block; width:100%; height:840px; border:0; background:#fff }
@media(max-width:720px){ .wb-embed iframe{ height:760px } }

/* FOOTER */
.foot{ padding:34px 0 80px; margin-top:30px; border-top:2px solid var(--ink) }
.foot .foot-lead{ font-family:var(--mono); font-size:12.5px; line-height:1.6; color:var(--ink-70); max-width:60ch }
.foot .foot-lead a{ font-weight:700; letter-spacing:.06em; color:var(--amber-deep); text-decoration:none }
.foot .foot-lead a:hover{ color:var(--rust) }
.foot .foot-readers{ font-family:var(--mono); font-size:11px; color:var(--ink-40); margin-top:8px }
.foot-links{ display:flex; gap:22px; margin-top:18px; flex-wrap:wrap }
.foot-links a{ font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-60); text-decoration:none; border-bottom:1px solid var(--rule); padding-bottom:3px; transition:color .15s,border-color .15s }
.foot-links a:hover{ color:var(--amber-deep); border-color:var(--amber) }

/* SUBMIT MODAL */
.overlay{ position:fixed; inset:0; z-index:60; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(46,31,18,.5) }
.overlay[hidden]{ display:none }
.card{ position:relative; background:var(--paper-2); border:1.5px solid var(--ink); border-top:4px solid var(--amber); max-width:430px; width:100%; box-shadow:0 30px 70px rgba(46,31,18,.4); }
.card-inner{ padding:38px 34px 30px }
.card .kicker{ font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--amber-deep); border-bottom:1px solid var(--rule); padding-bottom:12px; margin-bottom:18px }
.card h2{ font-family:var(--serif); font-size:30px; font-weight:600; line-height:1.05; color:var(--ink); margin-bottom:12px; letter-spacing:-.01em }
.card h2 em{ font-style:italic; color:var(--amber-deep) }
.card p{ font-family:var(--mono); font-size:13px; line-height:1.55; color:var(--ink-70); margin-bottom:22px }
.card form{ display:flex; flex-direction:column; gap:10px }
.card input,.card select{ font-family:var(--mono); font-size:14px; color:var(--ink); background:var(--white); border:1px solid var(--ink-30); padding:13px 14px; outline:none; }
.card input:focus,.card select:focus{ border-color:var(--amber) }
.card button[type=submit]{ font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--white); background:var(--amber-deep); border:none; padding:14px; cursor:pointer; transition:background .15s; margin-top:4px; }
.card button[type=submit]:hover{ background:var(--rust) }
.card .hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0 }
.fineprint{ font-family:var(--mono); font-size:10.5px; color:var(--ink-40); margin-top:14px }
.x{ position:absolute; top:12px; right:14px; background:none; border:none; font-family:var(--mono); font-size:20px; color:var(--ink-40); cursor:pointer }
.x:hover{ color:var(--amber-deep) }

/* touch: tap an entry to reveal its brief (no hover on phones) */
a.entry.tap-open{ background:var(--paper-2); border-left-color:var(--amber); z-index:3 }
a.entry.tap-open .nm{ color:var(--amber-deep); font-weight:600 }
a.entry.tap-open .mark{ color:var(--white); background:var(--amber); border-color:var(--amber) }
a.entry.tap-open .note{ display:block }

@media(max-width:820px){
  /* back-link joins the flow instead of floating over the header/search */
  .hub-link{ position:static; display:inline-block; margin:12px 0 -4px 20px }
  /* tabs become one horizontally-scrollable row instead of a tall wrapped block */
  .tabs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; max-width:100%; padding-bottom:2px; -webkit-overflow-scrolling:touch }
  .tabs::-webkit-scrollbar{ display:none }
}
@media(max-width:720px){
  .wrap{padding:0 20px} .ch-body{padding-left:0} .ch-no{width:auto}
  .unlock-form{flex-direction:column} .buckets{grid-template-columns:1fr}
  .ledger-top{ padding-top:6px }
  .masthead{ padding-top:22px }
  .masthead h1{ font-size:clamp(30px,8.5vw,40px) }
  .meta-cell{ padding:9px 16px 9px 0; margin-right:16px }
  .meta-num{ font-size:25px }
  .toolbar{ gap:10px }
  .search{ min-width:100% }
  a.entry{ padding-left:12px }
  a.entry .note{ left:0; right:0 }
  .unlock-panel{ padding:24px 22px 22px }
  .unlock-panel h3{ font-size:24px }
  .wb-intro h2{ font-size:clamp(28px,8vw,40px) }
}