/* Sketch Pad inner sheets: coin page, launch, docs, stats, log, 404. Same tokens as the main sheet. */
.h-page{margin:0;font:800 clamp(34px,4.4vw,60px)/1 var(--disp);letter-spacing:-.03em}
.sub-h{font:800 26px/1.1 var(--disp);letter-spacing:-.02em;margin:40px 0 16px}
.note{font:400 12px/1.5 var(--mono);margin:12px 0 0;color:var(--lead)}
.specs{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:var(--hair)}
.specs div{padding:10px 12px 10px 0;border-bottom:var(--hair)}
.specs div:nth-child(2n){padding-left:12px;border-left:var(--hair)}
.specs dt{font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.specs dd{margin:4px 0 0;font:700 15px var(--mono);font-variant-numeric:tabular-nums}

/* coin page */
.zone-coin{background-image:linear-gradient(rgba(222,220,211,.95) 1px,transparent 1px),linear-gradient(90deg,rgba(222,220,211,.95) 1px,transparent 1px),linear-gradient(rgba(222,220,211,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(222,220,211,.45) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px}
.coin-head{display:grid;grid-template-columns:200px 1fr;gap:clamp(20px,3vw,44px);align-items:end;margin-bottom:clamp(30px,4vw,50px)}
.coin-art{width:200px;height:200px;image-rendering:pixelated;border:1.5px solid var(--graphite);background:var(--paper)}
.coin-id h1{margin:14px 0 8px;font:800 clamp(52px,7.4vw,120px)/.86 var(--disp);letter-spacing:-.045em;overflow-wrap:anywhere}
.coin-id .cap-line b{font-weight:700;letter-spacing:.12em}
.coin-desc{font:400 17px/1.45 var(--text);margin:10px 0 14px;max-width:56ch}
.coin-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.coin-links .ghost-a{padding:10px 0}
.coin-draw{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-bottom:clamp(40px,5vw,70px)}
.coin-fig{position:relative;margin:0;cursor:crosshair}
.hover-read{position:absolute;transform:translate(12px,-120%);background:var(--paper);border:1px solid var(--graphite);padding:6px 8px;font:400 11px/1.5 var(--mono);letter-spacing:.06em;pointer-events:none;white-space:nowrap}
.coin-draw .callout{padding-top:0;grid-area:auto}
.coin-draw .coin-fig{grid-area:auto}
.coin-draw .specs{margin-top:18px}
.coin-draw .verdict{margin-top:16px}
.zone-trade{background:var(--paper)}
.trade-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.trade-card{border:1.5px solid var(--graphite);padding:20px;background:var(--plate) url(/assets/art/vellum-tile.webp);background-size:512px}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--graphite);margin-bottom:18px}
.seg button{min-height:44px;background:var(--paper);border:0;font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.seg button+button{border-left:1.5px solid var(--graphite)}
.seg button[aria-selected="true"]{background:var(--graphite);color:var(--paper)}
.fld{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.fld input{height:48px;border:1.5px solid var(--graphite);background:var(--paper);padding:0 12px;font:700 18px var(--mono);border-radius:0;color:var(--graphite);width:100%}
.fld input:focus{outline:2px solid var(--chart);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.chips button{min-height:40px;padding:0 12px;border:1px solid var(--graphite);background:var(--paper);font:700 11px var(--mono);letter-spacing:.08em;cursor:pointer}
.chips button:hover{background:var(--graphite);color:var(--paper)}
.trade-go{margin:18px 0 0 34px}
.trade-why .copy{font-size:var(--fs-20);line-height:1.35;margin-bottom:22px}
.trade-why .specs{margin-bottom:14px}
.tb-coin{margin:0 0 clamp(36px,5vw,64px) auto}
.zone-days{background-color:var(--paper);background-image:linear-gradient(rgba(222,220,211,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(222,220,211,.8) 1px,transparent 1px);background-size:12px 12px;padding-bottom:clamp(40px,5vw,72px)}

/* launch */
.zone-launch{background-color:var(--paper);background-image:linear-gradient(rgba(222,220,211,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(222,220,211,.8) 1px,transparent 1px);background-size:12px 12px}
.launch{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.steps-form{list-style:none;margin:0;padding:0;border-top:var(--hair)}
.steps-form>li{padding:18px 0 22px;border-bottom:var(--hair)}
.steps-form>li>.cap{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.steps-form .n{width:26px;height:26px;border-radius:50%;border:1px solid var(--graphite);display:grid;place-items:center;font:800 13px var(--disp)}
.steps-form>li:first-child{display:grid;grid-template-columns:2fr 1fr;column-gap:16px}
.steps-form>li:first-child>.cap{grid-column:1/-1}
.drop{display:block;border:1.5px dashed var(--graphite);background:var(--plate);padding:22px;cursor:pointer;margin-bottom:14px;position:relative}
.drop input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden}
.drop:focus-within{outline:2px solid var(--chart);outline-offset:2px}
.drop-in{display:flex;flex-direction:column;gap:4px}
.drop-in b{font:700 13px var(--mono);letter-spacing:.08em}
.drop-in span{font:400 12px var(--mono);color:var(--lead)}
.adv summary{cursor:pointer;font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:10px 0;min-height:44px;display:flex;align-items:center}
.still{font:400 12px/1.5 var(--mono);margin:6px 0 18px}
.steps-form .tag{margin-left:34px}
.preview .entry{margin:12px 0 18px}
.preview .entry:hover{transform:none}

/* docs */
.docs-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.toc{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;border-top:var(--hair)}
.toc a{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:9px 0;border-bottom:var(--hair)}
.toc a:hover{color:var(--chart)}
.doc{max-width:860px}
.doc h2{font:800 30px/1.1 var(--disp);letter-spacing:-.02em;margin:48px 0 14px;scroll-margin-top:16px}
.doc h2:first-child{margin-top:0}
.doc p,.doc li,.doc dd{font:400 16px/1.6 var(--text)}
.doc ul,.doc ol{padding-left:22px}
.doc code{background:var(--plate);padding:1px 5px}
.formula li{margin-bottom:6px}
.formula-line{overflow-x:auto;padding:12px;border:1.5px solid var(--graphite);background:var(--paper)}
.formula-line code{background:none}
.spec{width:100%;border-collapse:collapse;margin:14px 0;font:400 14px/1.45 var(--text)}
.spec th{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:9px 10px;border-bottom:1.5px solid var(--graphite)}
.spec td{padding:9px 10px;border-bottom:var(--hair);vertical-align:top}
.spec .num{font:700 13px var(--mono);white-space:nowrap}
.doc .spec code{font-size:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.two>div{border:1.5px solid var(--graphite);padding:16px 18px}
.faq dt{font:800 19px/1.2 var(--disp);margin-top:18px}
.faq dd{margin:6px 0 0}
.doc .ca{font-size:13px}

/* stats + log */
.killer{display:flex;flex-direction:column;gap:10px;margin:0 0 40px}
.killer b{font:800 clamp(80px,13vw,200px)/.85 var(--disp);letter-spacing:-.05em;color:var(--chart);font-variant-numeric:tabular-nums}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:var(--hair);border-left:var(--hair)}
.stat-grid div{padding:16px;border-right:var(--hair);border-bottom:var(--hair)}
.stat-grid dt{font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.stat-grid dd{margin:6px 0 0;font:800 36px var(--disp);font-variant-numeric:tabular-nums}
.log{list-style:none;margin:0;padding:0;border-top:var(--hair)}
.log>li{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:18px 0;border-bottom:var(--hair)}
.log .rv{font:800 34px/1 var(--disp)}
.log h2{font:800 26px/1.1 var(--disp);margin:6px 0 8px}
.log ul{margin:0;padding-left:20px}
.log ul li{font:400 15px/1.55 var(--text)}

/* 404 */
.lost{padding-bottom:clamp(60px,8vw,120px)}
.lost-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.four{width:min(520px,100%);height:auto;margin:14px 0 18px;overflow:visible}
.four .hw{fill:none;stroke:var(--graphite);stroke-width:5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;animation:hw 2.2s steps(40) .2s forwards}
.four .dimh path{fill:none;stroke:var(--graphite);stroke-width:1.2}
@keyframes hw{to{stroke-dashoffset:0}}
.lost .h-page{margin-bottom:12px;max-width:16ch}
.lost .copy{margin-bottom:24px}
.lost .tag{margin-left:34px}
.eraser{mix-blend-mode:multiply;width:100%}

@media (max-width:980px){
  .coin-draw,.trade-grid,.launch,.docs-grid,.lost-grid{grid-template-columns:1fr}
  .toc{position:static;display:none}
  .two{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .coin-head{grid-template-columns:1fr;align-items:start}
  .coin-art{width:140px;height:140px}
  .specs{grid-template-columns:1fr}
  .specs div:nth-child(2n){padding-left:0;border-left:0}
  .steps-form>li:first-child{grid-template-columns:1fr}
  .spec{font-size:13px}
  .spec th,.spec td{padding:8px 6px}
  .doc .spec{display:block;overflow-x:auto}
  .zone-days{padding-bottom:60px}
}
@media (prefers-reduced-motion:reduce){.four .hw{stroke-dashoffset:0}}
.adv:not([open]) > .fld{display:none}
.chips{cursor:pointer}.coin-fig{cursor:crosshair}
.coin-desc{min-height:1.45em}.coin-id .cap-line{min-height:1.5em}