/* Reckoner-page sheet (2026-08-27 homepage-minimal redesign): the savings
   calculator's .sc-* rules relocated here from home.css with the widget's
   markup (/reckoner.html) - rules MOVED, not rewritten. Loads AFTER style.css
   on /reckoner.html only (page_css pattern, spec 3.2). */
.sc-lede{color:var(--muted);font-size:15px;max-width:680px;margin:0 0 var(--space-3)}
.sc-list{display:flex;flex-direction:column;gap:2px;margin:0 0 var(--space-3);
  border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}
.sc-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;
  background:var(--surface-2);cursor:pointer;font-size:14.5px}
.sc-row:nth-child(even){background:color-mix(in srgb,var(--surface-2) 60%,var(--surface))}
.sc-row:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}
.sc-check{width:18px;height:18px;flex:none;accent-color:var(--accent);cursor:pointer}
.sc-name{font-weight:600;color:var(--ink);flex:1 1 200px;min-width:150px}
.sc-price{font:600 13.5px/1 var(--font-mono);color:var(--dim);white-space:nowrap}
.sc-per{font-weight:500;color:var(--muted);margin-left:2px}
.sc-arrow{color:var(--dim)}
.sc-alt{font:600 13.5px/1 var(--font-mono);color:var(--accent);white-space:nowrap}
.sc-hostcost{font-size:12px;color:var(--muted);white-space:nowrap}
.sc-hostcost.sc-free{color:var(--ok)}
@media(max-width:640px){.sc-row{font-size:13.5px}.sc-name{flex-basis:100%}}
.sc-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:0 0 var(--space-3)}
@media(max-width:640px){.sc-totals{grid-template-columns:1fr}}
.sc-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);
  padding:var(--space-2) var(--space-3);text-align:center}
.sc-stat-highlight{border-color:var(--accent-dim);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}
.sc-stat-label{display:block;font:600 11px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.sc-stat-value{font:700 26px/1.3 var(--font-mono);color:var(--ink)}
.sc-stat-value.sc-ok{color:var(--ok)}
.sc-stat-sub{font-size:12px;color:var(--muted);margin-left:3px}
.sc-honest{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 var(--space-3)}
.sc-cta{margin:0;font-size:15px;color:var(--muted)}