/* Tokenomics sheet: the landing page's paper and type, set as a document that scrolls normally. */
body.doc{overflow:auto}
.bar-doc{mix-blend-mode:normal;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--ink)}
.bar-doc .swatch{background:var(--ink)}
.sheet{max-width:1180px;margin:0 auto;padding:110px var(--gutter) 40px;display:grid;gap:64px}
.doc-head{display:grid;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--ink)}
.doc-head .display{font-size:clamp(56px,10vw,168px);margin-left:-.04em}
.doc-head .facts{padding-top:18px;border-top:1px solid var(--ink);flex-wrap:wrap}
.note{font-size:13px;line-height:1.4;max-width:60em;padding:10px 12px;border:1px solid var(--ink)}
section{display:grid;gap:18px;scroll-margin-top:64px}
.title{display:flex;gap:16px;align-items:baseline;font-size:clamp(32px,4.4vw,64px)}
.title .num{font:400 13px var(--mono);flex:none;position:relative;top:-.15em}
h3{font:400 clamp(22px,2.2vw,30px)/1.05 var(--serif);letter-spacing:-.02em;margin:16px 0 0}
.body{max-width:44em}
.ledger-table{width:100%;border-collapse:collapse;border-top:1px solid var(--ink);font-size:14px;line-height:1.35}
.ledger-table th{font:400 11.5px var(--mono);text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--ink);vertical-align:bottom}
.ledger-table td{padding:10px 12px 10px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);vertical-align:top;font-variant-numeric:tabular-nums}
.ledger-table td b{font:400 20px/1.05 var(--serif);letter-spacing:-.01em;display:block}
.ledger-table td span{display:block;font-size:12.5px;color:color-mix(in srgb,var(--ink) 70%,transparent);margin-top:3px}
.ledger-table tr.total td{border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:12px}
.ledger-table.compact td,.ledger-table.compact th{padding-top:6px;padding-bottom:6px}
.bars{display:flex;height:22px;border:1px solid var(--ink)}
.bars i{flex:0 0 var(--w);display:grid;place-items:center;font:400 11px var(--mono);border-right:1px solid var(--ink);background:color-mix(in srgb,var(--spot) 14%,transparent)}
.bars i:nth-child(2){background:color-mix(in srgb,var(--spot) 38%,transparent)}.bars i:nth-child(3){background:var(--spot);color:#fff}.bars i:last-child{border-right:0;background:none}
.ideas{counter-reset:idea;max-width:60em;border-top:1px solid var(--ink)}
.ideas li{counter-increment:idea;position:relative;padding:14px 0 14px 44px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:15px;line-height:1.4}
.ideas li::before{content:counter(idea,decimal-leading-zero);font:400 13px var(--mono);position:absolute;left:0;top:20px}
.ideas li b{font:400 22px/1.05 var(--serif);letter-spacing:-.01em;display:block;margin-bottom:4px}
.ideas em{font-style:italic}
.open{max-width:60em;border-top:1px solid var(--ink)}
.open li{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:15px;line-height:1.4}
.open li b{font-weight:700}
.sheet .foot{margin-top:12px}.sheet .foot a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){
  .sheet{padding-top:84px;gap:44px}.title{flex-direction:column;gap:6px}
  .ledger-table{font-size:13px}.ledger-table td b{font-size:17px}
  .ideas li{padding-left:30px}
}