:root{--ink:#17243c;--muted:#5e6b7f;--paper:#f7f4ee;--card:#fff;--blue:#214ed3;--navy:#10223d;--line:#dfe3e8;--warm:#eee4d3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:17px}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:var(--blue);text-underline-offset:3px}header{background:var(--navy);color:white}.nav{max-width:1160px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:white;text-decoration:none;font-weight:750;letter-spacing:-.4px;font-size:21px}.brand small{display:block;color:#b8cae4;font-size:11px;letter-spacing:1.4px;font-weight:600}.nav nav{display:flex;gap:24px}.nav nav a{color:#dbe6f5;text-decoration:none;font-size:14px}.hero{max-width:1160px;margin:auto;padding:76px 24px 82px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#8fb1ff}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-2.5px;margin:12px 0 20px;max-width:820px}.hero p{font-size:20px;color:#d4deec;max-width:700px}.hero-card{background:#193150;border:1px solid #2d4b70;border-radius:18px;padding:28px}.hero-card b{display:block;font-size:34px;color:white}.hero-card span{color:#b8cae4}.wrap{max-width:1160px;margin:auto;padding:68px 24px}.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.intro h2,.section-title{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:0}.intro p{margin-top:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.guide-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.guide-card img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#e9eef6}.guide-body{padding:24px;display:flex;flex-direction:column;flex:1}.guide-body h3{font-size:23px;line-height:1.2;margin:0 0 12px}.guide-body p{color:var(--muted);font-size:15px}.guide-body a{margin-top:auto;font-weight:700}.principles{background:var(--warm)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:32px}.principle{border-top:3px solid var(--blue);padding-top:16px}.principle h3{margin:0 0 8px}.principle p{color:#4e5b6c}.notice{background:#eaf0ff;border:1px solid #cddafb;border-radius:12px;padding:18px 20px;margin:26px 0;color:#263b67}.article{max-width:780px}.article h1{font-size:48px;line-height:1.08;letter-spacing:-1.7px;margin:18px 0}.article h2{font-size:29px;margin-top:46px;line-height:1.2}.article h3{font-size:21px;margin-top:30px}.article p,.article li{color:#364256}.article .lede{font-size:21px;color:#536176}.article img{width:min(100%,560px);display:block;margin:34px auto;border-radius:15px;border:1px solid var(--line)}.checklist{padding:0;list-style:none;counter-reset:item}.checklist li{counter-increment:item;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px 18px 64px;margin:14px 0;position:relative}.checklist li:before{content:counter(item);position:absolute;left:19px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:white;text-align:center;line-height:30px;font-weight:800}.meta{font-size:14px;color:var(--muted)}footer{background:var(--navy);color:#c6d3e5}.footer{max-width:1160px;margin:auto;padding:40px 24px;display:flex;justify-content:space-between;gap:24px}.footer a{color:white}.footer nav{display:flex;gap:20px;flex-wrap:wrap}button,.button{display:inline-block;border:0;border-radius:8px;background:var(--blue);color:white;padding:12px 18px;text-decoration:none;font-weight:700}@media(max-width:820px){.hero,.intro{grid-template-columns:1fr}.hero{padding-top:52px}.grid,.principle-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.nav nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer{display:block}.footer nav{margin-top:18px}.article h1{font-size:38px}}