/* ash.css — shared design system for digidollarstats.com
   Page-specific rules stay in each page's own <style> block.
   Extracted 4 Aug 2026; byte-identical to the block it replaced. */

  :root{
    /* ---- Ash · dark (default) ---- */
    --field:#1A1D1C;
    --panel:#232726;
    --well:#151817;
    --hover:#1F2322;
    --rule:#333837;
    --rule2:#4B5250;
    --text:#E8ECEA;
    --muted:#98A29F;
    --dim:#6B7573;
    --signal:#7FC9A4;
    --amber:#D4A96A;

    --mono:'IBM Plex Mono',ui-monospace,monospace;
    --sans:'IBM Plex Sans',system-ui,sans-serif;

    --t-hero:clamp(40px,13vw,68px);
    --t-h1:clamp(23px,5.6vw,30px);
    --t-h2:17px;
    --t-body:15px;
    --t-small:13px;
    --t-micro:11px;

    --gap:26px;
  }
  /* ---- Ash · light ---- */
  html[data-theme="light"]{
    --field:#ECEEED;
    --panel:#F8F9F9;
    --well:#E0E4E2;
    --hover:#E7EAE9;
    --rule:#D6DAD9;
    --rule2:#C1C6C4;
    --text:#1D2823;
    --muted:#5E6D69;
    --dim:#909C99;
    --signal:#2E694B;
    --amber:#8B6328;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{background:var(--field)}
  body{
    background:var(--field);
    color:var(--text);
    font-family:var(--sans);
    font-size:var(--t-body);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
    display:flex;flex-direction:column;align-items:center;
    padding:20px 18px 54px;
  }
  .wrap{width:100%;max-width:600px}
  a{color:var(--signal)}
  :focus-visible{outline:2px solid var(--signal);outline-offset:2px}

  /* one label treatment for the whole page */
  .eyebrow{
    font-family:var(--mono);font-size:var(--t-micro);font-weight:600;
    letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  }

  /* ---------- masthead ---------- */
  .masthead{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:30px;
  }
  .homelink{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
  .logo{width:34px;height:34px;object-fit:cover;display:block}
  html[data-theme="dark"]  .logo-lt{display:none}
  html[data-theme="light"] .logo-dk{display:none}
  .brand{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:-.02em}
  .brand em{font-style:normal;color:var(--muted)}
  .status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .status .sdot{width:6px;height:6px;background:var(--signal);flex-shrink:0}
  .controls{display:flex;align-items:center;gap:12px}
  .themetoggle{
    width:28px;height:28px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:1px solid var(--rule);color:var(--muted);
    cursor:pointer;padding:0;
  }
  .themetoggle:hover{color:var(--signal);border-color:var(--rule2)}
  .themetoggle svg{width:14px;height:14px}
  html[data-theme="light"] .themetoggle .i-sun{display:none}
  html[data-theme="dark"]  .themetoggle .i-moon{display:none}
  .status.err{color:var(--amber)}
  .status.err .sdot{background:var(--amber)}

  /* ---------- hero ---------- */
  h1{
    font-family:var(--mono);font-weight:600;font-size:var(--t-h1);
    line-height:1.25;letter-spacing:-.02em;margin-bottom:10px;
  }
  .lede{color:var(--muted);font-size:var(--t-body);max-width:54ch;margin-bottom:28px}

  .readout{
    background:var(--panel);border:1px solid var(--rule);
    padding:22px 20px 20px;position:relative;margin-bottom:var(--gap);
  }
  .readout .eyebrow{display:block;margin-bottom:12px}
  .supply{
    font-family:var(--mono);font-weight:600;font-size:var(--t-hero);
    line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;
    word-break:break-word;
  }
  .supply .unit{font-size:.26em;letter-spacing:0;color:var(--accent, var(--muted));margin-left:.4em;font-weight:400;white-space:nowrap}
  .updated{color:var(--muted);font-size:var(--t-small);margin-top:14px;font-family:var(--mono)}

  /* ---------- signature: collateral bar ---------- */
  .backing{margin-top:20px;padding-top:18px;border-top:1px solid var(--rule)}
  .backingtop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
  .backingval{font-family:var(--mono);font-weight:600;font-size:var(--t-h2);font-variant-numeric:tabular-nums}
  .track{position:relative;height:12px;background:var(--well);border:1px solid var(--rule)}
  .fill{position:absolute;inset:1px auto 1px 1px;width:0;background:var(--signal)}
  @media (prefers-reduced-motion:no-preference){.fill{transition:width .5s ease-out}}
  .fill.warn{background:var(--amber)}
  .tick{position:absolute;top:-4px;bottom:-4px;left:25%;width:1px;background:var(--accent, var(--rule2))}
  .scale{
    display:flex;justify-content:space-between;margin-top:7px;
    font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.04em;
  }
  .scale .mid{position:absolute;left:25%;transform:translateX(-50%)}
  .scalewrap{position:relative}
  .backingnote{color:var(--muted);font-size:var(--t-small);margin-top:12px}

  /* ---------- figures ---------- */
  .figs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:var(--gap)}
  .fig{background:var(--panel);border:1px solid var(--rule);padding:15px;position:relative}
  .fig .sharebtn{top:10px;right:10px}
  .fig.sharing .eyebrow{padding-right:26px}
  a.fig{display:block;text-decoration:none;color:inherit}
  a.fig .go{position:absolute;right:12px;bottom:11px;color:var(--rule2);font-family:var(--mono);font-size:var(--t-small);line-height:1}
  a.fig:hover{border-color:var(--rule2)}
  a.fig:hover .go{color:var(--accent, var(--signal))}
  .fig .eyebrow{display:block;margin-bottom:8px}
  .fig .eyebrow .coin{width:13px;height:13px;vertical-align:-2px;margin-right:6px}
  .figv{
    display:block;font-family:var(--mono);font-weight:600;font-size:var(--t-h2);
    line-height:1.2;font-variant-numeric:tabular-nums;word-break:break-word;
  }

  /* ---------- status panel ---------- */
  .panel{background:var(--panel);border:1px solid var(--rule);padding:16px;margin-bottom:var(--gap)}
  .panel .eyebrow{display:block;margin-bottom:10px}
  .srow{
    display:flex;justify-content:space-between;align-items:baseline;gap:16px;
    padding:10px 0;border-bottom:1px solid var(--rule);
  }
  .srow .k{color:var(--muted);font-size:var(--t-small)}
  .srow .v{
    font-family:var(--mono);font-weight:600;font-size:var(--t-small);
    font-variant-numeric:tabular-nums;text-align:right;
  }
  .srow .v.warn{color:var(--amber)}

  details.notes{margin-top:2px}
  details.notes summary{
    cursor:pointer;list-style:none;padding:12px 0;color:var(--muted);
    font-size:var(--t-small);font-family:var(--mono);
  }
  details.notes summary::-webkit-details-marker{display:none}
  details.notes summary::after{content:" [+]";color:var(--rule2)}
  details.notes[open] summary::after{content:" [–]"}
  details.notes ul{list-style:none;padding-bottom:8px}
  details.notes li{color:var(--muted);font-size:var(--t-small);padding:7px 0;border-top:1px solid var(--rule)}
  details.notes li b{color:var(--text);font-weight:600;font-family:var(--mono)}

  /* ---------- tools ---------- */
  .tools{border-top:1px solid var(--rule);margin-bottom:var(--gap)}
  .tools .eyebrow{display:block;padding:16px 0 4px}
  .tool{
    display:block;text-decoration:none;color:inherit;
    padding:15px 30px 15px 0;border-bottom:1px solid var(--rule);position:relative;
  }
  .tool h3{font-family:var(--mono);font-weight:600;font-size:var(--t-h2);letter-spacing:-.01em;margin-bottom:4px}
  .tool p{color:var(--muted);font-size:var(--t-small);max-width:56ch}
  .tool .go{position:absolute;right:2px;top:16px;color:var(--rule2);font-family:var(--mono)}
  .tool:hover{background:var(--hover)}
  .tool:hover .go{color:var(--accent, var(--signal))}
  .tool:hover h3{color:var(--signal)}

  /* ---------- house rules ---------- */
  .house{
    border-left:2px solid var(--rule2);padding:2px 0 2px 16px;
    color:var(--muted);font-size:var(--t-small);margin-bottom:34px;
  }
  .house b{color:var(--text);font-weight:600;font-family:var(--mono)}

  /* ---------- share ---------- */
  .sharebtn{
    position:absolute;top:16px;right:16px;width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:1px solid var(--rule);color:var(--muted);
    cursor:pointer;padding:0;
  }
  .sharebtn:hover{color:var(--signal);border-color:var(--rule2)}
  .sharebtn svg{width:14px;height:14px}
  .sharebtn.ok{color:var(--signal);border-color:var(--rule2)}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--rule);padding-top:20px;color:var(--muted);font-size:12px;line-height:1.75;text-align:center}
  .footnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:16px;font-size:var(--t-small)}
  .footnav a{text-decoration:none}
  .footnav a:hover{text-decoration:underline}
  .footcontact{margin-bottom:14px;font-size:var(--t-small)}
  .footcontact a{text-decoration:none}
  .footdonate{margin-bottom:16px;font-size:var(--t-small);line-height:1.9}
  .footdonate .fdlabel{color:var(--text);font-weight:600;font-family:var(--mono)}
  .fdaddr{
    font-family:var(--mono);font-size:11.5px;color:var(--signal);cursor:pointer;
    word-break:break-all;border-bottom:1px dotted var(--rule2);
  }
  .fdaddr:hover{color:var(--text)}
  .fdhint{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-left:8px;white-space:nowrap}
  .fdhint.ok{color:var(--signal)}
  footer a{text-decoration:none}
  footer a:hover{text-decoration:underline}

  /* ---------- desktop ---------- */
  @media (min-width:900px){
    body{padding:40px 24px 76px}
    .wrap{max-width:860px}
    .masthead{margin-bottom:40px}
    .figs{grid-template-columns:repeat(4,1fr)}
    .fig{padding:16px}
    .tools{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}
    .tools .eyebrow{grid-column:1 / -1}
  }