/* DealMixer static site. No scripts, no external fonts, no trackers. */
:root{--fg:#1b1f24;--muted:#5b6570;--bg:#fff;--soft:#F5F7F6;--accent:#1B4D3E;--warn-bg:#fff6dd;--warn-bd:#e0b84a;--ph-bg:#ffe9e9;--ph-fg:#8a1c1c}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
header.site{background:var(--soft);border-bottom:1px solid #dde2e7}
.wrap{max-width:46rem;margin:0 auto;padding:1rem 1.25rem}
header.site .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between}
.brand{font-weight:700;font-size:1.2rem;color:var(--fg);text-decoration:none}
nav a{margin-right:1rem;white-space:nowrap}
nav a[aria-current="page"]{font-weight:700;color:var(--fg);text-decoration:none}
main{padding-bottom:2rem}
h1{font-size:1.8rem;line-height:1.25;margin:1.5rem 0 .5rem}
h2{font-size:1.3rem;margin:2rem 0 .5rem}
h3{font-size:1.1rem;margin:1.25rem 0 .25rem}
p,ul,ol{margin:.6rem 0}
li{margin:.25rem 0}
.meta{color:var(--muted);font-size:.95rem}
.note{background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:6px;padding:.75rem 1rem;margin:1rem 0}
.confirm,.ph{background:var(--ph-bg);color:var(--ph-fg);padding:0 .25em;border-radius:3px;font-weight:600}
.box{background:var(--soft);border-radius:6px;padding:.75rem 1rem;margin:1rem 0}
footer.site{border-top:1px solid #dde2e7;color:var(--muted);font-size:.9rem}
@media (min-width:700px){body{font-size:18px}}
@media (prefers-color-scheme:dark){
:root{--fg:#e8ecf0;--muted:#a3adb8;--bg:#14181c;--soft:#1d242b;--accent:#6db3f2;--warn-bg:#3a3217;--warn-bd:#8a7424;--ph-bg:#4a1f1f;--ph-fg:#ffb4b4}
header.site,footer.site{border-color:#2c353d}
}
@media print{header.site nav{display:none}.confirm,.ph{background:none;color:inherit}}

header.site{background:#0E2A47;border-bottom:4px solid #1FA971}
header.site .brand,header.site nav a{color:#fff}
header.site nav a[aria-current="page"]{color:#fff;text-decoration:underline}
.brand img{vertical-align:middle;border-radius:6px}
h1{color:#0E2A47}
.tagline{font-size:1.25rem;color:#1B4D3E;font-weight:600}
.soon{background:#D3F0E3;border-left:4px solid #1FA971;padding:.75rem 1rem;border-radius:6px}
@media (prefers-color-scheme:dark){h1{color:#e8ecf0}.tagline{color:#6fd3a5}.soon{background:#1d3a2e}:root{--accent:#6fd3a5}}