/* Atlas workbench — a numbered financial field guide, not a card-template landing page. */
:root{--ink:#1d2a40;--green:#2448b1;--green2:#2448b1;--muted:#606679;--line:#d8d8d2;--cream:#f4f2eb;--orange:#2448b1;--mint:#eceef7}
body{background:var(--cream)}
.site-header{height:96px;border-bottom:0;background:var(--cream)}
.nav-shell{max-width:1360px;padding-inline:48px;border-bottom:1px solid #c9cbd2}
.wordmark em{color:#2448b1;font-size:49px}.wordmark em:after{border-color:#2448b1;bottom:-5px;height:8px;width:92%}.wordmark small{color:var(--ink)}
.nav-shell nav a{color:var(--ink)}.nav-shell nav a:hover{color:#2448b1}.locale-select select{border:1px solid #c9cbd2;padding:10px 12px;font-size:12px;max-width:204px}
.hero{max-width:1360px;padding:64px 48px 48px;gap:65px;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:center}
.hero-copy{position:relative;padding-block:16px}.hero-copy>.eyebrow{display:block;padding-inline-start:32px;position:relative;max-width:560px;line-height:1.8}
.hero-copy>.eyebrow:before{content:'✳';position:absolute;inset-inline-start:0;top:-6px;font:32px/1.2 Georgia,serif;color:#2448b1}
.eyebrow{color:#2448b1;letter-spacing:.12em}.hero h1{font-size:clamp(42px,4.3vw,66px);line-height:1.1;letter-spacing:-.055em;margin:24px 0 22px;max-width:660px}
.hero-copy>p{font-size:15px;line-height:1.85;max-width:520px}.atlas-start{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:#2448b1;color:white;padding:15px 22px;font-size:13px;font-weight:600;margin:20px 0 25px;border:1px solid #2448b1;min-height:50px}.atlas-start:hover{background:#172f78;border-color:#172f78}.trust-row{font-size:10px;gap:16px;color:#4e5869}
.hero-card{position:relative;margin:0;padding:26px 30px 22px;border:1px solid #c5c9d0;border-top:5px solid #2448b1;background:#fffdf9;box-shadow:8px 8px 0 #e5e4dc;display:block;max-width:none}
.hero-card:before{display:block;inset:0;top:auto;bottom:-13px;height:4px;border:0;border-radius:0;background:repeating-linear-gradient(90deg,#b8bfc9 0 1px,transparent 1px 12px);pointer-events:none}
.mini-head{margin-bottom:23px;align-items:center;padding-bottom:17px;border-bottom:1px solid #d7d9dd}.mini-head span{font:400 18px/1.45 'Atlas Serif',Georgia,serif;max-width:70%}.mini-head i{background:#edf0fc;color:#2448b1;border:1px solid #ccd4f0;padding:5px 8px;font-size:8px;letter-spacing:.1em}
.hero-card>small{font-size:11px;letter-spacing:.02em}.hero-card>strong{font:400 49px/1.25 'Atlas Serif',Georgia,serif;color:#2448b1;margin:5px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.atlas-growth-plot{margin:8px -5px 14px}.atlas-growth-plot svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{fill:none;stroke:#d6dbe5;stroke-width:1;stroke-dasharray:2 5}.chart-fill{fill:#eef2fb}.chart-line{fill:none;stroke:#2448b1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-end{fill:#dcec8c;stroke:#2448b1;stroke-width:2}.chart-axis{font:10px system-ui,sans-serif;fill:#626e82;text-anchor:middle}.mini-stats{margin:0;border-top:1px solid #c9ced8;padding-top:14px;gap:18px}.mini-stats>span{font-size:16px}.mini-stats small{font-size:10px;margin-bottom:7px}.mini-stats b{color:#2448b1}.hero-assumptions{font-size:10px;border:0;padding-top:8px;line-height:1.8;margin-top:4px}
.proof{max-width:1264px;grid-template-columns:1.1fr repeat(3,1fr);margin:6px auto 0;padding:20px 0;border-block:1px solid #c9cbd2;font-size:11px;gap:24px}.proof>span{font-size:9px;color:#2448b1;grid-column:auto}.proof p{border-inline-start:1px solid #c9cbd2;padding-inline-start:24px}.proof b{display:block;font-size:12px;font-weight:600;margin-bottom:3px}
.directory{max-width:1360px;padding:65px 48px 85px;scroll-margin-top:25px}.directory>.section-title{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:2px solid #1d2a40;padding-bottom:24px;margin-bottom:0;gap:4px 30px}.directory>.section-title .eyebrow{grid-column:1/-1}.directory .section-title h2{font-size:39px;margin:8px 0 0}.directory .section-title p{font-size:12px;max-width:300px;margin:0 0 4px;line-height:1.7;color:#606679}
.directory-workbench{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;align-items:start}.directory-index{position:sticky;top:24px;align-self:start;padding-top:24px}.category-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;border:0;margin:0;gap:3px}.category-tabs button{display:flex;text-align:start;align-items:center;justify-content:space-between;gap:10px;line-height:1.6;min-height:48px;padding:12px 14px;border:0;border-inline-start:3px solid transparent;font-size:12px;font-weight:500;background:transparent;color:#596073}.category-tabs button:after{content:attr(data-count);font:10px ui-monospace,monospace;border:1px solid #c8ccd5;padding:2px 5px;color:inherit;flex-shrink:0}.category-tabs button.active{background:#e8ebf6;color:#2448b1;border-inline-start-color:#2448b1}.category-tabs button:hover{background:#ebece8;color:#2448b1}.category-tabs button.active:after{background:#2448b1;color:white;border-color:#2448b1}
.directory-tools{min-width:0;padding-top:24px}.directory-tools .search-box{height:52px;max-width:none;margin:0 0 24px;padding:0 16px;background:#fffdf9;border:1px solid #bfc6d3;box-shadow:none}.search-box>span{font-size:23px;color:#2448b1}.search-box input{font-size:13px}.search-box kbd{font-size:10px;padding:2px 6px;border-color:#c8ccd5}.search-box:focus-within{outline:2px solid #2448b1;outline-offset:2px}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:none}
.tool-card{position:relative;display:grid;grid-template-columns:1fr 22px;grid-template-rows:auto 1fr;align-items:start;gap:14px 12px;border:1px solid #d1d5dc;border-radius:0;background:#fffdf9;padding:22px 23px;min-height:202px;counter-increment:none;transition:border-color .15s,background .15s}
.tool-card:before{content:attr(data-index);position:absolute;top:23px;inset-inline-end:23px;font:11px ui-monospace,monospace;color:#7d8595}
.tool-card>.tool-icon{display:grid;place-items:center;grid-column:1;width:34px;height:34px;font:22px/1 Georgia,serif;color:#2448b1;border:1px solid #ccd5eb;background:#f2f4fa}
.tool-card>.tool-icon:after{display:none}.tool-card>span:nth-child(2){grid-column:1;grid-row:2;min-width:0}.tool-card small{font-size:8px;letter-spacing:.08em;color:#6e7890;font-weight:600}.tool-card strong{font:400 21px/1.26 'Atlas Serif',Georgia,serif;letter-spacing:-.025em;color:#1d2a40;margin:7px 0 9px}.tool-card p{font-size:12px;line-height:1.7;color:#626b7c}.tool-card>b{grid-column:2;grid-row:2;align-self:end;width:25px;height:25px;font-size:19px;color:#2448b1}
.tool-card:hover{background:#f4f6fd;border-color:#2448b1;transform:none;box-shadow:inset 3px 0 0 #2448b1}.tool-card:focus-visible{outline:3px solid #2448b1;outline-offset:3px}.tool-card[data-category=saving]>.tool-icon{background:#f2f4dd;border-color:#d7dcad;color:#59651b}.tool-card[data-category=tax]>.tool-icon{background:#f6ece2;border-color:#e7cdb5;color:#975522}.tool-card[data-category=spending]>.tool-icon{background:#eee9f6;border-color:#d8ccec;color:#745296}
#no-results{padding:32px;border:1px dashed #9ca9be;margin-top:20px;background:#fffdf9;font-size:14px}
.guides{background:#e9ecf5;border-top:1px solid #cbd2e4;padding:65px max(48px,calc((100% - 1264px)/2)) 75px}.guides .section-title h2{font-size:39px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.guide-grid a{border-top:1px solid #7686a8;padding:24px 0;min-height:280px}.guide-grid span,.guide-grid b{color:#2448b1}.guide-grid h3{font-size:25px;line-height:1.25}.guide-grid p{color:#59677e}.guide-grid a:nth-child(n+4){min-height:230px}.guide-grid a:nth-child(n+4) h3{font-size:22px}
.tool-shell{max-width:1280px;padding-top:30px}.breadcrumbs{margin-bottom:30px;color:#606e83}.tool-title{border-bottom:2px solid #1d2a40;padding-bottom:25px;margin-bottom:28px}.tool-title h1{font-size:43px}.tool-icon.large{border:1px solid #b6c4e8;background:#e8edfb;color:#2448b1}.calculator-layout{border:0;overflow:visible;background:transparent;gap:28px;grid-template-columns:1.1fr 1fr;align-items:start}.calculator-card{border:1px solid #c5ccd8;border-top:4px solid #2448b1;background:#fffdf9;padding:32px}.calculate{background:#2448b1}.calculate:hover{background:#183486}.field>span{color:#344359}.input-wrap,.field select,.field textarea{border-color:#b9c3d4;background:#fafbfe}.result-card{position:relative;align-self:start;background:#e9edf8;color:#1d2a40;min-height:400px;padding:32px;border-top:4px solid #1d2a40;border-bottom:1px solid #c2cbdc}.result-card:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:9px;background:linear-gradient(135deg,#e9edf8 5px,transparent 0) 0 0/12px 12px,linear-gradient(225deg,#e9edf8 5px,transparent 0) 0 0/12px 12px}.result-kicker{color:#2448b1;border-bottom:1px dashed #a8b5ce;padding-bottom:15px;margin-bottom:10px;font:600 10px/1.6 system-ui,sans-serif;letter-spacing:.12em}.result-card>small{color:#53617a}.result-card>strong{font-size:48px;color:#2448b1;margin:8px 0 25px}.result-stats{border-top:1px solid #a8b5ce}.result-stats div{border-bottom:1px solid #cbd3e2;padding:14px 0}.result-stats span{color:#526078}.result-stats b{color:#1d2a40;font-variant-numeric:tabular-nums}.result-note{color:#526078;font-size:12px}.download{background:transparent;border:1px solid #2448b1;color:#2448b1;margin-top:20px}.download:hover{background:#2448b1;color:white}.result-empty{color:#5a6881}.result-empty h2{color:#2448b1;font:400 27px/1.3 'Atlas Serif',Georgia,serif}.result-empty>span{color:#2448b1;background:#dbe2f2}.data-strip{border:0;border-bottom:1px solid #c5ccd8;padding:24px 0;margin-top:14px;gap:24px}.explain-grid{gap:55px}.formula-box{background:#e9edf8;border-color:#2448b1}.example-card,.notice{background:#eeede5;border-color:#d3d5cf}.live-rate-banner{background:#f0f3fa;border-color:#ccd6ed}.live-rate-banner>strong{color:#2448b1}
.article-page h1{color:#1d2a40}.article-page .lede{border-bottom:1px solid #bfc8d9}.article-page .sources{border-top-color:#bfc8d9}.article-cta{background:#e9edf8;border-color:#2448b1}.article-cta a,.article-page .button{background:#2448b1}.article-page a:not(.button){color:#2448b1}.article-cta a{color:white!important}
footer{background:#1d2a40;border-top:6px solid #2448b1}.footer-main .wordmark em,.footer-main .wordmark small{color:#fffdf9}.footer-main .wordmark em:after{border-color:#dcec8c}.footer-main nav b{color:#dcec8c}.footer-bottom{border-color:#475267}
[dir=rtl] .tool-card:hover{box-shadow:inset -3px 0 0 #2448b1}[dir=rtl] .formula-box{border-right-color:#2448b1}
@media(max-width:1100px){.hero{gap:36px}.hero h1{font-size:52px}.nav-shell{gap:22px}.proof{margin-inline:48px}.directory-workbench{grid-template-columns:185px minmax(0,1fr);gap:24px}.tool-card{padding:19px;min-height:210px}.tool-card:before{top:20px;inset-inline-end:19px}.tool-card strong{font-size:20px}}
@media(max-width:850px){.site-header{height:88px}.nav-shell{padding-inline:25px}.nav-shell nav{top:88px;background:#f4f2eb}.hero{padding:38px 25px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-card{padding:22px 20px 18px}.hero-card .mini-head{grid-column:auto;margin-bottom:18px}.hero-card>strong{font-size:36px}.hero-card .mini-stats{margin-top:0;grid-column:auto}.mini-head span{font-size:16px}.mini-head i{font-size:7px}.hero-card .hero-assumptions{font-size:9px}.trust-row{font-size:9px;gap:8px}.atlas-start{gap:20px;font-size:12px;padding:13px 17px}.proof{margin-inline:25px;grid-template-columns:repeat(3,1fr);gap:17px}.proof>span{grid-column:1/-1}.proof p{padding-inline-start:14px}.directory{padding:48px 25px}.directory-workbench{grid-template-columns:1fr;gap:0}.directory-index{position:static;padding-top:18px}.category-tabs{flex-direction:row;flex-wrap:wrap;gap:5px}.category-tabs button{border-inline-start:0;border-bottom:2px solid transparent;font-size:11px;padding:10px;min-height:43px}.category-tabs button.active{border-bottom-color:#2448b1}.directory-tools{padding-top:18px}.directory-tools .search-box{margin-bottom:18px}.directory>.section-title{grid-template-columns:1fr}.directory .section-title p{max-width:none;margin-top:5px}.calculator-layout{grid-template-columns:1fr;gap:26px}.result-card{min-height:300px}.guides{padding-inline:25px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.wordmark em{font-size:43px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-copy{padding-top:0}.hero h1{font-size:45px;max-width:470px}.hero-copy>p{max-width:500px}.hero-card{max-width:520px;width:100%;padding:23px 25px 19px}.hero-card>strong{font-size:44px}.atlas-growth-plot{max-height:192px;overflow:hidden}.atlas-growth-plot svg{max-height:192px}.hero-assumptions{font-size:10px!important}.tool-card{min-height:205px}.tool-card strong{font-size:19px}.tool-card p{font-size:11px}}
@media(max-width:560px){.site-header{height:82px}.nav-shell{padding-inline:18px;gap:12px}.nav-shell nav{top:82px}.wordmark em{font-size:34px}.wordmark small{font-size:7px}.locale-select select{max-width:115px;font-size:10px;padding:8px 4px;border-inline-start:1px solid #c9cbd2}.nav-toggle{font-size:11px}.hero{padding:33px 22px 35px;gap:15px}.hero h1{font-size:41px;margin:18px 0}.hero-copy>.eyebrow{font-size:9px;padding-inline-start:28px}.hero-copy>.eyebrow:before{font-size:28px;top:-3px}.atlas-start{margin:12px 0 19px}.trust-row{flex-direction:row;gap:8px 13px;font-size:9px}.hero-card{margin-top:18px;box-shadow:5px 5px 0 #e5e4dc}.hero-card>strong{font-size:40px}.mini-head span{font-size:18px}.mini-head i{font-size:8px}.proof{margin-inline:22px;grid-template-columns:1fr;padding:20px 0;gap:14px}.proof p{border:0;padding:0;font-size:11px}.proof b{display:inline;margin-inline-end:7px;font-size:11px}.directory{padding:42px 18px 55px;scroll-margin-top:15px}.directory .section-title h2{font-size:33px}.directory>.section-title{padding-bottom:18px}.directory-index{padding-top:16px}.category-tabs{gap:3px}.category-tabs button{padding:9px;font-size:10px;min-height:40px;gap:8px}.category-tabs button:after{font-size:9px;padding:1px 4px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:0;grid-template-columns:38px minmax(0,1fr) 16px;grid-template-rows:auto;padding:22px 15px;gap:14px;align-items:start}.tool-card:before{top:6px;inset-inline-end:13px;font-size:8px;color:#9ba3af}.tool-card>.tool-icon{grid-column:1;grid-row:1;width:36px;height:36px;font-size:20px;margin-top:3px}.tool-card>span:nth-child(2){grid-column:2;grid-row:1}.tool-card>b{grid-column:3;grid-row:1;align-self:center;width:auto;font-size:17px}.tool-card strong{font-size:19px;margin:5px 0 7px}.tool-card small{font-size:8px}.tool-card p{font-size:11px;line-height:1.6}.guides{padding:40px 22px 45px}.guides .section-title h2{font-size:33px}.guide-grid{grid-template-columns:1fr;gap:0}.guide-grid a,.guide-grid a:nth-child(n+4){min-height:0;padding:22px 0;margin-top:20px}.guide-grid h3{font-size:25px}.tool-title h1{font-size:33px}.calculator-card,.result-card{padding:25px 21px}.result-card>strong{font-size:40px}.data-strip{grid-template-columns:1fr}.explain-grid{gap:30px}}
@media(max-width:360px){.nav-shell{padding-inline:12px;gap:9px}.wordmark em{font-size:30px}.wordmark small{font-size:6px;max-width:28px}.locale-select select{max-width:96px}.hero h1{font-size:37px}.hero-card{padding-inline:20px}.hero-card>strong{font-size:34px}}

/* White canvas across every locale; colour is reserved for controls and charts. */
:root{--cream:#fff;--line:#dce1e8}
html,body,.site-header,.nav-shell nav,.hero,.directory,.guides,.article-page,footer{background:#fff}
.hero-card,.directory-tools .search-box,.tool-card,#no-results,.calculator-card,.result-card,.input-wrap,.field select,.field textarea,.example-card,.notice,.article-cta,.formula-box,.live-rate-banner{background:#fff}
.hero-card{box-shadow:8px 8px 0 #eef1f5}
.guides{border-top-color:#dce1e8}
.result-card{border-inline:1px solid #c2cbdc}
.result-card:after{background:linear-gradient(135deg,#fff 5px,transparent 0) 0 0/12px 12px,linear-gradient(225deg,#fff 5px,transparent 0) 0 0/12px 12px}
.example-card,.notice{border-color:#dce1e8}
footer{color:#1d2a40;border-top:3px solid #2448b1}
.footer-main .wordmark em,.footer-main .wordmark small,.footer-main nav b{color:#2448b1}
.footer-main .wordmark em:after{border-color:#2448b1}
.footer-main p,.footer-main nav a,.footer-bottom{color:#526078}
.footer-bottom{border-color:#dce1e8}
@media(max-width:560px){.hero-card{box-shadow:5px 5px 0 #eef1f5}}

/* Quiet pointer feedback, with a distinct keyboard focus indicator. */
a:focus:not(:focus-visible),button:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}
a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,.tool-card:focus-visible{outline:2px solid #2448b1;outline-offset:3px}
.tool-card,.locale-select select,.atlas-start,.calculate,.download,.article-page .button,.article-cta a,.category-tabs button,.directory-tools .search-box,.input-wrap,.field select,.field textarea{border-radius:8px}
.tool-card,.category-tabs button,.locale-select select,.atlas-start,.calculate,.download,.directory-tools .search-box,.input-wrap,.field select,.field textarea{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.tool-card:hover,[dir=rtl] .tool-card:hover{background:#f8faff;border-color:#b4c3e1;box-shadow:0 4px 16px rgba(29,42,64,.06);transform:none}
.category-tabs button:hover{background:#f3f6fb;color:#2448b1}
.category-tabs button.active{background:#edf2fc;border-inline-start-color:transparent;color:#2448b1}
.category-tabs button:after{border:0;border-radius:5px;background:#f0f3f8;padding:2px 6px}
.category-tabs button.active:after{background:#dde6fa;color:#2448b1}
.directory-tools .search-box:focus-within,.input-wrap:focus-within,.field select:focus,.field textarea:focus{outline:none;border-color:#2448b1;box-shadow:0 0 0 3px rgba(36,72,177,.08)}
.search-box input:focus,.search-box input:focus-visible,.input-wrap input:focus,.input-wrap input:focus-visible{outline:none;box-shadow:none}
.field select:focus-visible,.field textarea:focus-visible,.locale-select select:focus-visible{outline:2px solid #2448b1;outline-offset:3px}
.nav-shell nav a{transition:color .18s ease;text-decoration-thickness:1px;text-underline-offset:7px}
.guide-grid a:hover h3{text-decoration-color:#a6b7db;text-decoration-thickness:1px;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.tool-card,.category-tabs button,.locale-select select,.atlas-start,.calculate,.download,.directory-tools .search-box,.input-wrap,.field select,.field textarea,.nav-shell nav a{transition:none}}

/* Show the full language and country instead of truncating the region on phones. */
.calculator-card .live-rate-banner{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;padding:16px 18px;border-radius:8px;overflow-wrap:normal;word-break:normal}
.live-rate-banner>span,.live-rate-banner>small,.live-rate-banner>strong,.live-rate-banner>a{grid-column:1/-1;grid-row:auto;min-width:0;max-width:100%;overflow-wrap:break-word}
.live-rate-banner>span{display:block;font-size:12px;font-weight:650;line-height:1.6;letter-spacing:.015em;text-transform:none}
.live-rate-banner>small{display:block;font-size:12px;line-height:1.7}
.live-rate-banner>strong{font-size:22px;line-height:1.3}
.live-rate-banner>a{justify-self:start;margin-top:0;line-height:1.6;text-underline-offset:3px}
.live-rate-banner span i{margin-inline:0 8px}
.calculator-card,.result-card,.field,.input-wrap{min-width:0}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field>span{display:block;line-height:1.6;overflow-wrap:break-word}
.field>span small{display:block;margin-top:4px}
.field:has(>select[name=region]){grid-column:1/-1}
.footer-main nav,.footer-main>div{min-width:0}
.footer-main nav a{overflow-wrap:break-word;hyphens:auto}
.result-stats div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 18px;align-items:start}
.result-stats b{text-align:end}
@media(max-width:600px){.form-grid{grid-template-columns:minmax(0,1fr)}.result-stats div{grid-template-columns:minmax(0,1fr)}.result-stats b{text-align:start}}

.locale-select select{max-width:260px}
@media(max-width:560px){
 .site-header{height:auto;min-height:112px}
 .nav-shell{height:auto;flex-wrap:wrap;padding-block:14px;gap:14px}
 .nav-toggle{margin-inline-start:auto}
 .locale-select{order:3;flex:0 0 100%;min-width:0}
 .locale-select select{width:100%;max-width:none;font-size:12px;padding:10px 12px;min-height:42px}
 .nav-shell nav{top:100%}
}