:root{
    --paper:#faf8f4; --card:#ffffff; --ink:#1c2430; --muted:#5c6470; --faint:#8a919c;
    --rule:#d9d4c9; --rule2:#c2bcae; --navy:#1f3a5f; --green:#1e6b45; --amber:#8a5a1e; --amber-bg:#f7ecd9;
    --red:#8c2f2f;
  }
  @media (prefers-color-scheme: dark){
    :root{ --paper:#12151a; --card:#1a1e25; --ink:#e8e5de; --muted:#a7acb5; --faint:#767c86;
      --rule:#2e343d; --rule2:#3c434e; --navy:#7fa4d4; --green:#5cb385; --amber:#d2a15a; --amber-bg:#2a2318; --red:#d47f7f; }
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--paper);color:var(--ink);
    font:16px/1.55 Georgia,'Times New Roman',serif;}
  .wrap{max-width:980px;margin:0 auto;padding:28px 20px 80px}
  header.masthead{border-bottom:3px double var(--rule2);padding-bottom:14px;margin-bottom:26px}
  .kicker{font:700 11px/1 Verdana,Geneva,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  h1{font-size:34px;line-height:1.15;margin:8px 0 6px;font-weight:700}
  .dek{color:var(--muted);font-size:17px;max-width:64ch;margin:0}
  h2{font-size:22px;margin:36px 0 10px;border-bottom:1px solid var(--rule);padding-bottom:6px}
  h3{font-size:17px;margin:18px 0 6px}
  p{max-width:70ch}
  a{color:var(--navy)}
  .num, td.n, .mono{font-family:Consolas,'SF Mono',Menlo,monospace;font-variant-numeric:tabular-nums;font-size:.94em}
  .panel{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:18px;margin:14px 0}
  .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
  .field label{display:block;font:700 11px/1.3 Verdana,Geneva,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
  .field input{width:100%;padding:8px 10px;border:1px solid var(--rule2);border-radius:3px;background:var(--paper);color:var(--ink);font:15px Consolas,Menlo,monospace}
  .field .sub{font-size:12.5px;color:var(--faint);font-family:Verdana,Geneva,sans-serif;margin-top:4px;line-height:1.4}
  .yields{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;max-width:520px}
  .headline{display:flex;flex-wrap:wrap;gap:26px;margin:6px 0 2px}
  .stat .v{font-size:30px;font-weight:700;font-family:Consolas,Menlo,monospace;font-variant-numeric:tabular-nums}
  .stat .l{font:700 10.5px/1.3 Verdana,Geneva,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
  .stat .v.green{color:var(--green)}
  table.ladder{width:100%;border-collapse:collapse;margin-top:12px;font-size:14.5px}
  table.ladder th{font:700 10.5px/1.3 Verdana,Geneva,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);
    text-align:right;padding:7px 8px;border-bottom:2px solid var(--rule2)}
  table.ladder th:first-child{text-align:left}
  table.ladder td{padding:6px 8px;border-bottom:1px solid var(--rule);text-align:right}
  table.ladder td:first-child{text-align:left;font-weight:700}
  table.ladder td input{width:92px;padding:3px 6px;text-align:right;border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);font:13.5px Consolas,Menlo,monospace}
  tr.gap td{background:var(--amber-bg)}
  .badge{display:inline-block;font:700 10px/1 Verdana,Geneva,sans-serif;letter-spacing:.05em;padding:3px 6px;border-radius:3px;
    color:var(--amber);border:1px solid var(--amber);margin-left:6px;vertical-align:1px}
  tfoot td{font-weight:700;border-top:2px solid var(--rule2);border-bottom:none;padding-top:10px}
  .note{font-size:13.5px;color:var(--muted);font-family:Verdana,Geneva,sans-serif;line-height:1.5}
  .callout{border-left:3px solid var(--navy);padding:2px 0 2px 14px;margin:14px 0;color:var(--muted)}
  details{margin:10px 0;border:1px solid var(--rule);border-radius:4px;background:var(--card)}
  details summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:15.5px}
  details .body{padding:0 16px 14px;color:var(--ink)}
  .scrollx{overflow-x:auto}
  footer{margin-top:56px;border-top:3px double var(--rule2);padding-top:14px}
  .disclaimer{font-size:12.5px;color:var(--faint);font-family:Verdana,Geneva,sans-serif;line-height:1.55;max-width:none}
  @media(max-width:640px){
  h1{font-size:26px}
  .stat .v{font-size:24px}
  .wrap{padding:20px 14px 60px}
  .yields{grid-template-columns:repeat(3,minmax(84px,1fr));max-width:none}
  .headline{gap:16px}
}

nav.site{font:700 12px/1 Verdana,Geneva,sans-serif;letter-spacing:.04em;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:14px}
nav.site a{color:var(--muted);text-decoration:none;text-transform:uppercase;font-size:11px}
nav.site a:hover{color:var(--navy)}
nav.site a.here{color:var(--ink);border-bottom:2px solid var(--navy);padding-bottom:2px}
.waitform{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.waitform input[type=email]{flex:1;min-width:220px;padding:9px 12px;border:1px solid var(--rule2);border-radius:3px;background:var(--paper);color:var(--ink);font:15px Consolas,Menlo,monospace}
.waitform button{padding:9px 18px;border:1px solid var(--navy);border-radius:3px;background:var(--navy);color:#fff;font:700 14px Georgia,serif;cursor:pointer}
.waitform button:disabled{opacity:.6;cursor:default}
.waitmsg{font-size:13.5px;font-family:Verdana,Geneva,sans-serif}
.waitmsg.ok{color:var(--green)} .waitmsg.bad{color:var(--red)}
article p{margin:0 0 14px}
.byline{font-size:13px;color:var(--faint);font-family:Verdana,Geneva,sans-serif;margin:4px 0 0}
