/* WakeChain shared design system — dark ink + amber + teal, Georgia serif display */
:root{
  --ink:#0b0d12;--ink2:#111420;--ink3:#0c0f17;--line:#20242f;--line2:#2b3040;
  --fog:#8b91a1;--fog2:#5f6577;--paper:#eae7df;
  --amber:#d8a24a;--amber2:#a9813d;--teal:#6fd0c7;--red:#e0655f;--green:#77c98a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 620px at 50% -14%,#161d2e 0,transparent 60%),var(--ink);
  background-color:var(--ink);color:var(--paper);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.serif{font-family:Georgia,"Iowan Old Style",serif}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}

/* nav */
nav{position:sticky;top:0;z-index:20;background:rgba(11,13,18,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.navin{max-width:820px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand{font-family:Georgia,serif;font-weight:600;font-size:18px;color:#f4f1ea;display:flex;align-items:center;gap:7px}
.brand .a{color:var(--amber)}
.navlinks{margin-inline-start:auto;display:flex;gap:2px;flex-wrap:wrap}
.navlinks a{font-family:ui-monospace,monospace;font-size:12px;color:var(--fog);padding:6px 9px;border-radius:8px}
.navlinks a:hover{color:#f6cf86;background:#161d2e}
.navlinks a.on{color:#f0c073;background:#1a2130}

/* headers */
header.page{padding:40px 0 26px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--fog2)}
h1{font-family:Georgia,serif;font-weight:600;font-size:clamp(32px,7vw,50px);letter-spacing:-.02em;line-height:1.02;margin:10px 0 0;color:#f4f1ea}
h1 .a{color:var(--amber)}
.lede{font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,3vw,20px);color:#cdd0d8;margin:14px 0 0;max-width:56ch;text-wrap:balance}
section{padding:34px 0;border-bottom:1px solid var(--line)}
.k{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
h2{font-family:Georgia,serif;font-weight:600;font-size:clamp(22px,5vw,29px);margin:8px 0 12px;color:#f0eee7;text-wrap:balance}
h3{font-family:Georgia,serif;font-size:17px;font-weight:600;margin:0 0 6px;color:#eef0f4}
p{color:#c3c7d0;font-size:16px;margin:0 0 14px}
strong{color:#eef0f4}
ul{color:#c3c7d0;font-size:15.5px;margin:0 0 14px;padding-inline-start:20px}
li{margin:5px 0}
code{font-family:ui-monospace,monospace;font-size:.9em;background:#161b27;border:1px solid var(--line2);border-radius:5px;padding:1px 5px;color:#e7d6ad}

/* live metric grid */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cell{background:var(--ink2);padding:16px 14px;text-align:center}
.cell .big{font-family:Georgia,serif;font-size:26px;color:var(--amber);line-height:1;word-break:break-word}
.cell .cap{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fog2);margin-top:8px}

/* cards */
.cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
@media(min-width:640px){.cards.two{grid-template-columns:1fr 1fr}}
.card{border:1px solid var(--line);border-radius:12px;background:var(--ink2);padding:17px}
.card p{font-size:14px;margin:0;color:#aab0bd}
.card p+p{margin-top:8px}

/* table */
.tbl{width:100%;border-collapse:collapse;font-family:ui-monospace,monospace;font-size:13px;overflow-x:auto;display:block}
.tbl th{text-align:start;color:var(--fog2);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;padding:8px 12px;border-bottom:1px solid var(--line2)}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);color:#cdd2db;white-space:nowrap}
.tbl tr:last-child td{border-bottom:none}

/* status pills */
.pill{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.up{color:var(--green);border-color:rgba(119,201,138,.4)}.up .dot{background:var(--green);box-shadow:0 0 8px var(--green)}
.down{color:var(--red);border-color:rgba(224,101,95,.4)}.down .dot{background:var(--red)}
.wait{color:var(--fog2);border-color:var(--line2)}.wait .dot{background:var(--fog2)}

/* notes */
.note{border:1px solid var(--line2);border-left:2px solid var(--amber2);border-radius:9px;background:rgba(216,162,74,.04);padding:14px 16px;margin-top:14px}
.note.warn{border-left-color:var(--red);background:rgba(224,101,95,.05)}
.note p{margin:0;font-size:13.5px;color:#b6bac4}
.note p+p{margin-top:8px}

.btn{display:inline-block;border:1px solid var(--amber2);border-radius:11px;background:linear-gradient(180deg,#20283a,#141a28);color:#f0c073;font-weight:600;font-size:15px;padding:12px 20px;font-family:inherit}
.btn:hover{border-color:var(--amber);color:#f6cf86}
.btn.ghost{background:transparent;color:var(--fog);border-color:var(--line2)}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

footer{padding:30px 0 60px;text-align:center}
.foot{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:var(--fog2);display:flex;gap:6px 14px;justify-content:center;flex-wrap:wrap}
.foot a:hover{color:var(--amber)}
.hash{color:var(--amber)}.dim{color:var(--fog2)}.tealc{color:var(--teal)}