:root{color-scheme:dark;--bg:#071327;--panel:#0c2240;--panel2:#102e51;--line:#2b547a;--text:#eff8ff;--muted:#bed3e9;--sky:#52d4ff;--blue:#197afa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 78% 35% at 60% -14%,#123e78,transparent 82%),var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#82d8ff}a:hover{color:white}a:focus-visible,button:focus-visible{outline:3px solid #66d7ff;outline-offset:4px}
header{background:#07152ae8;border-bottom:1px solid #1b3556;position:sticky;top:0;z-index:4;backdrop-filter:blur(16px)}
.nav{max-width:1110px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:850;letter-spacing:.035em;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%}.brand em{font-style:normal;color:var(--sky)}.navlinks{display:flex;align-items:center;gap:21px;font-size:14px}.navlinks a{text-decoration:none;color:#c8dff3}.navlinks a:hover{color:var(--sky)}.navlinks .signin{border:1px solid #3895e6;padding:9px 14px;border-radius:10px;background:#154c86;color:white}
.page{max-width:1090px;margin:auto;padding:44px 24px 90px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#6bd6ff;font-size:12px}.heading{max-width:870px;margin:0 0 31px}h1{font-size:clamp(34px,5vw,55px);letter-spacing:-.045em;line-height:1.15;margin:12px 0 18px}h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.025em;line-height:1.28;color:#effaff;margin:37px 0 12px}h3{font-size:19px;line-height:1.35;margin:24px 0 8px}.lead{font-size:19px;line-height:1.7;color:#c6dbef}.meta{font-size:13px;color:#a6c3dc;margin-top:13px}.crumbs{font-size:13px;color:#a7cbe7;margin:0 0 25px}.crumbs a{text-decoration:none}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 44px}.article-link{display:block;padding:24px;border:1px solid #2b5b87;border-radius:18px;background:linear-gradient(140deg,#103054,#0a1d35);text-decoration:none;color:inherit;min-width:0}.article-link:hover{border-color:#65c7ff;background:#133b67;color:inherit;transform:translateY(-2px)}.article-link strong{font-size:20px;color:white;display:block;line-height:1.35;margin:12px 0}.article-link p{font-size:14px;color:#b7d1e9;margin:0}.article-link small{color:#72d3ff}.article-link .read{display:block;font-size:13px;font-weight:700;color:#69d8ff;margin-top:17px}
.article{max-width:820px;margin:0 auto}.article p,.article li{color:#c9dbea}.article p{margin:12px 0 17px}.article ul,.article ol{padding-left:24px}.article li{margin:9px 0}.article h2{padding-top:9px}.article h2:not(:first-child){border-top:1px solid #25496b;padding-top:25px}.article strong{color:white}.callout{border-left:4px solid #36b7ef;background:#102b49;padding:14px 19px;border-radius:0 12px 12px 0;margin:21px 0;color:#e4f6ff}.callout p{margin:4px 0;color:#e4f6ff}.example{padding:21px;border-radius:14px;background:#0f2947;border:1px solid #345a7f;margin:22px 0}.example h3{margin-top:0;color:#94e3ff}.tablewrap{overflow-x:auto;margin:17px 0 22px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:450px}th,td{text-align:left;padding:12px;border-bottom:1px solid #315778;vertical-align:top}th{color:#92d8ff;background:#123451}td{color:#d0e2f3}.nexte{border:1px solid #386c9b;border-radius:16px;padding:22px;margin:34px 0;background:#102b49}.nexte h2{border:0!important;margin:0 0 10px;padding:0!important}.nexte a{font-weight:750}.guide-nav{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.guide-nav a{display:inline-block;padding:10px 16px;border:1px solid #3b82b8;border-radius:10px;text-decoration:none;background:#103454;color:#e1f4ff;font-size:14px}
.content-width{max-width:820px}.content-width p,.content-width li{color:#c2d8eb}.content-width li{margin:10px 0}footer{border-top:1px solid #244867;margin-top:50px;padding:27px 24px 45px;color:#a4c0dc;font-size:13px}.footerin{max-width:1090px;margin:auto;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.footlinks a{text-decoration:none;color:#b2d6ee}
@media(max-width:800px){.articles{grid-template-columns:1fr}.article-link{padding:20px}.nav{flex-wrap:wrap}.navlinks{flex-wrap:wrap;gap:10px 16px}.page{padding:31px 19px 70px}}@media(max-width:430px){.nav{padding:11px 17px}.navlinks{font-size:12px;gap:9px}.navlinks .signin{padding:7px 9px}.lead{font-size:16px}h1{font-size:35px}}
@media print{body{background:white!important;color:#171c25!important}.nav,footer,.guide-nav{display:none!important}.page{padding:0}.article{max-width:none}.article p,.article li{color:#222!important}.article h2,.article strong{color:#161616!important}.callout,.example,.nexte{background:white!important;color:black!important;break-inside:avoid}.crumbs{display:none}}