.docs{max-width:900px;margin:0 auto;padding:40px 22px 70px}
.docs h1{font-size:30px;letter-spacing:-.025em;margin:0 0 6px}
.lead{color:var(--muted);font-size:15.5px;margin:0 0 8px;max-width:62ch}
.docs .step{margin-top:34px;border-top:1px solid var(--line);padding-top:20px}
.docs h2{font-size:19px;margin:0 0 8px;letter-spacing:-.02em}
.docs h3{font-size:14px;margin:18px 0 6px;color:var(--muted);font-weight:560}
.docs p{max-width:70ch}
.docs code{font-family:var(--mono);font-size:.9em;background:var(--chip);
  border-radius:5px;padding:1px 5px}
pre.code{background:var(--chip);border-radius:10px;padding:13px 15px;overflow-x:auto;
  font-family:var(--mono);font-size:12.5px;line-height:1.55}
pre.code code{background:transparent;padding:0;font-size:inherit}
.tabbar{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0 8px}
.tab{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px;
  padding:4px 11px;font-size:12.5px;cursor:pointer;font-family:var(--mono)}
.tab:hover{color:var(--ink)}
.tab[data-active="1"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
table.errs{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px}
table.errs th,table.errs td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);
  vertical-align:top}
table.errs th{color:var(--muted);font-weight:560;font-size:12.5px}
table.errs td:first-child{font-family:var(--mono);font-size:12.5px;white-space:nowrap}
.tokenbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin-top:16px;box-shadow:var(--shadow)}
.tokenbox .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.masked{font-family:var(--mono);font-size:12.5px;background:var(--chip);border-radius:7px;
  padding:8px 11px;word-break:break-all;flex:1;min-width:220px}
.state{font-size:13.5px;color:var(--muted);margin-top:6px}
.state b{color:var(--ink)}