/* 01-base.css - reset, tokens, typography */
:root{--red:#c8102e;--red-dark:#9b0c23;--ink:#1d1d1f;--muted:#5f6368;--bg:#ffffff;--soft:#f5f5f7;--line:#e2e2e6;--gold:#f2b33d;--radius:10px;--shadow:0 6px 20px rgba(0,0,0,.08);--max:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(2rem,4vw,3rem)}
h2{font-size:clamp(1.5rem,3vw,2.1rem)}
p{margin:0 0 1em}
.muted{color:var(--muted)}