:root{--ink:#18202a;--muted:#657180;--paper:#faf8f3;--card:#fff;--accent:#b76635;--line:#ded9cf;--max:920px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;line-height:1.75}a{color:var(--accent);text-underline-offset:.2em}header,main,footer{width:min(calc(100% - 32px),var(--max));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}header a{text-decoration:none;color:var(--ink)}.header-tools,nav,.language-switcher{display:flex;align-items:center;gap:14px}.language-switcher{gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.language-switcher button{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:6px 9px;cursor:pointer;font:inherit}.language-switcher button[aria-pressed=true]{background:var(--ink);color:#fff}nav{font-size:.92rem}.brand{font-weight:750;letter-spacing:.04em}.hero{padding:96px 0 72px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:720px;margin:.2em 0;font-size:clamp(2.4rem,7vw,5.5rem);line-height:1.08;letter-spacing:-.04em}.hero p{max-width:650px;color:var(--muted);font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 72px}.card{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:14px}.card h2,.card h3{margin-top:0}.page{padding:56px 0 80px}.page h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.2}.page h2{margin-top:2.4em}.notice{padding:16px 18px;border-left:4px solid var(--accent);background:#fff6ee}.meta{color:var(--muted);font-size:.9rem}footer{padding:30px 0 50px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}@media(max-width:760px){header{display:block}.brand{display:block;margin-bottom:12px}.header-tools{align-items:flex-start;flex-direction:column}.hero{padding:64px 0 48px}.grid{grid-template-columns:1fr}}@media(max-width:430px){nav{gap:10px;flex-wrap:wrap}.language-switcher{width:100%;justify-content:space-between}.language-switcher button{flex:1;padding-inline:4px}}