.info-page{width:min(800px,calc(100% - 40px));margin:auto}
.info-page .topbar{gap:16px;flex-wrap:wrap;padding-block:12px}
.info-page .brand{letter-spacing:.05em;text-transform:none}
.info-page main{padding:48px 0}
.info-page h1{font-size:clamp(28px,6vw,40px);line-height:1.25;letter-spacing:-.04em;margin:0 0 16px}
.info-page h2{font-size:21px;line-height:1.5;margin:32px 0 12px}
.info-page h3{font-size:17px;margin:24px 0 8px}
.info-page p,.info-page li{line-height:1.85;overflow-wrap:anywhere}
.info-page p{margin:12px 0;color:#c3cfd6}
.info-page li{margin:8px 0;color:#c3cfd6}
.info-page main a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.info-page .updated{color:var(--muted);font-size:13px}
.info-page .intro-note{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.info-page .language-nav{display:flex;gap:16px}
.info-page .language-nav a{padding-block:12px;font-size:14px}
.info-page section[lang=en]{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.info-page footer{border-top:1px solid var(--line);padding:20px 0 32px}
@media(max-width:540px){.info-page main{padding-top:28px}.info-page .topbar{align-items:center}.info-page .intro-note{padding:16px}}
