/* Live panels on the Bitcoin network pages (/bitcoin/…). Uses the tokens from app.css. */
.live{margin:22px 0 6px;padding:20px;border-radius:28px;background:var(--tint-2,var(--tint));box-shadow:var(--press);container-type:inline-size}
.live-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.live-h .cap{margin:0!important}
.live .big{margin:6px 0 4px}
.live .kv{margin-top:8px}
.live .note{margin-top:10px}
.prog{height:14px;border-radius:99px;background:var(--card);box-shadow:var(--press);overflow:hidden;margin:12px 0 6px}
.prog i{display:block;height:100%;width:0;border-radius:99px;background:var(--coral)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@container (max-width:560px){.grid2{grid-template-columns:1fr}}
.est{container-type:inline-size;margin-top:14px}
.est .fields{grid-template-columns:1fr 1fr}
@container (max-width:480px){.est .fields{grid-template-columns:1fr}}
.est .result{margin-top:14px}
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:14px;list-style:none!important;padding:0!important}
.hub a{display:block;height:100%;padding:16px 18px;border-radius:22px;background:var(--card);box-shadow:var(--clay-sm);color:var(--ink);text-decoration:none}
.hub a:hover{transform:translateY(-2px)}
.hub b{display:block;font:600 1rem/1.25 var(--display);margin:6px 0}
.hub span{font-size:14px;color:var(--ink-2)}
.gl dt{font:600 1rem/1.3 var(--display);margin-top:20px;scroll-margin-top:16px}
.gl dd{margin:6px 0 0;max-width:68ch}
.gl-az{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.gl-az a{font:500 13px/1 var(--mono);padding:8px 10px;border-radius:12px;background:var(--tint);text-decoration:none;color:var(--ink)}
.toc{margin:18px 0 0;padding:14px 18px;border-radius:22px;background:var(--tint);font-size:14.5px}
.toc ol{list-style:decimal;padding-left:1.3em;display:grid;gap:4px;margin-top:6px}
.doc ol.steps{list-style:decimal;padding-left:1.3em;display:grid;gap:8px;margin-top:8px}
.crumbs{font-size:13.5px;color:var(--ink-2);margin:0 6px 12px}
.crumbs a{color:var(--ink-2)}
