/* server-rendered pages: /specimen/<n>, /wallet/<address>, /api, 404, terms, privacy */
body.page{background:var(--night)}
.page .bar{position:sticky}
.page-main{padding-top:56px;padding-bottom:96px;min-height:70vh}
.page h1{font-size:clamp(38px,4.4vw,60px);line-height:1.04;font-weight:400;margin:6px 0 16px}
.page .lead{font-size:23px;line-height:1.35;color:var(--ink-2);max-width:780px;margin:0 0 18px}
.page .note{color:var(--ink-2);max-width:760px;margin:0 0 26px}
.sp-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.sp-card canvas{width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--r);box-shadow:0 22px 60px rgba(0,0,0,.55);margin:0}
.sp-card{margin:0}
.data{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 22px}
.data dt{color:var(--ink-3)}
.data dd{margin:0;overflow-wrap:anywhere}
.photo{margin:0 0 24px}
.photo img{width:min(100%,420px);height:auto;max-width:100%;border-radius:var(--r);border:1px solid var(--rule-2)}
.photo figcaption{color:var(--ink-3);font-size:12px;margin-top:6px}
.acts{display:flex;flex-wrap:wrap;gap:8px}
.wallet-page,.api-page{max-width:900px}
.api-scroll{overflow-x:auto}
.api-table{width:100%;border-collapse:collapse;font-size:17px;min-width:640px}
.api-table th,.api-table td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.api-table th{font-family:var(--mono);font-size:12px;color:var(--ink-3);font-weight:400}
.foot-mini{display:flex;flex-wrap:wrap;gap:12px 22px;color:var(--ink-2)}
.foot-mini span{flex-basis:100%;color:var(--ink-3)}
.legal{max-width:760px}
.legal h2{font-size:28px;font-weight:400;margin:34px 0 8px}
.legal p,.legal li{color:var(--ink-2)}
@media (max-width:860px){.sp-grid{grid-template-columns:1fr;gap:28px}}