/* Raise the Rate — Sample Artifact Binder
   Palette ONLY: Armor Navy #0A0E1A · Crystal Azure #1F5675 · Crystal Bright #65BBD6 ·
   Armor Silver #C0C0C0 · white / near-white paper tones. */
:root{
  --navy:#0A0E1A; --azure:#1F5675; --bright:#65BBD6; --silver:#C0C0C0;
  --paper:#FAFAF7; --paper2:#F2F2EE; --panel:#FFFFFF; --ink:#0A0E1A;
  --muted:#1F5675; --hairline:#C0C0C0;
  --shadow:0 18px 50px rgba(10,14,26,.14);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif;font-size:16.5px;line-height:1.55;
  text-rendering:optimizeLegibility}
a{color:var(--azure)}
.mono{font-family:"IBM Plex Mono",monospace}
.serif{font-family:"Source Serif 4",Georgia,serif}
.shell{width:min(1120px,calc(100% - 40px));margin:0 auto}
.topbar{background:var(--navy);color:#FFFFFF;border-bottom:3px solid var(--bright)}
.topbar .shell{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:space-between;padding:12px 0}
.topbar .brand{font:700 13px/1.3 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#FFFFFF;text-decoration:none}
.topbar .brand span{color:var(--bright)}
.topbar nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.topbar nav a{color:#FFFFFF;text-decoration:none;font-size:13.5px;font-weight:600}
.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--bright);text-decoration:underline}
.sample-banner{background:var(--azure);color:#FFFFFF;padding:12px 0}
.sample-banner p{margin:0;font-size:14px;line-height:1.5}
.sample-banner strong{font-family:"IBM Plex Mono",monospace;letter-spacing:.05em}
.hero{padding:clamp(40px,6vw,72px) 0 34px}
.eyebrow{margin:0 0 14px;font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--azure)}
h1{margin:0;font:700 clamp(34px,5.4vw,58px)/1.04 "Source Serif 4",Georgia,serif;letter-spacing:-.03em;color:var(--navy)}
h1 em{color:var(--azure);font-style:normal}
.lede{max-width:720px;margin:20px 0 0;font-size:clamp(17px,2vw,20px);color:var(--navy)}
.lede strong{color:var(--azure)}
.meta-row{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;padding:12px 0;border-top:1px solid var(--silver);border-bottom:1px solid var(--silver);
  font:600 12px/1.5 "IBM Plex Mono",monospace;letter-spacing:.05em;color:var(--azure)}
main{padding:10px 0 56px}
.sheet{background:var(--panel);border:1px solid var(--silver);border-top:6px solid var(--navy);
  box-shadow:var(--shadow);padding:clamp(22px,4.5vw,48px);margin:26px 0}
.sheet.azure{border-top-color:var(--azure)}
.sheet h2{margin:0 0 6px;font:600 clamp(24px,3.4vw,34px)/1.12 "Source Serif 4",Georgia,serif;letter-spacing:-.02em;color:var(--navy)}
.sheet h3{margin:26px 0 8px;font:600 19px/1.25 "Source Serif 4",Georgia,serif;color:var(--navy)}
.sheet p{margin:0 0 12px}
.kicker{font:600 11.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--azure);margin:0 0 10px}
.unit-line{font-size:19px;font-weight:600;border-left:4px solid var(--bright);padding:10px 14px;background:var(--paper2);margin:14px 0}
.table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;margin:14px 0}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
table.narrow{min-width:0}
th{font:600 11.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.06em;text-align:left;
  background:var(--navy);color:#FFFFFF;padding:10px 12px}
td{padding:10px 12px;border-bottom:1px solid var(--silver);vertical-align:top}
tr.total td{font-weight:700;background:var(--paper2);border-top:2px solid var(--navy)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.big-reading{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;margin:20px 0}
.reading-card{flex:1 1 180px;border:1px solid var(--silver);border-top:5px solid var(--azure);padding:18px;background:var(--paper)}
.reading-card .label{font:600 11.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.07em;color:var(--azure)}
.reading-card .value{font:700 clamp(34px,5vw,50px)/1.05 "Source Serif 4",Georgia,serif;color:var(--navy);margin:6px 0}
.reading-card p{margin:0;font-size:14px}
.formula{font:600 clamp(16px,2.6vw,21px)/1.5 "IBM Plex Mono",monospace;background:var(--navy);color:#FFFFFF;
  padding:16px 18px;margin:16px 0;overflow-wrap:anywhere}
.formula span{color:var(--bright)}
.note{border:1px solid var(--bright);background:var(--paper2);padding:14px 16px;margin:16px 0;font-size:15px}
.note strong{color:var(--azure)}
.pill{display:inline-block;font:600 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.05em;
  padding:4px 8px;border:1px solid var(--azure);color:var(--azure);white-space:nowrap}
.pill.solid{background:var(--azure);color:#FFFFFF}
.pill.bright{background:var(--bright);border-color:var(--bright);color:var(--navy)}
.pill.grey{border-color:var(--silver);color:var(--navy);background:var(--paper2)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:28px 0}
.card{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--silver);
  border-top:5px solid var(--azure);padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 8px 26px rgba(10,14,26,.08)}
.card:hover,.card:focus-visible{border-top-color:var(--bright);box-shadow:var(--shadow)}
.card .mod{font:600 11.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.07em;color:var(--azure)}
.card h2{margin:0;font:600 22px/1.15 "Source Serif 4",Georgia,serif;color:var(--navy)}
.card p{margin:0;font-size:14.5px;color:var(--navy)}
.card .proves{margin-top:auto;padding-top:10px;border-top:1px solid var(--silver);font-size:14px}
.card .proves strong{color:var(--azure)}
.card .open{font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--azure)}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.column{background:var(--paper2);border:1px solid var(--silver);padding:12px;min-width:0}
.column h3{margin:0 0 4px;font:600 16px/1.2 "Source Serif 4",Georgia,serif;color:var(--navy)}
.column .limit{font:600 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.05em;color:var(--azure);margin:0 0 10px}
.wip-card{background:#FFFFFF;border:1px solid var(--silver);border-left:4px solid var(--bright);
  padding:9px 10px;margin:0 0 9px;font-size:13.5px;line-height:1.4}
.wip-card b{display:block;font-size:13.5px;color:var(--navy)}
.wip-card span{color:var(--azure);font-size:12.5px}
.gates{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}
.gate{border:1px solid var(--silver);border-top:5px solid var(--navy);background:var(--panel);padding:18px}
.gate h3{margin:0 0 8px;font:600 18px/1.2 "Source Serif 4",Georgia,serif;color:var(--navy)}
.gate p{margin:0 0 8px;font-size:14.5px}
.gate .holder{font:600 12px/1.5 "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--azure)}
.sig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin:18px 0}
.sig{border-top:2px solid var(--navy);padding-top:8px;font-size:14px}
.sig .name{font:600 20px/1.2 "Source Serif 4",Georgia,serif;color:var(--navy)}
footer.site{background:var(--navy);color:#FFFFFF;padding:30px 0 38px;margin-top:10px}
footer.site a{color:var(--bright)}
footer.site p{margin:0 0 10px;font-size:14px}
footer.site .fine{color:var(--silver);font-size:13px}
.backrow{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;font-weight:600;font-size:15px}
.backrow a{text-decoration:none;border-bottom:2px solid var(--bright);padding-bottom:2px}
ul.tight{margin:8px 0 14px;padding-left:20px}
ul.tight li{margin:0 0 6px}
@media (max-width:760px){ .board{grid-template-columns:1fr 1fr} }
@media (max-width:480px){
  body{font-size:16px}
  .shell{width:calc(100% - 28px)}
  .board{grid-template-columns:1fr}
  table{min-width:480px}
  .sheet{padding:20px 16px}
}
@media print{ .topbar,.backrow{display:none} .sheet{box-shadow:none} body{background:#FFFFFF} }