:root { color-scheme: light; --ink:#243128; --muted:#5b655e; --honey:#d58a12; --cream:#fff8e8; --line:#e7dcc5; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:#fffdf8; line-height:1.6; }
header { background:var(--cream); border-bottom:1px solid var(--line); }
.wrap { width:min(880px,calc(100% - 40px)); margin:0 auto; }
.brand { display:flex; align-items:center; gap:12px; padding:22px 0; text-decoration:none; color:inherit; font-weight:700; font-size:1.25rem; }
.mark { width:34px; height:34px; border-radius:50%; background:var(--honey); display:grid; place-items:center; color:#fff; }
main { padding:56px 0 70px; }
h1 { font-size:clamp(2rem,6vw,3.4rem); line-height:1.12; max-width:720px; margin:0 0 20px; }
h2 { margin-top:36px; font-size:1.35rem; }
p,li { max-width:760px; }
.lead { font-size:1.2rem; color:var(--muted); }
.card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; margin:32px 0; }
a { color:#9a5a00; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.92rem; padding:25px 0; }
nav { display:flex; flex-wrap:wrap; gap:18px; }