@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}
:root{--ink:#070B1A;--muted:rgba(7,11,26,.66);--line:rgba(7,11,26,.12);--link:#3B48D8;
  --grad:linear-gradient(135deg,#4F46E5 0%,#2F7BDD 55%,#06B6D4 100%)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.65 "Inter","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-underline-offset:3px}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;height:64px;padding:0 max(16px,calc(50% - 360px));
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.mark{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.mark .glyph{width:28px;height:28px;border-radius:8px;background:var(--grad);display:grid;place-items:center}
.mark .glyph svg{width:20px;height:20px;fill:#EEF4FC}
.doc{max-width:720px;margin:0 auto;padding:40px 16px 64px}
.doc h1{margin:0 0 4px;font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.doc .updated{margin:0 0 28px;color:var(--muted);font-size:15px}
.doc h2{margin:36px 0 8px;font-size:21px;line-height:1.3;font-weight:600}
.doc h3{margin:24px 0 4px;font-size:17px;font-weight:600}
.doc p,.doc li{color:rgba(7,11,26,.86)}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:6px 0}
.doc .box{margin:20px 0;padding:16px 20px;border-radius:14px;background:#F5F7FB;border:1px solid var(--line)}
.foot{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:720px;margin:0 auto;padding:24px 16px 40px;border-top:1px solid var(--line);font-size:14px}
.foot a{color:var(--ink)}
.foot span{flex-basis:100%;color:var(--muted);font-size:13px}
@media (max-width:480px){.doc h1{font-size:30px}body{font-size:16px}}
