*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2430;background:#f6f8fb}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}header{padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.brand{font-weight:700;font-size:1.15rem;color:#0b5cad;text-decoration:none}nav a{margin-right:14px;color:#0b5cad;text-decoration:none}nav a:hover{text-decoration:underline}
.lang{font-size:.9rem}main{background:#fff;margin-top:16px;padding:28px 24px;border-radius:12px;box-shadow:0 1px 4px #0001}
h1{margin-top:0}h2{margin-top:2rem;font-size:1.2rem}a{color:#0b5cad}footer{padding-top:16px;padding-bottom:32px;color:#5a6676;font-size:.88rem}
.ph{background:#fff3b0;border:1px dashed #b38600;padding:0 4px;border-radius:3px;font-weight:600}
.note{background:#eef4fb;border-left:4px solid #0b5cad;padding:10px 14px;border-radius:4px}
@media (prefers-color-scheme:dark){body{background:#12161c;color:#e4e9f0}main{background:#1a2029}a,.brand,nav a{color:#7db6f5}.note{background:#1f2a38}footer{color:#9aa6b6}.ph{background:#4a3f00;color:#ffe680}}