:root { color-scheme: light; --ink:#30261e; --muted:#756555; --paper:#fffaf1; --card:#fffdf8; --line:#dfcfb8; --accent:#9c6239; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(880px,calc(100% - 32px)); margin:0 auto; padding:48px 0 72px; }
header { padding-bottom:24px; border-bottom:1px solid var(--line); }
h1 { margin:0 0 8px; font-family:Georgia,serif; font-size:clamp(32px,6vw,52px); line-height:1.08; }
h2 { margin:36px 0 10px; font-size:22px; }
h3 { margin:24px 0 8px; font-size:18px; }
p,li { max-width:76ch; }
.muted { color:var(--muted); }
.lang-nav { display:flex; gap:10px; margin-top:20px; }
.lang-nav a,.button { display:inline-block; padding:9px 14px; border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--accent); text-decoration:none; }
section[lang="en"] { margin-top:56px; padding-top:32px; border-top:2px solid var(--line); }
a { color:var(--accent); }
.notice { padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); }
@media (max-width:520px) { main { padding-top:28px; } ul { padding-left:22px; } }