:root{--ink:#141e3d;--ink2:#2f3e60;--navy:#111a37;--purple:#3948aa;--mist:#eef1f9;--paper:#f9f9fc;--line:#dce1ed;--blue:#bac5ff;--max:1216px;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;background:white;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.58}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.52}
:focus-visible{outline:3px solid #6979ee;outline-offset:4px}
.skip{position:absolute;left:14px;top:-90px;z-index:20;padding:10px 18px;background:white}
.skip:focus{top:10px}
.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}
.site-header{position:relative;z-index:2;background:white;border-bottom:1px solid #e6e8f0}
.header-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;flex:none;font-size:13px;font-weight:550;letter-spacing:.15em;text-decoration:none;line-height:1.15}
.brand-em{font-weight:800}
.top-nav,.site-footer nav{display:flex;align-items:center;gap:clamp(15px,2.3vw,32px)}
.top-nav a,.site-footer nav a{font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.top-nav a:hover,.top-nav a[aria-current]{color:#3a46ac;text-decoration:underline;text-underline-offset:6px}
.menu{display:none;background:white;color:var(--ink);border:1px solid var(--line);padding:7px 13px;border-radius:3px;font-weight:700}
.hero{background:#101a38;color:white;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101a38 0%,#101a38 23%,#101a38c9 41%,#101a3844 67%,#101a381a),linear-gradient(0deg,#0f193b9c,transparent 53%),url('glass-bridge.webp') center 55%/cover no-repeat}
.hero-inner{min-height:550px;display:grid;grid-template-columns:1fr 210px;align-items:center;gap:36px;position:relative;padding-block:60px 76px}
.hero-copy{max-width:700px}
.eyebrow{margin:0 0 15px;color:#4050aa;font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.45;text-transform:uppercase}
.hero .eyebrow{color:#d3dbff;display:flex;align-items:center;gap:10px}
.hero .eyebrow span{display:inline-block;width:18px;height:1px;background:#9eaefa}
h1,h2,h3,p{overflow-wrap:break-word}
.hero h1{font:400 clamp(63px,8.15vw,124px)/.9 var(--serif);letter-spacing:-.065em;margin:22px 0 28px}
.hero h1 em{color:#c2cdff;font-weight:400}
.hero-lead{color:#edf0ff;font-size:clamp(16px,1.6vw,20px);max-width:520px;line-height:1.58;margin:0 0 26px}
.hero-note{align-self:end;padding:16px 0 0 17px;border-left:1px solid #c2cdff91;color:#fff;justify-self:end;width:100%}
.hero-note span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#cbd5ff}
.hero-note p{margin:5px 0 0;font-size:13px;text-shadow:0 1px 4px #12182c}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 19px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-weight:760;line-height:1.28;font-size:13px;text-align:center}
.primary{background:#c9d2ff;color:#101838}.primary:hover{background:#e7ebff}
.secondary{border-color:#aeb9e2;color:white;background:#141c3a9f}.secondary:hover{background:#2a3b68}
.dark{background:#303e99;color:white}.dark:hover{background:#1c2b80}
.outline{background:white;color:#26356a;border-color:#bac4e0}
.signal{background:#e9edfb;border-bottom:1px solid #dce1f2}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:15px}
.signal-grid div{display:flex;align-items:center;gap:12px;padding:7px 16px 7px 0}
.signal-grid div+div{border-left:1px solid #cbd3ee;padding-left:23px}
.signal-grid span,.num{font-family:ui-monospace,monospace;color:#4656ac;font-size:12px;font-weight:700;letter-spacing:.08em}
.signal-grid p{font-size:13px;font-weight:700;margin:0}
.section{padding-block:64px}
.section-title{display:grid;grid-template-columns:1.4fr .75fr;gap:40px;align-items:end;margin-bottom:27px}
.section-title>p{margin:0;color:var(--ink2)}
h2{font:400 clamp(30px,4vw,51px)/1.08 var(--serif);letter-spacing:-.046em;margin:0 0 14px}
.section-title h2{margin:0}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{padding:24px 23px 22px;background:#fff;border:1px solid var(--line);border-top:2px solid #8c9ce2;display:flex;flex-direction:column;min-height:198px}
.tile .num{margin:0 0 12px}
.tile h3,.guide-list h3{font:400 26px/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 8px}
.tile h3 a{text-decoration:none}
.tile h3 a:hover{text-decoration:underline}
.tile>p:not(.num){color:var(--ink2);margin:0 0 14px}
.small-link{font-size:13px;font-weight:760;color:#30439b;text-underline-offset:4px}
.tile .small-link{align-self:flex-start;margin-top:auto}
.reading{background:var(--mist)}
.guide-list{border-top:1px solid #c9d1e8}
.guide-list a{padding:17px 8px;display:grid;grid-template-columns:47px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #c9d1e8;text-decoration:none}
.guide-list a:hover{background:#fff}
.guide-list h3{margin:0 0 3px}.guide-list p{margin:0;color:var(--ink2);font-size:14px}
.read-label{font-size:12px;font-weight:750;color:#32428a}
.principle{max-width:870px;margin-left:max(56px,calc((100% - var(--max))/2))}
.principle>p:not(.eyebrow){color:var(--ink2);max-width:580px;margin:0 0 21px}
.page-head{background:linear-gradient(125deg,#101a3a,#2d3876);color:white;padding:54px 0 60px}
.page-head .eyebrow{color:#c2ceff}.page-head h1{font:400 clamp(42px,6.3vw,78px)/1.02 var(--serif);letter-spacing:-.052em;max-width:900px;margin:0 0 14px}
.page-lead{max-width:720px;margin:0;color:#e2e8fb;font-size:clamp(16px,1.8vw,20px)}
.crumb{margin:0 0 20px;color:#dce1fc;font-size:13px}
.crumb a{text-underline-offset:3px}.crumb span{margin:0 6px}
.article-grid,.tool-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:35px;align-items:start}
.prose{max-width:790px}.prose section+section{margin-top:28px}.prose h2,.side h2,.form h2,.tool-output h2,.reading h2:not(.section-title h2){font-size:34px}
.prose p{color:var(--ink2);margin:0 0 15px}
.side,.example,.form,.tool-output{padding:23px;background:#f4f6fc;border:1px solid var(--line)}
.side ul,.sources{padding-left:20px}.side li,.sources li{margin:0 0 9px}
.example{margin-top:26px}.example p:last-child{margin:0}
.sources{display:grid;gap:6px}.sources li{padding-left:4px}
.sources span{display:inline-block;margin-right:9px;color:var(--ink2);font-size:12px}.sources a{color:#263a8e;text-underline-offset:3px}
.form>p{color:var(--ink2);margin:0 0 15px}
fieldset{padding:14px;margin:17px 0 0;border:1px solid #cbd3e7;min-width:0}
legend{font-size:14px;font-weight:750;padding-inline:6px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:650}
.form label.check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:4px 0}
.form input:not([type=checkbox]),.form select{padding:8px;width:100%;border:1px solid #acb8d4;border-radius:3px;background:white;color:var(--ink);min-height:39px;font-size:14px}
.form .actions{margin-top:18px}
.tool-output{position:sticky;top:15px;background:white}
.tool-output>button{margin-top:13px}
.result-table{width:100%;border-collapse:collapse;font-size:13px}
.result-table th,.result-table td{padding:7px 5px;border-bottom:1px solid var(--line);text-align:right}
.result-table th:first-child,.result-table td:first-child{text-align:left}
#results p,#results ol{font-size:14px}
#results ol{padding-left:21px}
#results li{margin-bottom:6px}
.site-footer{background:#111a36;color:#edf0fb;padding-block:34px 21px}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}
.footer-inner p{color:#c2cbe2;font-size:13px;margin:10px 0 0}
.site-footer nav{flex-wrap:wrap;justify-content:flex-end}
.site-footer nav a:hover{text-decoration:underline}
.footnote{margin-top:25px;border-top:1px solid #4b5677;padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c9d3ee}
@media(max-width:1000px){.wrap{width:calc(100% - 70px)}.principle{margin-inline:auto}.tiles{grid-template-columns:repeat(2,1fr)}.hero-inner{min-height:502px;grid-template-columns:1fr 165px}}
@media(max-width:850px){.header-inner{min-height:66px}.menu{display:inline-flex}.top-nav{display:none;position:absolute;top:100%;inset-inline:0;background:white;box-shadow:0 12px 22px #121f4520;padding:12px 35px 20px}.top-nav.open{display:grid;gap:0}.top-nav a{padding:9px 0}.site-footer nav{justify-content:flex-start}.footer-inner{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.hero-note{display:none}.article-grid,.tool-grid{gap:20px}.form,.tool-output{padding:16px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.hero-inner{min-height:493px;padding-block:36px 40px}.hero:before{background:linear-gradient(90deg,#111b39f7 0%,#111b39a8 75%,#101a3877),url('glass-bridge.webp') 64% 51%/cover no-repeat}.hero h1{font-size:clamp(56px,13vw,82px);margin:21px 0}.hero .eyebrow{font-size:9px}.hero-lead{margin-bottom:21px}.hero .actions{align-items:stretch}.hero .button{padding:9px 11px;font-size:12px}.section{padding-block:40px}.section-title,.tiles,.article-grid,.tool-grid{grid-template-columns:1fr;gap:15px}.signal-grid{grid-template-columns:1fr 1fr;gap:3px 0;padding-block:10px}.signal-grid div+div{border:0;padding-left:0}.signal-grid div:nth-child(even){border-left:1px solid #cbd3ee;padding-left:10px}.signal-grid p{font-size:12px}.tile{min-height:0;padding:16px}.guide-list a{grid-template-columns:26px 1fr;gap:8px}.read-label{display:none}.guide-list h3{font-size:23px}.tool-output{position:static}.page-head{padding:36px 0 40px}.site-footer nav{gap:10px 16px}}
@media(max-width:370px){.fields{grid-template-columns:1fr}.hero .button{font-size:11px}.hero .actions{gap:8px}}