:root{--navy:#10233f;--navy2:#172f50;--ink:#18212c;--muted:#586575;--paper:#f7f5ef;--white:#fff;--cyan:#087f9c;--line:#d9dee3;--max:1120px;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);font-family:var(--sans);margin:0;font-size:1.05rem;line-height:1.65}img{max-width:100%;height:auto}a{color:#086e87;text-underline-offset:.2em}a:hover{color:#064f63}a:focus-visible,summary:focus-visible{outline-offset:4px;border-radius:2px;outline:3px solid #00a7cf}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.narrow{max-width:780px}h1,h2,h3{font-family:var(--serif);color:var(--navy);margin:0 0 .7em;line-height:1.12}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,6vw,4.8rem)}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:1.4rem}p{margin:0 0 1.2rem}.skip{z-index:10;color:#000;background:#fff;padding:.6rem 1rem;position:absolute;top:-5rem;left:1rem}.skip:focus{top:1rem}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.nav-wrap{justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:var(--navy);letter-spacing:.02em;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand span{background:var(--navy);color:#fff;width:42px;height:42px;font-family:var(--serif);place-items:center;font-size:.8rem;display:grid}.brand-light{color:#fff}.brand-light span{color:var(--navy);background:#fff}.desktop-nav ul{gap:1.9rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;font-weight:700}.site-header nav a{color:var(--ink);font-size:.95rem;font-weight:650;text-decoration:none}.site-header nav a[aria-current]{color:var(--cyan);border-bottom:2px solid;padding-bottom:.35rem}.hero{background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(4rem,9vw,8rem) 0}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.eyebrow{color:var(--cyan);letter-spacing:.14em;margin-bottom:1rem;font-size:.76rem;font-weight:800}.lede{font-family:var(--serif);color:#435062;max-width:48rem;font-size:clamp(1.2rem,2.2vw,1.55rem)}.actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.button{background:var(--navy);border:2px solid var(--navy);color:#fff;padding:.75rem 1.15rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--navy2);color:#fff}.button-secondary{color:var(--navy);background:0 0}.button-secondary:hover{color:#fff}.section{padding:clamp(4rem,8vw,7rem) 0}.section-tint{background:var(--paper)}.section-head{max-width:650px;margin-bottom:2.5rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.card{border:1px solid var(--line);background:#fff;padding:1.6rem}.card h3 a{color:var(--navy);text-decoration:none}.text-link{font-weight:700;text-decoration:none}.cover-shell{filter:drop-shadow(0 20px 20px #10233f2e);width:100%;max-width:340px;margin:auto}.cover-shell img{width:100%;height:auto;display:block}.hero .cover-shell{max-width:360px}.cover-large{max-width:380px}.cover-placeholder{aspect-ratio:2/3;color:#fff;background:linear-gradient(150deg,#17385c,#0d203a);border-left:8px solid #0b1b31;flex-direction:column;padding:2rem 1.7rem;display:flex}.cover-placeholder h2{color:#fff;overflow-wrap:normal;word-break:normal;margin:auto 0;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.08}.cover-placeholder small,.cover-placeholder p{color:#93d4e4;letter-spacing:.09em;font-weight:700}.cover-placeholder strong{font-family:var(--serif)}.breadcrumbs{padding-top:1.5rem}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.5rem;padding:0;font-size:.88rem;list-style:none;display:flex}.breadcrumbs li{gap:.5rem;display:flex}.page-head{padding:4rem 0 2.5rem}.book-layout{grid-template-columns:340px 1fr;gap:clamp(3rem,7vw,7rem);padding:2rem 0 6rem;display:grid}.book-layout h1{font-size:clamp(2.5rem,5vw,4.3rem)}.check-grid{grid-template-columns:1fr 1fr;gap:.6rem 2rem;padding-left:1.2rem;display:grid}.layers{counter-reset:layer;gap:.8rem;padding:0;list-style:none;display:grid}.layers li{counter-increment:layer;background:var(--paper);align-items:center;gap:1rem;padding:1rem;display:flex}.layers li:before{content:counter(layer);background:var(--cyan);color:#fff;border-radius:50%;place-items:center;min-width:2rem;height:2rem;font-weight:800;display:grid}.notice,.book-note{border-left:5px solid var(--cyan);background:#eef7f8;margin:2rem 0;padding:1.5rem}.article{padding-bottom:6rem}.article>header{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding:2.5rem 0}.article h1{font-size:clamp(2.4rem,5vw,4rem)}.byline{color:var(--muted);font-size:.9rem}.article-body h2{margin-top:2.2rem}.article-body h3{margin-top:1.8rem}.article-body li{margin-bottom:.55rem}.article-body blockquote{border-left:4px solid var(--cyan);background:var(--paper);margin:1.8rem 0;padding:1rem 1.4rem}.related{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.related ul{text-transform:capitalize;display:block}.hub-steps{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.hub-steps article{border-top:4px solid var(--cyan);background:#fff;padding:1.2rem}.site-footer{background:var(--navy);color:#d8e1ed;padding:4rem 0 1.5rem}.footer-grid{justify-content:space-between;gap:3rem;display:flex}.footer-grid nav{grid-template-columns:1fr 1fr;gap:.6rem 2rem;display:grid}.site-footer a{color:#fff}.fine{border-top:1px solid #536278;margin-top:2.5rem;padding-top:1.2rem}.prose{max-width:750px}.prose h2{margin-top:2.5rem}@media (width<=720px){body{font-size:1rem}.nav-wrap{min-height:70px}.brand strong{font-size:.9rem}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav details{position:relative}.mobile-nav details ul{border:1px solid var(--line);z-index:4;background:#fff;width:190px;padding:1rem;display:grid;position:absolute;top:2.5rem;right:0;box-shadow:0 8px 30px #10233f22}.mobile-nav details:not([open]) ul{display:none}.hero-grid,.book-layout{grid-template-columns:1fr}.hero-copy{order:1}.cover-shell{max-width:240px}.hero .cover-shell{max-width:260px}.cover-large{max-width:280px}.grid-3,.hub-steps,.check-grid{grid-template-columns:1fr}.footer-grid{display:grid}.footer-grid nav{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
