:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: #29382f; background: #f7f5ef; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
header { border-bottom: 1px solid #e5e4dc; }
.header-inner, main, footer { width: min(100% - 40px, 920px); margin-inline: auto; }
.header-inner { min-height: 74px; display: flex; align-items: center; justify-content: space-between; }
.header-actions { display: flex; align-items: center; gap: 18px; }
.brand { color: #29382f; font-weight: 800; font-size: 1.15rem; letter-spacing: -.04em; text-decoration: none; }
.back { color: #536a57; font-size: .9rem; text-decoration: none; }
.language-switch { display: inline-flex; padding: 3px; align-items: center; gap: 2px; border: 1px solid #e5e4dc; border-radius: 999px; background: #fffefa; }
.language-switch a { display: grid; min-width: 36px; min-height: 30px; padding: 0 8px; place-items: center; border-radius: 999px; color: #64736a; font-size: .72rem; font-weight: 750; letter-spacing: .04em; text-decoration: none; }
.language-switch a[aria-current="page"] { background: #405e49; color: #fff; }
main { padding-block: clamp(54px, 9vw, 100px); }
.eyebrow { color: #74866f; font-size: .78rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
h1, h2 { font-family: ui-rounded, system-ui, sans-serif; letter-spacing: -.05em; line-height: 1.12; }
h1 { max-width: 740px; margin: 14px 0 20px; font-size: clamp(2.6rem, 7vw, 4.6rem); }
.lead { max-width: 690px; color: #64736a; font-size: clamp(1.08rem, 2vw, 1.28rem); }
.cta { display: inline-flex; min-height: 52px; padding: 0 22px; margin-top: 18px; align-items: center; border-radius: 14px; background: #405e49; color: white; font-weight: 700; text-decoration: none; }
.content { max-width: 740px; padding-top: 56px; }
h2 { margin: 38px 0 12px; font-size: clamp(1.45rem, 3vw, 1.9rem); }
p, li { color: #596b61; }
ol { padding-left: 1.3rem; }
li { padding: 4px 0 4px 6px; }
.note { padding: 16px 19px; border-left: 3px solid #91a980; border-radius: 0 12px 12px 0; background: #edf1e8; }
footer { padding-block: 24px 38px; border-top: 1px solid #e5e4dc; color: #748078; font-size: .85rem; }
footer a { color: inherit; }
@media (max-width: 520px) { .header-inner, main, footer { width: min(100% - 32px, 920px); } .header-actions { gap: 8px; } .back { font-size: .8rem; } .language-switch a { min-width: 31px; min-height: 28px; padding-inline: 6px; font-size: .68rem; } }