:root{--navy:#071e2d;--navy2:#0b3048;--blue:#078fd8;--sky:#edf7fb;--white:#fff;--ink:#102638;--muted:#5c7180;--line:#d8e4ea;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #48bff8;outline-offset:3px}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:12px}
.header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(7,30,45,.97);color:#fff;backdrop-filter:blur(12px)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;line-height:1.05}.brand strong{display:block;font:700 20px Georgia,serif}.brand small{display:block;margin-top:5px;color:#c8d7df;font-size:10px;letter-spacing:.15em}
.nav{display:flex;align-items:center;gap:22px}.nav a{text-decoration:none;font-size:14px;font-weight:750}.nav a:hover{color:#55c6ff}
.button{display:inline-flex;min-height:48px;padding:11px 19px;align-items:center;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;font-weight:850}
.blog-hero{padding:88px 0 74px;background:var(--navy);color:#fff}.eyebrow{margin:0 0 14px;color:#55c6ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.blog-hero h1{max-width:820px;margin:0;font:700 clamp(44px,7vw,76px)/.98 Georgia,serif;letter-spacing:-.04em}.blog-hero p:last-child{max-width:690px;margin:22px 0 0;color:#c8d7df;font-size:18px}
.index-section{padding:72px 0 90px}.index-heading{margin-bottom:22px}.index-heading .eyebrow{color:var(--blue);margin-bottom:7px}.index-heading h2{margin:0;font:700 36px/1.1 Georgia,serif}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive{margin-top:68px;padding-top:50px;border-top:1px solid var(--line)}.archive-posts{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.post-card{display:flex;min-height:330px;padding:28px;border:1px solid var(--line);text-decoration:none;flex-direction:column;transition:.2s}.post-card:hover{transform:translateY(-3px);border-color:#9ecce3;box-shadow:0 18px 42px rgba(7,30,45,.1)}
.post-card small,.article-meta{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.post-card h2{margin:18px 0 12px;font:700 29px/1.15 Georgia,serif}.post-card p{margin:0;color:var(--muted)}.post-card span{margin-top:auto;padding-top:28px;font-weight:850}
.article-hero{padding:72px 0 64px;background:var(--sky)}.article-hero h1{max-width:850px;margin:12px 0 18px;font:700 clamp(40px,6vw,68px)/1 Georgia,serif;letter-spacing:-.04em}.article-deck{max-width:760px;margin:0;color:#425f70;font-size:20px;line-height:1.55}
.article-shell{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:72px;padding:64px 0 92px}.article-body{font-size:18px;line-height:1.75}.article-body h2{margin:48px 0 14px;font:700 34px/1.16 Georgia,serif}.article-body h2:first-child{margin-top:0}.article-body h3{margin:32px 0 8px;font:700 23px/1.25 Georgia,serif}.article-body p{margin:0 0 22px}.article-body ul{margin:0 0 26px;padding-left:24px}.article-body li{margin:9px 0}.callout{margin:34px 0;padding:24px;border-left:4px solid var(--blue);background:var(--sky)}.callout strong{display:block;margin-bottom:6px}
.article-aside{position:sticky;top:104px;align-self:start;padding:24px;background:var(--navy);color:#fff}.article-aside h2{margin:0 0 10px;font:700 26px/1.15 Georgia,serif}.article-aside p{margin:0 0 18px;color:#c8d7df;font-size:14px}.article-aside .button{width:100%}
.more{padding:58px 0;background:var(--sky)}.more h2{margin:0 0 24px;font:700 36px Georgia,serif}.more-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.more-links a{padding:22px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:800}
.footer{padding:34px 0;background:#03131f;color:#adc2ce}.footer-grid{display:flex;justify-content:space-between;gap:28px}.footer strong,.footer a{color:#fff}.footer p{margin:6px 0;font-size:13px}
@media(max-width:900px){.posts{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr;gap:34px}.article-aside{position:static}.nav a:not(.button){display:none}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--max))}.blog-hero{padding:66px 0 58px}.blog-hero h1{font-size:47px}.posts,.more-links{grid-template-columns:1fr}.post-card{min-height:280px}.article-hero{padding:54px 0}.article-hero h1{font-size:43px}.article-deck{font-size:18px}.article-shell{padding:44px 0 70px}.article-body{font-size:17px}.article-body h2{font-size:30px}.footer-grid{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card{transition:none}}