:root{--navy:#0B1A33;--line-dark:#24365A;--on-dark:#EAF0FA;--muted-dark:#A9B8D0;--ink:#0F1B2D;--body:#3B4A63;--muted:#5E6E88;--line:#DCE3EE;--blue:#2563EB;--blue-hover:#1D4ED8}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#F4F8FE;font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.65}
a{color:var(--blue)} a:hover{color:var(--blue-hover)}
.nav{background:var(--navy);border-bottom:1px solid var(--line-dark)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:16px}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--on-dark);text-decoration:none;font-weight:700;font-size:18px}
.brand img{width:40px;height:40px}
.nav a.back{color:var(--muted-dark);text-decoration:none;font-size:15px}
.nav a.back:hover{color:#fff}
main{background:#fff;max-width:860px;margin:40px auto;padding:40px 48px;border:1px solid var(--line);border-radius:12px}
h1{font-size:34px;line-height:1.2;margin:0 0 6px}
h2{font-size:21px;margin:32px 0 8px}
p,li{color:var(--body)}
.updated{color:var(--muted);font-size:15px;margin:0 0 24px}
footer{color:var(--muted);font-size:14px;text-align:center;padding:0 24px 40px}
footer a{margin:0 8px}
@media (max-width:640px){main{margin:0;border-radius:0;border-left:0;border-right:0;padding:28px 20px}}