:root{--navy:#00354d;--red:#d3041b;--bg:#f6f8f9;--card:#fff;--text:#1a171b;--muted:#4d5d66;--line:#dbe3e7}
@media (prefers-color-scheme:dark){:root{--bg:#0b1c26;--card:#102a37;--text:#eef3f5;--muted:#a9bcc6;--line:#1f4254;--navy:#8fc6e0}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--navy)}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px}
header{padding:28px 0 0}
.logo{display:block;width:min(340px,80%);height:auto}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}
.lang{float:right;font-size:.9rem;margin-top:-2px}
main{flex:1;padding:56px 0 40px}
.card{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--red);border-radius:10px;padding:32px 28px}
h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2;margin:0 0 16px;color:var(--navy)}
h2{font-size:1.2rem;margin:28px 0 8px;color:var(--navy)}
p{margin:0 0 14px}
.muted{color:var(--muted)}
.tag{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:10px}
footer{border-top:1px solid var(--line);padding:20px 0 28px;font-size:.92rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}
.linklike{background:none;border:0;padding:0;font:inherit;color:var(--navy);text-decoration:underline;cursor:pointer}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:10px 0 18px}
th,td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:9}