:root{--bg:#fbfbf9;--text:#1a1a1a;--muted:#5a5a5a;--accent:#2f6f6a}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;padding:20px 24px 64px}
.wrap{max-width:1120px;margin:0 auto}
.wrap.narrow{max-width:760px}

.lang{display:flex;width:max-content;margin:0 0 24px auto;padding:3px;border-radius:999px;background:#efeeea}
.lang a{padding:5px 13px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--muted);text-decoration:none}
.lang a:hover{color:var(--text)}
.lang a[aria-current]{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lang a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

header{text-align:center;margin-bottom:48px}
.logo{max-width:260px;width:55vw;height:auto;display:block;margin:0 auto}
header h1{margin-top:20px;font-size:1.05rem;font-weight:500;color:var(--muted);letter-spacing:.01em}

footer{margin-top:56px;text-align:center;font-size:.8rem;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:10px}
.foot-links a{color:var(--muted);text-decoration:none}
.foot-links a:hover{color:var(--text);text-decoration:underline}
.foot-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.topbar .logo{width:130px;margin:0}
.topbar .lang{margin:0}
.legal .back{display:inline-block;margin-bottom:22px;font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}
.legal .back:hover{text-decoration:underline}
.legal h1{margin-bottom:6px;font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.2}
.legal .updated{margin-bottom:32px;font-size:.85rem;color:var(--muted)}
.legal h2{margin:32px 0 8px;font-size:1.15rem;line-height:1.3}
.legal p,.legal li{font-size:.95rem;line-height:1.7;color:#333}
.legal p,.legal address{margin-bottom:12px}
.legal ul{margin:8px 0;padding-left:20px}
.legal address{font-style:normal;line-height:1.7}
.legal a:not(.back){color:var(--accent);text-underline-offset:2px}

@media(max-width:480px){body{padding:16px 16px 48px}header{margin-bottom:36px}}