/* Sova. Night indigo, bluish panels, warm ink, one amber accent for the owl's eyes.
   Every colour, font and radius is a token here. */

:root {
  color-scheme: dark;
  --bg: #050505;
  --tile: #0d0d0d;
  --tile-2: #0a0a0a;
  --panel: radial-gradient(120% 80px at 50% 0%, rgba(252,137,46,.07), rgba(252,137,46,0) 100%), linear-gradient(180deg, #0f0e0d, #0a0a0a);
  --panel-shadow: inset 0 1px 0 rgba(255,219,176,.05), 0 24px 60px rgba(0,0,0,.5);
  --line: rgba(255,219,176,.09);
  --line-2: rgba(255,219,176,.15);
  --ink: #f3ede4;
  --ink-2: #9a918a;
  --muted: #8b847c;
  --amber: #fc892e;
  --amber-soft: #ffdbb0;
  --amber-deep: #a84119;
  --good: #7ad39a;
  --warn: #fc892e;
  --bad: #ff7a66;

--font-head: 'Michroma', 'Geist', system-ui, sans-serif;
  --font-text: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  --step--2: 0.72rem;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.15rem;
  --step-2: 1.5rem;
  --step-3: clamp(1.9rem, 3.6vw, 2.8rem);
  --step-4: clamp(2.7rem, 6.4vw, 4.9rem);

  --gutter: 16px;
  --radius: 0px;
  --gap: 10px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 96px; background: var(--bg); }
body { margin: 0; color: var(--ink); background: var(--bg); font: 400 var(--step-0)/1.6 var(--font-text); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: var(--ink); text-underline-offset: 3px; text-decoration-color: var(--line-2); }
a:hover { text-decoration-color: var(--amber); }
:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }
button { font: inherit; }
::selection { background: var(--amber-deep); color: var(--ink); }

h1, h2, h3 { font-family: var(--font-head); margin: 0; color: var(--ink); font-weight: 500; }
h1 { font-size: clamp(1.9rem, 4.2vw, 3.3rem); line-height: 1.08; letter-spacing: -0.01em; font-weight: 400; }
h1 .tone, h2 .tone { color: var(--ink-2); display: block; }
h2 { font-size: clamp(1.4rem, 2.6vw, 2.1rem); line-height: 1.15; letter-spacing: -0.01em; font-weight: 400; }
h3 { font-size: 0.98rem; font-weight: 400; letter-spacing: 0; }
p { margin: 0; max-width: 64ch; }

.wrap { max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter); }
@media (min-width: 1500px) { .wrap { max-width: 1440px; } }
@media (min-width: 1800px) { .wrap { max-width: 1600px; } }
@media (min-width: 760px) { :root { --gutter: 28px; } }

