*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f4f7fb;color:#243c4c;font:14px/1.6 'Plus Jakarta Sans',system-ui,sans-serif}
a{color:inherit}
button,input{font:inherit}
a:focus-visible,input:focus-visible{outline:3px solid #3b5e8e;outline-offset:3px}
.skip{position:absolute;top:-60px;left:12px;z-index:10;padding:9px 12px;background:#fff}
.skip:focus{top:12px}
.wrap{width:min(100% - 48px,1140px);margin-inline:auto}
.header{background:#fff;border-top:3px solid #3b5e8e;border-bottom:1px solid #d9e2ec}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand img{display:block;width:205px;height:62px;object-fit:contain;object-position:left center}
.header nav{display:flex;align-items:center;gap:25px}
.header nav a{text-decoration:none;color:#486476;font-weight:700;font-size:12px;white-space:nowrap}
.header nav a:hover,.header nav a[aria-current]{color:#3b5e8e}
.intro{padding:54px 0 45px;border-bottom:1px solid #d9e2ec;background:#fff}
.eyebrow{margin:0 0 10px;color:#3b5e8e;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{max-width:800px;margin-bottom:14px;font-size:clamp(30px,4vw,47px);line-height:1.14}
.intro p:last-child{max-width:750px;margin-bottom:0;color:#5d7083;font-size:15px}
.page{padding:46px 0 80px}
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:38px;align-items:start}
.section{padding:0 0 30px;margin-bottom:31px;border-bottom:1px solid #d9e2ec;scroll-margin-top:28px}
.section:last-child{border-bottom:0}
.section h2{margin-bottom:10px;font-size:22px;line-height:1.25}
.section p,.section li{color:#526a78}
.section p{max-width:70ch}
.section ul,.section ol{padding-left:21px}
.section li{margin:9px 0}
.action-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#3b5e8e;text-decoration:none}
.action-link:hover{text-decoration:underline}
.aside{position:sticky;top:24px;padding:22px;border:1px solid #d9e2ec;border-radius:6px;background:#fff}
.aside h2{font-size:15px;margin-bottom:9px}
.aside p{color:#5d7083;font-size:12px}
.aside a{display:block;padding:10px 0;border-top:1px solid #e8f0f1;text-decoration:none;font-size:12px;font-weight:750}
.aside a:hover{color:#3b5e8e}
.steps{list-style:none;counter-reset:step;padding:0!important}
.steps li{counter-increment:step;display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e8f0f1;margin:0}
.steps li::before{content:counter(step,decimal-leading-zero);flex:none;display:grid;place-items:center;width:30px;height:30px;background:#e8eef6;border-radius:5px;color:#3b5e8e;font-size:11px;font-weight:800}
.checklist{display:grid;gap:10px;margin:19px 0 22px}
.checklist label{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border:1px solid #d9e2ec;border-radius:5px;background:#fff;color:#243c4c;cursor:pointer}
.checklist label:has(input:checked){background:#e8eef6;border-color:#9fc2d2}
.checklist input{margin:4px 0 0;accent-color:#3b5e8e}
.notice{padding:16px 18px;border-left:3px solid #bf8440;background:#fff;color:#4b5e69;font-size:12px}
footer{background:#243c4c;color:#dce9ec;padding:26px 0;font-size:11px}
@media(max-width:750px){.wrap{width:min(100% - 32px,1140px)}.header-inner{flex-direction:column;align-items:flex-start;gap:0;padding:10px 0 14px}.brand img{width:174px;height:52px}.header nav{width:100%;overflow-x:auto;gap:18px;padding:4px 0}.intro{padding:36px 0}.split{grid-template-columns:1fr;gap:12px}.aside{position:static}.page{padding:32px 0 55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pi-meta{display:flex;flex-wrap:wrap;gap:6px 28px;margin:0 0 14px;font-size:12.5px}
.pi-meta div{display:flex;gap:6px}
.pi-meta dt{font-weight:800;color:#243c4c}
.pi-meta dt::after{content:":"}
.pi-meta dd{margin:0;color:#5d7083}