:root{--ink:#14213d;--muted:#5e6b7c;--accent:#0b6bcb;--accent2:#eaf4ff;--line:#dbe4ee;--bg:#f4f7fb;--card:#fff;--dark:#0d1b2a;--green:#0d7a5f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#1d2939;line-height:1.75}.container{width:min(1160px,calc(100% - 32px));margin:auto}.top{background:var(--dark);color:#fff;font-size:14px}.top .container{display:flex;justify-content:space-between;padding:8px 0}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{font-size:22px;font-weight:800;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}nav a{color:#344054;text-decoration:none;margin-left:22px;font-weight:600;font-size:14px}.hero{background:linear-gradient(135deg,#0d1b2a,#153b63);color:#fff;padding:72px 0 58px}.hero .eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#9fd0ff;font-weight:800}.hero h1{font-size:48px;line-height:1.15;max-width:920px;margin:12px 0 18px}.hero p{max-width:800px;font-size:19px;color:#d9e7f5}.meta{font-size:14px;color:#b8ccdf}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding:46px 0}.article,.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px rgba(16,24,40,.06)}.article{padding:42px 48px}.article h2{font-size:30px;line-height:1.3;color:var(--ink);margin:48px 0 16px}.article h3{font-size:22px;color:#173a5e;margin:30px 0 10px}.article p{margin:0 0 18px}.lead{font-size:19px;color:#344054}.toc{background:#f7fbff;border:1px solid #cfe5fa;padding:22px 24px;border-radius:14px;margin:28px 0}.toc strong{display:block;margin-bottom:10px;color:var(--ink)}.toc a{display:block;color:#235b8f;text-decoration:none;padding:4px 0}.kw{color:var(--accent);font-weight:700;text-decoration:none;border-bottom:1px solid #9ecdf6}.note{border-left:4px solid var(--accent);background:var(--accent2);padding:18px 20px;border-radius:0 12px 12px 0;margin:24px 0}.expert{border-left-color:var(--green);background:#eaf8f4}.table-wrap{overflow:auto;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:13px 14px;border:1px solid var(--line);vertical-align:top}th{background:#eef5fc;color:var(--ink);text-align:left}.checklist li{margin:8px 0}.inline-links{padding:18px 20px;border:1px dashed #9cc7ee;border-radius:12px;background:#fbfdff}.inline-links a{color:#075fae;font-weight:700;text-decoration:none}.sidebar{position:relative}.sidebar-box{padding:22px;position:sticky;top:96px}.sidebar h3{margin-top:0;color:var(--ink)}.sidebar a{display:block;text-decoration:none;color:#344054;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}.cta{background:linear-gradient(135deg,#0b6bcb,#073c73);color:#fff;padding:30px;border-radius:16px;margin:42px 0}.cta h2{color:#fff;margin-top:0}.cta a{display:inline-block;background:#fff;color:#075fae;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:10px}.faq details{border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin:12px 0;background:#fff}.faq summary{cursor:pointer;font-weight:750;color:var(--ink)}footer{background:var(--dark);color:#c9d5e1;padding:38px 0;margin-top:40px}.footergrid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.article-header{margin-bottom:24px}.breadcrumbs{font-size:14px;color:#667085;margin-bottom:10px}.breadcrumbs a{color:#316b9d;text-decoration:none}.sub-hero{background:#eaf2fa;padding:40px 0}.sub-hero h1{font-size:40px;line-height:1.22;color:var(--ink);max-width:900px;margin:10px 0}.related{margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}.related a{display:block;margin:8px 0;color:#075fae;font-weight:700;text-decoration:none}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.hero h1{font-size:38px}.article{padding:30px 24px}}@media(max-width:600px){nav{display:none}.hero{padding:48px 0}.hero h1,.sub-hero h1{font-size:32px}.article{border-radius:0}.container{width:min(100% - 22px,1160px)}}