.mono { font-family: var(--font-mono); font-size: var(--step--2); letter-spacing: 0.02em; color: var(--muted); }
.muted { color: var(--muted); }
.small { font-size: var(--step--1); }
.ok { color: var(--good); } .bad { color: var(--bad); } .warn { color: var(--warn); }
.amber { color: var(--amber); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* header */
.topbar { position: sticky; top: 0; z-index: 20; padding-top: 14px; padding-bottom: 14px; background: linear-gradient(rgba(5,5,5,.92) 60%, rgba(5,5,5,0)); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.bar { display: flex; align-items: center; gap: 8px; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 400 1rem/1 var(--font-head); letter-spacing: 0.06em; text-transform: uppercase; padding: 6px 14px 6px 0; height: 44px; }
.brand svg, .brand img { width: 30px; height: 30px; }
.nav { display: flex; gap: 2px; padding: 4px; height: 44px; align-items: center; margin: 0 auto; }
.nav a { font: 400 0.95rem/1 var(--font-text); color: var(--muted); text-decoration: none; padding: 10px 14px; border-radius: 0; }
.nav a:hover { color: var(--ink); }
.nav a[aria-current='page'] { color: var(--ink); background: rgba(252,137,46,.12); }
.bar .end { display: flex; gap: 8px; align-items: center; }
@media (max-width: 860px) {
  .bar .end { margin-left: auto; }
  .nav { display: none; }
  .bar { flex-wrap: wrap; }
  .nav[aria-label='App'] { display: flex; order: 3; width: 100%; }
  .topbar:has(.nav[aria-label='App']) { background: var(--bg); }
  .nav[aria-label='App'] a { flex: 1; text-align: center; padding: 10px 6px; }
}
@media (max-width: 520px) { .bar .end .btn:not(.gloss):not(.icon) { display: none; } }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; height: 44px; padding: 0 16px; border-radius: 0; border: 1px solid rgba(236,233,225,.16); font: 500 var(--step--1)/1 var(--font-text); letter-spacing: -0.01em; text-decoration: none; cursor: pointer; background: transparent; color: var(--ink); }
.btn:hover { background: rgba(236,233,225,.05); border-color: var(--line-2); }
.btn.gloss { background: linear-gradient(100deg, #ffdbb0 0%, #fc892e 45%, #e06a20 100%); color: #1a0d04; border-color: transparent; }
.btn.gloss:hover { filter: brightness(1.08); }
.btn.lg { height: 52px; padding: 0 24px; font-size: var(--step-0); min-width: 180px; }
.btn.block { width: 100%; height: 52px; font-size: var(--step-0); }
.btn[disabled] { opacity: 0.45; cursor: default; }
.btn.icon { width: 44px; padding: 0; }

/* tiles */
.tile { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--panel-shadow); min-width: 0; }
.tile h3 { margin-bottom: 6px; }
.lbl { font-size: var(--step--1); color: var(--muted); margin-bottom: 8px; }
.big { font: 400 2.1rem/1 var(--font-head); letter-spacing: -0.05em; font-variant-numeric: tabular-nums; }
.unit { font: 500 0.42em/1 var(--font-mono); letter-spacing: 0; color: var(--muted); margin-left: 6px; }
.grid { display: grid; gap: var(--gap); }
.two { display: grid; gap: var(--gap); }
@media (min-width: 960px) { .two { grid-template-columns: 1fr 1fr; } }
.three { display: grid; gap: var(--gap); }
@media (min-width: 860px) { .three { grid-template-columns: repeat(3, 1fr); } }
.four { display: grid; gap: var(--gap); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 860px) { .four { grid-template-columns: repeat(4, 1fr); } }
.four > div, .three > div, .two > div { min-width: 0; }

/* hero: full-bleed art behind the headline, like Spire; art bleeds from the right, like Orbio */
.v-hero { position: relative; overflow: hidden; margin-top: -72px; padding-top: 72px; }
.v-hero .wrap { padding-left: var(--gutter); padding-right: var(--gutter); }
main { position: relative; isolation: isolate; }
.v-hero .art { position: absolute; inset: 0; z-index: -1; background: #000 url('/img/hero-v4.jpg') right 60px / auto 92% no-repeat; }
.v-hero-in { position: relative; }
.v-hero-in h1, .v-hero-in .lede { text-shadow: 0 0 24px rgba(5,5,5,.9), 0 0 48px rgba(5,5,5,.9); }
@media (min-aspect-ratio: 16/9) { .v-hero .art { background-size: 100% auto; background-position: center 40%; } }
.v-hero .art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,5,.55) 0%, rgba(5,5,5,.25) 40%, rgba(5,5,5,0) 65%), linear-gradient(180deg, rgba(5,5,5,.3), rgba(5,5,5,0) 30%, rgba(5,5,5,0) 72%, var(--bg) 100%); }
@media (max-width: 760px) { .v-hero .art { background-size: auto 100%; background-position: 62% center; } .v-hero .art::after { background: linear-gradient(180deg, rgba(5,5,5,.35), rgba(5,5,5,.8) 60%, var(--bg) 100%); } }
.v-hero-in { padding: 150px 0 140px; min-height: calc(100vh - 72px); display: flex; flex-direction: column; justify-content: center; }
.v-hero-in .lede { margin-top: 26px; font-size: 1.1rem; color: var(--muted); max-width: 40ch; }
.v-hero-in .ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hero .meta b { color: var(--ink); font-weight: 500; }
@media (max-width: 760px) { .v-hero-in { padding: 88px 0 40px; min-height: 0; } }
.livebar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 32px; padding: 18px 22px; background: var(--panel); border: 1px solid var(--line); box-shadow: var(--panel-shadow); margin-top: 8px; }
.livebar .dot { display: inline-flex; align-items: center; gap: 8px; font: 500 var(--step--2)/1 var(--font-mono); color: var(--good); letter-spacing: .08em; }
.livebar .dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px rgba(111,211,160,.15); }
.livebar .st { display: flex; align-items: baseline; gap: 8px; }
.livebar .st b { font: 500 1.35rem/1 var(--font-head); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.livebar .st span { color: var(--muted); font-size: var(--step--1); }
.livebar .mcap { margin-left: auto; }
@media (max-width: 760px) { .livebar { gap: 10px 20px; } .livebar .mcap { margin-left: 0; } }

/* the terminal: one orchestrated sequence on load */
.term { background: #07080e; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--panel-shadow); overflow: hidden; font: 400 0.86rem/1.65 var(--font-mono); }
.term .tb { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: var(--step--2); }
.term .tb i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-2); display: inline-block; }
.term .tb span { margin-left: auto; }
.term pre { margin: 0; padding: 18px 18px 22px; min-height: 300px; white-space: pre-wrap; word-break: break-word; color: #b9bccb; }
.term .c { color: var(--muted); }
.term .k { color: var(--ink); }
.term .a { color: var(--amber); }
.term .g { color: var(--good); }
.term .cur { display: inline-block; width: 8px; height: 1.1em; background: var(--amber); vertical-align: -2px; animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .term .cur { animation: none; } }

/* stats strip */
.strip { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap); margin-top: 48px; }
@media (min-width: 860px) { .strip { grid-template-columns: repeat(4, 1fr); } }
.strip > div { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; box-shadow: var(--panel-shadow); }
.strip .lbl { font-size: var(--step--1); color: var(--muted); margin: 0; }
.strip .val { font: 500 2rem/1.15 var(--font-head); letter-spacing: -0.045em; font-variant-numeric: tabular-nums; margin-top: 10px; }
.strip .val.live { color: var(--amber); }

