/* The one design system for every page: porcelain and indigo, like blue pottery. Pages add layout only. */
:root{
  --bg:#f5f6f8; --surface:#ffffff; --sunk:#eceef3; --fg:#161a24; --muted:#5d6577; --line:#dde1ea;
  --accent:#2742a8; --accent-ink:#ffffff; --accent-soft:#e3e8fa; --gold:#9a6b12; --good:#1f7a4a; --bad:#a63a2e; --star:#c58a0c;
  --amz-bg:#ff9900; --amz-fg:#131921;
  --f-display:"Gloock",Georgia,"Times New Roman",serif;
  --f-body:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:10px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f121a; --surface:#171b26; --sunk:#1e2331; --fg:#e8ebf2; --muted:#9aa2b5; --line:#2a3042;
  --accent:#8ea3f5; --accent-ink:#0f121a; --accent-soft:#232c4d; --gold:#e0b45a; --good:#6cc596; --bad:#ec8a7d; --star:#f0bd4a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f121a; --surface:#171b26; --sunk:#1e2331; --fg:#e8ebf2; --muted:#9aa2b5; --line:#2a3042;
  --accent:#8ea3f5; --accent-ink:#0f121a; --accent-soft:#232c4d; --gold:#e0b45a; --good:#6cc596; --bad:#ec8a7d; --star:#f0bd4a; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45}
.wrap{max-width:1280px;margin:0 auto;padding-inline:16px;padding-block:20px 60px}
h1,h2,h3{font-family:var(--f-display);font-weight:400;margin:0;text-wrap:balance}
h1{font-size:clamp(28px,5vw,42px);line-height:1.05}
h2{font-size:26px}
.sub{color:var(--muted);margin-top:6px}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
button,select,input{font:inherit;color:inherit}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}