/* ==========================================================================
   about.html only (Group C). Loads after site.css + dock.css.
   ab- layout, mstep- method steps, chain hash diagram, cols ledger columns.
   ========================================================================== */
.ab-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ab-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--dline-2);font:600 13.5px/1 var(--sans);color:var(--dink-2)}
.ab-jump a:hover{color:#fff;border-color:rgba(36,89,240,.6);background:rgba(36,89,240,.08)}
.ab-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.ab-split .prose{max-width:680px}
@media (max-width:860px){.ab-split{grid-template-columns:1fr;gap:18px}}

.mstep{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative}
.mstep>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(240,246,252,.045),rgba(240,246,252,.015));border:1px solid var(--dline)}
.mstep>li:nth-child(3){grid-row:span 2}
.mstep-n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(36,89,240,.14);border:1px solid rgba(36,89,240,.4);color:var(--dlink);font:800 22px/1 var(--cond)}
.mstep h3{font:700 18px/1.3 var(--sans);color:var(--dink)}
.mstep p{margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--dink-2)}
.mstep p strong{color:var(--dink)}
.mstep a{color:var(--dlink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mstep .fine{color:var(--dink-3)}
@media (max-width:860px){.mstep{grid-template-columns:1fr}.mstep>li:nth-child(3){grid-row:auto}}
@media (max-width:480px){.mstep>li{grid-template-columns:1fr;gap:12px;padding:18px}}

.chain{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:16px 0 10px}
.blk{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:12px 14px;border-radius:10px;background:#0a0e13;border:1px solid var(--dline-2)}
.blk small{grid-row:span 3;font:800 13px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--dink-3);writing-mode:horizontal-tb;min-width:52px}
.blk code{font:500 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dink-3)}
.blk b{font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dink)}
.blk--live{border-color:rgba(36,89,240,.5);box-shadow:0 0 0 3px rgba(36,89,240,.1)}
.blk--live b{color:var(--up)}
.lnk{align-self:center;width:2px;height:16px;background:repeating-linear-gradient(180deg,var(--dlink) 0 4px,transparent 4px 7px)}

.cols{padding:20px 22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.cols-t{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cols ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cols li{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font:600 13px/1.2 var(--sans);color:var(--ink-2)}
.ledger-line{margin-top:28px;text-align:center;font:800 clamp(24px,3vw,32px)/1.1 var(--cond);text-transform:uppercase;color:var(--ink)}