/* Rating Ledger — site tokens only (structure lives in base.css). Pick an own palette per site: batch sites do not share a theme. */
:root{
  --bg:#F3F5F7; --surface:#FFFFFF; --ink:#15202B; --muted:#56636F; --line:#DCE2E8; --line-strong:#B4BFCA;
  --accent:#7A2E46; --accent-ink:#FFFFFF; --accent-soft:#ECE2E5;
  --cool:#1F7A5C; --cool-soft:#DDF1E8; --ok:#1F7A5C; --ok-soft:#DDF1E8; --warm:#A86A00; --warm-soft:#FBEFD2; --bad:#A8342C; --bad-soft:#F8E2DF;
  --r:10px; --max:1060px;
  --sans:Inter,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  --display:"Barlow Condensed","Avenir Next Condensed","Arial Narrow",var(--sans); --glass:#D6E4EE; --hero-art-bg:var(--accent-soft);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0F161D; --surface:#17212B; --ink:#E8EEF3; --muted:#9AA8B5; --line:#273441; --line-strong:#3E4F60;
  --accent:#B68C99; --accent-ink:#0B2140; --accent-soft:#220D14;
  --cool:#6ED3A9; --cool-soft:#163829; --ok:#6ED3A9; --ok-soft:#163829; --warm:#F2C25A; --warm-soft:#3A2E12; --bad:#F09088; --bad-soft:#3E1F1C; color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:4px;background:var(--accent)}
/* Rating Ledger art classes */
.art .art-sq-0{fill:var(--accent)}.art .art-sq-1{fill:var(--warm)}.art .art-sq-2{fill:var(--cool)}
.art .art-sq-free{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}
.art .art-step{fill:var(--line-strong);opacity:.75}
.art .art-tick{font-size:16px;font-weight:600;fill:var(--muted)}
.art .art-tickline{stroke:var(--ink);stroke-width:2;opacity:.6}
/* tool */
.rl-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.rl-big{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.rl-big .label{font:600 .75rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rl-big .value{font:700 2rem/1.1 var(--display);color:var(--accent)}
.rl-big .note{font-size:.82rem;color:var(--muted)}
.rl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.rl-chip{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 12px;border-radius:20px;background:var(--accent-soft);border:1px solid var(--line);font-weight:600}
.rl-chip button{min-height:40px;min-width:40px;border:0;background:none;color:var(--ink);font-size:1.1rem;cursor:pointer}
.rl-add{display:grid;grid-template-columns:1fr 1.2fr auto;gap:8px;align-items:end}
.rl-add select,.rl-deps select,.rl-deps input{min-height:44px;width:100%}
.rl-deps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.rl-steps{font-size:.9rem;color:var(--muted);margin:.4em 0}
.help-first{border:2px solid var(--cool);background:var(--cool-soft);border-radius:var(--r);padding:12px 14px;margin:18px 0}
.help-first strong{color:var(--ink)}
.ymyl{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:10px}
.pair-grid td,.pair-grid th{text-align:center}
@media (max-width:760px){.rl-add{grid-template-columns:1fr 1fr}.rl-add button{grid-column:1/-1}.rl-big .value{font-size:1.7rem}}
figure.viz svg{max-width:520px}