/* pillars: four short columns */
.pillars { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); background: var(--tile-2); margin-top: 48px; }
@media (min-width: 860px) { .pillars { grid-template-columns: repeat(4, 1fr); } }
.pillars > div { padding: 26px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
@media (min-width: 860px) { .pillars > div { border-bottom: 0; } .pillars > div:last-child { border-right: 0; } }
@media (max-width: 859px) { .pillars > div:nth-child(2n) { border-right: 0; } .pillars > div:nth-last-child(-n+2) { border-bottom: 0; } }
.pillars .n { font: 500 var(--step--2)/1 var(--font-mono); color: var(--amber); }
.pillars h3 { margin: 22px 0 6px; }
.pillars p { color: var(--muted); font-size: 0.95rem; }
.center { text-align: center; }
.center p { margin-left: auto; margin-right: auto; }
/* orbit: launch / trade / harvest / work around the coin */
.orbit { position: relative; width: min(560px, 100%); aspect-ratio: 1; margin: 48px auto 0; }
.orbit .ring { position: absolute; inset: 14%; border: 1px solid var(--line-2); border-radius: 50%; }
.orbit .ring::before { content: ''; position: absolute; inset: 18%; border: 1px dashed var(--line); border-radius: 50%; }
.orbit .core { position: absolute; left: 50%; top: 50%; width: 34%; transform: translate(-50%, -50%); }
.orbit .node { position: absolute; width: 150px; padding: 0 4px; background: var(--bg); text-align: center; transform: translate(-50%, -50%); }
.orbit .node b { display: block; font: 400 0.95rem/1.2 var(--font-head); letter-spacing: 0; }
.orbit .node span { font: 400 var(--step--2)/1.4 var(--font-mono); color: var(--muted); letter-spacing: .04em; }
.orbit .node small { display: block; font: 500 var(--step--2)/1 var(--font-mono); color: var(--amber); margin-bottom: 6px; }
.orbit .n1 { left: 50%; top: 4%; } .orbit .n2 { left: 96%; top: 50%; } .orbit .n3 { left: 50%; top: 96%; } .orbit .n4 { left: 4%; top: 50%; }
@media (max-width: 560px) { .orbit .node { width: 110px; } .orbit .node b { font-size: .9rem; } .orbit .n2 { left: 92%; } .orbit .n4 { left: 8%; } }
/* wordmark footer, like Orbio */
.wordmark { margin-top: 120px; border-top: 1px solid var(--line); overflow: hidden; background: linear-gradient(180deg, var(--bg), #07080e); }
.wordmark .wm { font: 400 clamp(3.4rem, 15.5vw, 14rem)/0.95 var(--font-head); letter-spacing: 0.02em; color: var(--ink); text-align: center; padding: 48px 0 0; margin-bottom: -0.08em; white-space: nowrap; }
.wordmark .wm span { background: linear-gradient(100deg, #ffdbb0, #fc892e 55%, #a84119); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* sections */
section { padding: 104px 0 0; }
section#credit { padding-top: 160px; }
.sec-head { max-width: 60ch; margin-bottom: 28px; }
.sec-head p { color: var(--muted); margin-top: 14px; }
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gap); counter-reset: s; }
@media (min-width: 860px) { .steps { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 560px) and (max-width: 859px) { .steps { grid-template-columns: repeat(2, 1fr); } }
.steps li { counter-increment: s; display: flex; flex-direction: column; }
.steps li::before { content: counter(s); font: 500 var(--step--1)/1 var(--font-mono); color: var(--amber); padding-bottom: 56px; }
.steps p { color: var(--muted); margin-top: 8px; font-size: 0.95rem; }
.ways .tile { display: flex; flex-direction: column; text-decoration: none; min-height: 200px; }
.ways .tile p { color: var(--muted); font-size: 0.95rem; }
.ways .tile .go { margin-top: auto; padding-top: 24px; color: var(--amber); font-size: var(--step--1); }
.ways .tile:hover { border-color: var(--line-2); }
.coin { position: relative; aspect-ratio: 1; max-width: 340px; margin: 0 auto; display: grid; place-items: center; filter: drop-shadow(0 30px 60px rgba(252,137,46,.18)); }
.coin svg { width: 100%; height: 100%; transition: transform 1.1s cubic-bezier(.2,.7,.2,1); transform-style: preserve-3d; }
.coin:hover svg { transform: rotateY(360deg); }
@media (prefers-reduced-motion: reduce) { .coin svg { transition: none; } .coin:hover svg { transform: none; } }
.contracts > div { display: grid; grid-template-columns: minmax(130px, 200px) 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.contracts > div:last-child { border-bottom: 0; }
.contracts dt { color: var(--muted); font-size: var(--step--1); }
.contracts dd { margin: 0; }
.contracts .addr { font: 400 var(--step--1)/1.4 var(--font-mono); word-break: break-all; }
@media (max-width: 560px) { .contracts > div { grid-template-columns: 1fr auto; } .contracts dt { grid-column: 1 / -1; } }
.copy { font: 500 var(--step--2)/1 var(--font-mono); background: var(--tile-2); border: 1px solid var(--line); border-radius: 0; padding: 8px 11px; color: var(--ink); cursor: pointer; }
.copy:hover { border-color: var(--line-2); }
.cta { position: relative; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); padding: 72px 40px; display: grid; justify-items: start; gap: 18px; background: var(--panel); }
.cta p { color: var(--muted); }
@media (max-width: 760px) { .cta { padding: 56px 24px; } }
footer { padding: 72px 0 36px; color: var(--muted); font-size: var(--step--1); }
footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding-top: 24px; }
footer .ft-ca { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
footer .ft-ca code { font: 400 var(--step--1)/1.4 var(--font-mono); color: #c3c5d2; word-break: break-all; }
footer .ft-links { display: flex; gap: 20px; }
footer .ft-links a { color: var(--muted); text-decoration: none; }
footer .ft-links a:hover { color: var(--ink); }

/* app */
.notice { padding: 12px 16px; border-radius: var(--radius); background: rgba(252,137,46,.08); border: 1px solid rgba(252,137,46,.3); color: var(--warn); margin: 10px 0 0; font-size: var(--step--1); }
.notice.err { background: rgba(255,138,122,.08); border-color: rgba(255,138,122,.35); color: var(--bad); }
.notice.good { background: rgba(111,211,160,.08); border-color: rgba(111,211,160,.35); color: var(--good); }
.app-head { padding: 36px 0 4px; }
.app-head p { color: var(--muted); margin-top: 12px; }
.app-grid { display: grid; gap: var(--gap); padding-top: 22px; }
@media (min-width: 980px) { .app-grid { grid-template-columns: 1.15fr 1fr 1fr; } }
.app-grid > * { min-width: 0; }
.figs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; }
.figs > div { background: var(--tile-2); border-radius: var(--radius); padding: 12px 14px; }
.figs dt { color: var(--muted); font-size: var(--step--2); }
.figs dd { margin: 6px 0 0; font: 500 1.05rem/1.2 var(--font-text); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.field { display: flex; gap: 8px; flex-wrap: wrap; }
.field input, .amount input, input.txt, textarea.txt { flex: 1 1 200px; min-width: 0; height: 44px; padding: 0 14px; border-radius: 0; border: 1px solid var(--line); background: var(--tile-2); color: var(--ink); font: 400 var(--step--1)/1.2 var(--font-mono); width: 100%; }
textarea.txt { height: auto; min-height: 80px; padding: 10px 14px; font-family: var(--font-text); }
.field input:focus, .amount input:focus, input.txt:focus, textarea.txt:focus { border-color: var(--amber); outline: none; box-shadow: 0 0 0 3px rgba(252,137,46,.18); }
label.l { display: block; font-size: var(--step--1); color: var(--muted); margin: 14px 0 6px; }
.seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; background: var(--tile-2); border: 1px solid var(--line); border-radius: 0; padding: 4px; margin-bottom: 12px; }
.seg button { border: 0; background: none; height: 38px; border-radius: 0; font-weight: 500; color: var(--muted); cursor: pointer; }
.seg button[aria-pressed='true'] { background: var(--ink); color: #0b0c14; }
.amount { position: relative; display: flex; }
.amount input { font: 500 1.6rem/1.2 var(--font-text); letter-spacing: -0.03em; height: 72px; padding: 0 100px 0 18px; }
.amount .cur { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font: 500 var(--step--1)/1 var(--font-mono); color: var(--muted); }
.quick { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0; }
.quick button { border: 1px solid var(--line); background: var(--tile-2); border-radius: 0; padding: 7px 11px; font: 500 var(--step--2)/1 var(--font-mono); color: var(--ink); cursor: pointer; }
.quick button:hover { border-color: var(--line-2); }
.kv { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: var(--step--1); }
.kv:last-child { border-bottom: 0; }
.kv span:first-child { color: var(--muted); }
.kv b { font-weight: 500; font-variant-numeric: tabular-nums; }
.book { width: 100%; border-collapse: collapse; font-size: var(--step--1); font-variant-numeric: tabular-nums; }
.book th { text-align: left; font: 500 var(--step--2)/1 var(--font-mono); color: var(--muted); padding: 8px 10px 10px 0; border-bottom: 1px solid var(--line); }
.book td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--line); }
.book tr:last-child td { border-bottom: 0; }
.book .num { text-align: right; }
.book .depth { position: relative; }
.book .depth i { position: absolute; right: 0; top: 4px; bottom: 4px; background: rgba(252,137,46,.12); z-index: 0; }
.book .depth span { position: relative; z-index: 1; }
.agents { display: grid; gap: var(--gap); }
@media (min-width: 760px) { .agents { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1060px) { .agents { grid-template-columns: repeat(3, 1fr); } }
.agent { display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.agent .row { display: flex; align-items: center; gap: 12px; }
.agent .ava { width: 40px; height: 40px; border-radius: 50%; background: var(--tile-2); border: 1px solid var(--line); display: grid; place-items: center; font: 500 12px/1 var(--font-mono); color: var(--amber-soft); overflow: hidden; }
.agent .ava img { width: 100%; height: 100%; object-fit: cover; }
.agent .sym { color: var(--muted); font: 400 var(--step--2)/1 var(--font-mono); }
.agent .figs { margin-top: 6px; }
.agent .prog { height: 4px; background: var(--tile-2); border-radius: 0; overflow: hidden; }
.agent .prog i { display: block; height: 100%; background: var(--amber); }
.agent:hover { border-color: var(--line-2); }
pre.code { background: var(--tile-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; overflow: auto; font: 400 0.82rem/1.6 var(--font-mono); color: #c3c5d2; margin: 0; }
.tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.tabs button { border: 1px solid var(--line); background: var(--tile-2); border-radius: 0; padding: 8px 12px; font: 500 var(--step--1)/1 var(--font-text); color: var(--muted); cursor: pointer; }
.tabs button[aria-pressed='true'] { color: var(--ink); border-color: var(--amber); }
.doc .app-head, .doc > h2, .doc > h3, .doc > p, .doc > ul, .doc > table, .doc > pre { max-width: 72ch; }
.doc h2 { font-size: 1.35rem; margin-top: 56px; }
.doc h3 { margin-top: 28px; }
.doc p, .doc li { color: #c3c5d2; margin-top: 12px; }
.doc ul { padding-left: 20px; }
.doc code { font: 400 0.85em var(--font-mono); background: var(--tile-2); padding: 2px 6px; border-radius: 0; }
.doc pre.code { margin-top: 12px; }
.doc table { width: 100%; border-collapse: collapse; font-size: var(--step--1); margin-top: 12px; }
.doc th, .doc td { text-align: left; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.doc th { color: var(--muted); font-weight: 500; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 0; border: 1px solid var(--line); font-size: var(--step--2); color: var(--muted); }
.chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--good); }