@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-800.ttf') format('truetype');font-weight:800;font-display:swap}
/* Asas: Ocean Blue + Soft Ivory. Shared palette for every page and state. */
:root{--ink:#1D3148;--muted:#596B7D;--accent:#245EA8;--accent-hover:#194A87;--deep:#142E4C;--deep-end:#203F63;--sky:#E7F0FA;--paper:#FAF9F6;--white:#FFFFFF;--line:#D6E1ED;--control-line:#738498;--warm:#F3E8CE;--note:#F3E8CE;--error:#9D3030;--note-line:#806827;--surface-hover:#F0F5FB;--on-dark:#DCE8F6;--muted-on-dark:#C4D6EB;--error-on-dark:#FFE4C9;--caption-bg:#142E4CEB;--line-on-dark:#FFFFFF40;--r:24px;--small-r:12px;--space:88px;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.75 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}a,button,input,select,summary{touch-action:manipulation}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--white);padding:12px}.skip:focus{top:4px}.preview-bar{text-align:center;font-size:10px;letter-spacing:.03em;background:var(--sky);color:var(--muted);padding:5px 16px}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:90px}.logo{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:41px;line-height:.8;letter-spacing:-1.8px;min-height:62px}.logo svg{height:40px;width:40px}.logo small{display:block;font-size:8px;font-weight:700;line-height:1.2;letter-spacing:.25em;margin:9px 0 0 4px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-header nav a{text-decoration:none;padding:14px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:7px}.header-advice{border:1px solid var(--control-line);border-radius:999px;padding:10px 20px;min-height:46px;font-size:14px;font-weight:700;display:flex;gap:24px;align-items:center;text-decoration:none}.header-advice:hover{background:var(--sky)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;font-size:24px}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent);margin:0 0 20px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:2px;background:currentColor}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:800}h1{font-size:64px;line-height:1.09;letter-spacing:-2px;margin-bottom:26px}h2{font-size:38px;line-height:1.25;letter-spacing:-1px;margin-bottom:24px}h3{font-size:25px;line-height:1.35;letter-spacing:-.4px}h4{font-size:17px;line-height:1.5}.hero{padding:58px 0 52px;background:radial-gradient(ellipse at 100% 20%,var(--sky),transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.hero-copy{padding:12px 0}.hero-copy h1 span{color:var(--accent);font-weight:700}.lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:490px;margin-bottom:28px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--white);padding:13px 23px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.5;transition:background 160ms,transform 160ms}.button:hover{background:var(--accent-hover)}.button>span{font-size:23px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:15px;font-weight:700;text-underline-offset:5px}.quiet{font-size:13px;color:var(--muted);margin:22px 0 0}.hero-values{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:600;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.hero-values span:before{content:'✓';margin-right:7px;color:var(--accent)}.hero-art{position:relative;height:550px;border-radius:28px 90px 28px 28px;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:100px 30px 30px;color:var(--white);background:var(--caption-bg)}.photo-caption>span{font-size:10px;letter-spacing:.14em}.photo-caption p{font-size:27px;line-height:1.3;font-weight:700;margin:14px 0 0}.disclosure-strip{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:22px 0}.disclosure-symbol{display:grid;place-items:center;border:1px solid var(--control-line);border-radius:50%;width:26px;height:26px;font-size:14px;flex-shrink:0}.disclosure-strip p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:875px}.disclosure-strip strong{color:var(--ink);font-weight:800}.disclosure-strip>a{white-space:nowrap;font-size:13px;font-weight:700;min-height:44px;display:flex;align-items:center;margin-left:auto;text-underline-offset:4px}.section{padding:var(--space) 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px}.section-heading h2{margin:0}.section-heading>p,.comparison-aside>p{max-width:360px;font-size:16px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.topic-card{display:flex;flex-direction:column;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:25px 23px;transition:transform 180ms,border-color 180ms,background 180ms}.topic-card:hover{transform:translateY(-4px);border-color:var(--control-line);background:var(--surface-hover)}.topic-number{font-size:9px;letter-spacing:.08em;font-weight:800;color:var(--muted);line-height:1.6;min-height:29px}.topic-card>svg{width:36px;height:36px;margin:24px 0;color:var(--accent)}.topic-card h3{font-size:23px;margin-bottom:12px;line-height:1.3}.topic-card>p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:24px}.card-link{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;padding-top:17px;margin-top:auto;border-top:1px solid var(--line);min-height:44px;color:var(--accent)}.card-link b{font-size:20px;font-weight:400}.path-section{background:linear-gradient(120deg,var(--sky),var(--surface-hover) 60%,var(--sky));border-block:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.section-intro>p{max-width:380px;color:var(--muted);font-size:17px;line-height:1.85}.inline-note{display:flex;gap:16px;max-width:390px;padding-top:24px;border-top:1px solid var(--line);margin-top:30px}.inline-note>span{width:25px;flex-shrink:0;color:var(--accent)}.inline-note p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.quiz-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:34px}.progress-label{font-size:12px;font-weight:700;color:var(--accent)}.progress-track{height:4px;background:var(--sky);border-radius:6px;margin:13px 0 28px;overflow:hidden}.progress-track span{display:block;width:33.333%;height:100%;background:var(--accent);transition:width 200ms}fieldset{border:0;padding:0;margin:0}#quiz-question{font-size:25px;font-weight:800;line-height:1.35;margin-bottom:22px}.quiz-options{display:grid;gap:11px}.quiz-option{display:flex;align-items:start;gap:13px;padding:16px;border:1px solid var(--control-line);border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;min-height:60px}.quiz-option input{margin:5px 0 0;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.quiz-option small{font-weight:400;display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:3px}.quiz-option:has(input:checked){background:var(--sky);border-color:var(--accent)}.quiz-option:hover{background:var(--surface-hover)}.quiz-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.quiz-actions .button{margin-left:auto}.plain-button{background:none;border:0;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px;color:var(--accent);font-size:14px;font-weight:700}.field-error{font-size:13px;color:var(--error);margin:8px 0 0;line-height:1.6}.result-label{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:800}#path-result h3{font-size:28px;margin:16px 0}#path-result>p{color:var(--muted);font-size:16px}#path-result h4{margin:24px 0 12px}#path-result ul{padding-left:20px;font-size:15px;color:var(--muted)}#path-result .plain-button{display:block;margin-top:15px}.path-reading{display:grid;gap:10px}.path-reading a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;background:var(--sky);border-radius:12px;color:var(--accent);font-size:15px;font-weight:700;text-decoration:none}.path-reading a:hover{text-decoration:underline}.scenario-layout{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}.scenario-image{position:relative;min-height:510px}.scenario-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center}.scenario-image>span{position:absolute;bottom:0;left:0;right:0;color:var(--white);background:var(--caption-bg);padding:65px 25px 25px;font-size:10px;letter-spacing:.08em}.scenario-content{padding:34px}.scenario-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px}.scenario-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;font-weight:700;min-height:52px;padding:12px 11px;color:var(--muted)}.scenario-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--ink)}.scenario-tabs button:hover{background:var(--surface-hover)}.scenario-quote{font-size:29px;line-height:1.35;font-weight:700;letter-spacing:-.6px;margin-bottom:24px}#scenario-copy{font-size:16px;line-height:1.85;color:var(--muted)}.scenario-question{background:var(--warm);border-radius:14px;padding:20px;margin:24px 0}.scenario-question>span{font-size:9px;font-weight:800;letter-spacing:.1em}.scenario-question p{font-size:17px;line-height:1.65;margin:12px 0 0}.calculator-section{background:linear-gradient(120deg,var(--deep),var(--deep-end));color:var(--white)}.calculator-section .eyebrow{color:var(--on-dark)}.calculator-section .section-heading>p{color:var(--on-dark)}.calculator-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:start}.calc-example{color:var(--on-dark);font-size:13px;margin-bottom:20px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:20px}.field label{font-size:15px;font-weight:700;display:block;margin-bottom:9px;line-height:1.6}.field label>span{font-size:12px;font-weight:400;margin-left:8px}.field input,.field select{width:100%;min-height:53px;border:1px solid var(--control-line);border-radius:11px;padding:12px 15px;background:var(--white);color:var(--ink);font-size:16px;line-height:1.5}.field small{font-size:12px;line-height:1.7;display:block;margin-top:8px;color:var(--muted)}.calc-fields .field{margin:0}.calc-fields small{color:var(--on-dark)}.calculator-section .field-error{color:var(--error-on-dark)}.calculator-section input:focus-visible{outline-color:var(--on-dark)}.light-button{background:var(--on-dark);color:var(--ink);margin-top:24px}.light-button:hover{background:var(--surface-hover)}.calculator-result{background:var(--paper);color:var(--ink);padding:32px;border-radius:var(--r)}.calculator-result>span{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--accent)}.calculator-result output{display:block;font-size:54px;font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin:18px 0}.calculator-result>p{font-size:15px;color:var(--muted)}.calc-breakdown{margin:25px 0}.calc-breakdown>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:12px 0;font-size:14px}.calc-breakdown strong{white-space:nowrap}.calculator-result .calc-warning{font-size:13px;line-height:1.7;background:var(--warm);border-radius:10px;padding:15px}.text-button{background:transparent;border:0;color:var(--accent);font-size:14px;font-weight:700;min-height:46px;padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}.text-button:disabled{opacity:.55;cursor:not-allowed}.calc-method{border-top:1px solid var(--line-on-dark);margin-top:30px;padding-top:8px}.calc-method summary{min-height:52px;cursor:pointer;font-size:14px;line-height:1.7;padding:12px 0}.calc-method p{font-size:14px;line-height:1.85;color:var(--on-dark);max-width:1040px}.calc-method a{text-underline-offset:4px}.calculator-section summary:focus-visible,.calculator-section a:focus-visible{outline-color:var(--on-dark)}.library-search{width:320px;max-width:100%}.library-search label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.library-search input{width:100%;border:1px solid var(--control-line);background:var(--white);border-radius:12px;padding:13px 16px;min-height:52px;font-size:16px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row button{padding:10px 19px;border:1px solid var(--control-line);background:transparent;border-radius:999px;font-size:14px;font-weight:700;min-height:44px}.filter-row button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:var(--white)}.filter-row button:hover{border-color:var(--accent)}.result-count{font-size:12px;color:var(--muted);margin:15px 0 24px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white)}.article-card>a{text-decoration:none;display:flex;flex-direction:column;height:100%}.article-card-image{position:relative;height:205px;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 250ms}.article-card:hover .article-card-image img{transform:scale(1.035)}.article-card-image>span{position:absolute;left:16px;bottom:16px;background:var(--paper);padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700}.article-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.article-card h3{font-size:21px;line-height:1.45;margin-bottom:12px}.article-card p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:24px}.empty-state{border:1px solid var(--line);border-radius:20px;padding:32px;background:var(--white)}.empty-state p{color:var(--muted)}.transparency{background:var(--sky)}.transparency-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:start}.transparency-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--muted);max-width:450px}.principles{display:grid;gap:24px}.principles>div{display:flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:24px}.principles>div:last-child{border-bottom:0}.principles>div>span{font-size:12px;color:var(--accent);padding-top:3px;font-weight:800}.principles p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.principles strong{display:block;font-size:18px;font-weight:800;color:var(--ink);margin-bottom:9px}.advice-grid{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}.advice-copy{background:linear-gradient(130deg,var(--deep),var(--deep-end));color:var(--white);padding:46px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.advice-copy .eyebrow{color:var(--on-dark)}.advice-copy h2{font-size:37px}.advice-copy>p{font-size:17px;line-height:1.85;color:var(--on-dark)}.advice-assurance{display:flex;gap:16px;margin-top:22px;padding-top:24px;border-top:1px solid var(--line-on-dark)}.advice-assurance>span{color:var(--on-dark)}.advice-assurance p{font-size:14px;line-height:1.8;color:var(--on-dark);margin:0}.advice-form{padding:34px 38px}.advice-form h3{font-size:25px;margin-bottom:9px}.demo-note{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:22px}.context-box{padding:18px;background:var(--sky);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.context-box strong{font-size:14px}.context-box p{font-size:13px;line-height:1.8;margin:9px 0;color:var(--muted);white-space:pre-line}.context-box button{font-size:12px;font-weight:700;text-decoration:underline;min-height:44px;background:none;border:0;padding:8px 0;color:var(--accent)}.consent{display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.75;color:var(--muted);margin:8px 0 20px;cursor:pointer}.consent input{width:20px;height:20px;flex-shrink:0;margin:3px 0 0;accent-color:var(--accent)}.full-button{width:100%;justify-content:space-between;font-size:15px}.success-message{background:var(--sky);border-radius:12px;border-left:3px solid var(--accent);padding:18px;font-size:15px;margin-top:20px}.success-message p{font-size:14px;line-height:1.75;margin:8px 0 0}.privacy-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted);text-underline-offset:4px;margin-top:10px}.faq-section{background:var(--surface-hover);border-block:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;min-height:62px;font-size:17px;font-weight:700;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px;font-weight:400;flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:24px}.site-footer{background:var(--deep);color:var(--white);padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:32px;border-bottom:1px solid var(--line-on-dark)}.footer-top p{font-size:21px;line-height:1.4;font-weight:600;margin:0}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding:34px 0}.footer-links h3{font-size:14px;color:var(--on-dark);letter-spacing:.03em;margin-bottom:15px}.footer-links a{display:flex;align-items:center;min-height:44px;font-size:13px;color:var(--on-dark);text-decoration:none;padding:8px 0;line-height:1.6}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line-on-dark);padding-top:24px;display:flex;justify-content:space-between;gap:50px;align-items:start}.footer-bottom p,.footer-bottom span{font-size:11px;line-height:1.85;color:var(--muted-on-dark);max-width:760px;margin:0}.footer-bottom span{white-space:nowrap}.site-footer :focus-visible{outline-color:var(--on-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.breadcrumb{font-size:13px;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px;margin-bottom:30px}.article-heading{max-width:1050px;padding:42px 0 40px}.article-heading h1{font-size:48px;line-height:1.2;max-width:850px;letter-spacing:-1.3px}.article-deck{max-width:780px;font-size:21px;line-height:1.7;color:var(--muted)}.article-meta{font-size:12px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:250px minmax(0,740px);gap:64px;align-items:start;justify-content:center;margin-bottom:80px}.article-toc{position:sticky;top:118px}.article-toc strong{display:block;font-size:14px;margin-bottom:15px}.article-toc a{display:block;border-top:1px solid var(--line);padding:13px 0;min-height:44px;font-size:13px;line-height:1.65;color:var(--muted);text-decoration:none}.article-toc a:hover{color:var(--accent);text-decoration:underline}.article-hero{width:100%;height:330px;object-fit:cover;border-radius:20px;margin-bottom:35px}.article-body section{padding:26px 0;border-bottom:1px solid var(--line)}.article-body section h2{font-size:27px;line-height:1.35;letter-spacing:-.4px;margin-bottom:18px}.article-body section p,.article-body li{font-size:18px;line-height:1.9;color:var(--muted)}.article-body ul{padding-left:23px}.article-body li{margin-bottom:10px}.article-body .article-questions{border:1px solid var(--line);background:var(--sky);border-radius:20px;padding:30px;margin-top:30px}.article-questions>p:last-child{font-size:13px;margin:18px 0 0}.article-questions .button{font-size:15px}.article-sources a{font-size:15px;color:var(--accent);text-underline-offset:4px}.related-guides>a{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:60px;padding:15px 0;font-size:17px;font-weight:700;text-decoration:none;border-top:1px solid var(--line);color:var(--accent)}.sub-footer{display:flex;align-items:start;gap:60px}.sub-footer>p{max-width:550px;font-size:13px;color:var(--muted-on-dark);margin:0}.sub-footer>div{display:grid;gap:12px}.sub-footer>div a{font-size:13px;min-height:44px;display:flex;align-items:center}.info-page{max-width:850px;padding:50px 0 70px}.info-page h1{font-size:44px;line-height:1.2;letter-spacing:-1px}.info-page .article-body section p{font-size:17px}.info-page section{scroll-margin-top:110px}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.header-row{gap:24px}.site-header nav{gap:18px;font-size:13px}.header-advice{padding:10px 15px;font-size:13px}.hero-grid{gap:36px}h1{font-size:54px}.hero-art{height:520px}.lead{font-size:18px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{padding:26px}.path-grid,.transparency-grid{gap:48px}.calculator-grid{gap:32px}.article-grid{grid-template-columns:repeat(2,1fr)}.scenario-content{padding:28px}.scenario-quote{font-size:26px}.advice-copy{padding:34px}.advice-form{padding:30px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:36px}.article-heading{padding-top:35px}.article-heading h1{font-size:42px}.sub-footer{gap:35px}}
@media(max-width:750px){:root{--space:56px}.container{width:calc(100% - 40px)}.preview-bar{font-size:9px}.header-row{min-height:76px;gap:16px}.logo{font-size:35px;min-height:58px;gap:7px}.logo svg{width:34px;height:34px}.logo small{font-size:7px;margin-top:8px}.menu-toggle{display:block}.header-advice{margin-left:auto;font-size:12px;padding:10px 15px;min-height:44px;gap:12px}.site-header nav{display:none}.site-header #main-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:14px 20px 24px;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);font-size:16px}.site-header #main-nav a{padding:12px 0}.hero{padding:34px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:20px}h1{font-size:43px;line-height:1.12;letter-spacing:-1.2px}h2{font-size:30px;line-height:1.3;letter-spacing:-.6px}.lead{font-size:17px;line-height:1.8;margin-bottom:24px}.actions{gap:12px 20px}.button{font-size:15px;padding:13px 21px;min-height:52px}.text-link{font-size:14px}.quiet{font-size:12px;margin-top:18px}.hero-values{gap:8px 16px;font-size:11px;margin-top:23px;padding-top:18px}.hero-art{height:340px;border-radius:22px 65px 22px 22px}.photo-caption{padding:70px 24px 24px}.photo-caption p{font-size:23px}.photo-caption>span{font-size:9px}.disclosure-strip{align-items:start;gap:12px;flex-wrap:wrap;padding:20px 0}.disclosure-strip p{font-size:12px;flex:1;min-width:220px}.disclosure-strip>a{margin-left:38px;font-size:12px;min-height:40px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:none;font-size:15px}.topic-grid{grid-template-columns:1fr 1fr;gap:14px}.topic-card{padding:20px 17px;border-radius:17px}.topic-number{font-size:8px;line-height:1.7;min-height:28px}.topic-card>svg{width:30px;height:30px;margin:20px 0}.topic-card h3{font-size:21px;line-height:1.35}.topic-card>p{font-size:14px;line-height:1.75;margin-bottom:18px}.topic-card .card-link{font-size:12px;gap:8px;align-items:start}.card-link b{font-size:18px}.path-grid,.transparency-grid,.calculator-grid,.advice-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.section-intro>p{font-size:16px;max-width:none}.inline-note{margin-top:22px;padding-top:18px;max-width:none}.quiz-panel{padding:25px 22px;border-radius:20px}#quiz-question{font-size:23px}.quiz-option{padding:15px 13px;font-size:16px}.quiz-option small{font-size:13px}.progress-track{margin-bottom:24px}.quiz-actions{margin-top:22px}.scenario-layout{grid-template-columns:1fr;border-radius:20px}.scenario-image{min-height:275px}.scenario-image>span{font-size:9px;padding:50px 22px 18px}.scenario-content{padding:25px 22px}.scenario-tabs{gap:0;margin-bottom:24px}.scenario-tabs button{font-size:12px;padding:12px 9px;flex:1}.scenario-quote{font-size:25px;line-height:1.45}.scenario-question{padding:18px}.scenario-question p{font-size:16px}.calculator-section .section-heading h2{font-size:30px}.calculator-section .section-heading>p{font-size:16px}.calc-fields{grid-template-columns:1fr;gap:20px}.field label{font-size:15px}.calc-example{font-size:12px}.calculator-result{padding:26px 24px;border-radius:20px}.calculator-result output{font-size:46px}.calc-breakdown>div{font-size:13px}.calc-method p{font-size:14px}.calc-method summary{font-size:14px}.library-search{width:100%;margin-top:24px}.article-grid{grid-template-columns:1fr;gap:22px}.article-card-image{height:215px}.article-card-copy{padding:23px}.article-card h3{font-size:23px}.article-card p{font-size:16px}.article-card .card-link{font-size:14px}.filter-row{gap:8px}.filter-row button{font-size:13px;padding:10px 16px}.transparency-grid>div>p:not(.eyebrow){font-size:16px;max-width:none}.principles{gap:20px}.principles>div{gap:16px;padding-bottom:20px}.principles strong{font-size:18px}.principles p{font-size:16px}.advice-grid{gap:0;border-radius:20px}.advice-copy{padding:32px 25px}.advice-copy h2{font-size:31px}.advice-copy>p{font-size:16px}.advice-assurance{margin-top:18px;padding-top:20px}.advice-form{padding:28px 24px}.advice-form h3{font-size:24px}.demo-note{font-size:12px}.full-button{font-size:14px;gap:12px}.consent{font-size:12px}.faq-list summary{font-size:16px;line-height:1.65;padding:20px 0}.faq-list p{font-size:16px}.footer-top{align-items:start;gap:24px;flex-direction:column}.footer-top p{font-size:19px}.footer-links{grid-template-columns:1fr 1fr;gap:28px 22px}.footer-links a{font-size:13px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:20px;white-space:normal}.article-heading{padding:28px 0}.article-heading h1{font-size:33px;line-height:1.25;letter-spacing:-.8px}.article-deck{font-size:18px;line-height:1.8}.article-meta{font-size:12px}.article-layout{grid-template-columns:1fr;gap:24px;margin-bottom:56px}.article-toc{position:static;background:var(--sky);border-radius:16px;padding:20px}.article-toc a{font-size:14px;min-height:44px}.article-hero{height:230px;border-radius:16px;margin-bottom:24px}.article-body section{padding:22px 0}.article-body section h2{font-size:24px;line-height:1.4}.article-body section p,.article-body li{font-size:17px;line-height:1.85}.article-body .article-questions{padding:24px}.article-questions .button{font-size:14px}.article-sources a{font-size:14px}.related-guides>a{font-size:16px}.sub-footer{display:grid;gap:26px}.sub-footer>div{display:flex;gap:22px}.info-page{padding:30px 0 50px}.info-page h1{font-size:32px;line-height:1.3}.site-header:has(+.info-page) .header-advice{font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}h1{font-size:38px}.header-advice{font-size:11px;padding:10px 12px}.header-advice span{display:none}.topic-grid{grid-template-columns:1fr}.topic-card{padding:23px}.topic-card h3{font-size:23px}.topic-card>p{font-size:16px}.topic-card .card-link{font-size:14px}.calc-breakdown>div{font-size:12px}.scenario-tabs button{font-size:11px;padding-inline:6px}.advice-form{padding:25px 20px}.full-button{font-size:13px}.quiz-panel{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(max-width:750px){.calculator-result output{font-size:clamp(28px,8.8vw,44px);overflow-wrap:anywhere}}

/* Asas motion enhancement — unchanged resting design, progressive effects only. */
@media(prefers-reduced-motion:no-preference){
.asas-motion .button,.asas-motion .header-advice,.asas-motion .quiz-option>span{transition:transform 180ms cubic-bezier(.22,1,.36,1),background-color 180ms,border-color 180ms}
.asas-motion .button>span,.asas-motion .text-link>span,.asas-motion .header-advice>span{transition:translate 240ms cubic-bezier(.22,1,.36,1)}
.asas-motion .button:hover>span,.asas-motion .text-link:hover>span,.asas-motion .header-advice:hover>span{translate:6px -3px}
.asas-motion .button:active{transform:scale(.985)}
.asas-motion #quiz-bar{transition:width 560ms cubic-bezier(.22,1,.36,1)}
@supports(interpolate-size:allow-keywords){
.asas-motion details{interpolate-size:allow-keywords}
.asas-motion details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size 380ms cubic-bezier(.22,1,.36,1),opacity 180ms,content-visibility 380ms allow-discrete}
.asas-motion details[open]::details-content{block-size:auto;opacity:1}
}
@media(hover:hover) and (pointer:fine){
.asas-motion .topic-card,.asas-motion .article-card{transition:translate 380ms cubic-bezier(.22,1,.36,1),border-color 180ms}
.asas-motion .topic-card:hover,.asas-motion .article-card:hover{translate:0 -7px}
}
}
@media(prefers-reduced-motion:reduce){html.asas-motion{scroll-behavior:auto}.asas-motion *,.asas-motion *:before,.asas-motion *:after{animation:none!important;transition:none!important}}
/* Stories and sourced editorial: shared Asas typography, separate reading path. */
.editorial-section{background:linear-gradient(125deg,var(--sky),var(--paper) 70%);border-block:1px solid var(--line)}
.editorial-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px;overscroll-behavior-x:contain}
.editorial-card{flex:0 0 41%;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.editorial-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.editorial-card>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.editorial-card:focus-within{outline:3px solid var(--accent);outline-offset:-3px}
.editorial-rail .editorial-card{scroll-snap-align:start}
.editorial-photo{height:215px;position:relative;overflow:hidden;background:var(--sky)}
.editorial-photo img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-photo>span{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 12px;background:var(--caption-bg);color:var(--white);font-size:10px;letter-spacing:.06em}
.editorial-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.editorial-category{font-size:12px;color:var(--accent);font-weight:700;line-height:1.6;margin-bottom:12px}
.editorial-copy h3{font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.35px;margin-bottom:14px;text-wrap:balance}
.editorial-copy>p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:18px}
.editorial-meta{font-size:12px;color:var(--muted);margin-top:auto;margin-bottom:16px}
.editorial-controls{display:flex;align-items:center;gap:10px;margin-top:14px}
.editorial-controls>a{margin-right:auto}.editorial-controls>span{font-size:13px;color:var(--muted);margin-inline:12px}
.editorial-controls button{height:46px;width:46px;flex-shrink:0;border:1px solid var(--control-line);border-radius:50%;background:transparent;font-size:22px}
.editorial-controls button:hover:not(:disabled){background:var(--sky)}.editorial-controls button:disabled{opacity:.4;cursor:default}
.editorial-disclosure{font-size:13px!important;line-height:1.7!important;color:var(--muted);margin:18px 0 0}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.editorial-grid .editorial-photo{height:190px}.editorial-grid h3{font-size:23px}
.editorial-article{max-width:900px;padding-top:30px;padding-bottom:56px}
.editorial-article .article-heading{padding-top:24px}.editorial-article .article-body{max-width:720px;margin:auto}
.editorial-figure{margin:0 0 24px}.editorial-figure img{width:100%;height:320px;object-fit:cover;border-radius:22px;display:block}.editorial-figure figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.article-body .editorial-opinion{padding:26px;background:var(--sky);border:0;border-radius:18px;margin:22px 0}.editorial-opinion .eyebrow{font-size:11px!important;font-weight:700}
.editorial-limit{border-left:3px solid var(--note-line);padding-left:22px!important}
.article-source-inline{font-size:14px!important;overflow-wrap:anywhere}
.editorial-dates{display:grid;grid-template-columns:150px 1fr;gap:12px 20px;font-size:14px;line-height:1.65}.editorial-dates dt{font-weight:700}.editorial-dates dd{margin:0}
@media(max-width:750px){.editorial-card{flex-basis:87%}.editorial-rail{gap:16px}.editorial-photo{height:185px}.editorial-copy{padding:20px}.editorial-copy h3{font-size:22px}.editorial-copy>p{font-size:15px}.editorial-category{font-size:11px}.editorial-meta{font-size:11px}.editorial-controls{flex-wrap:wrap}.editorial-controls>a{flex-basis:100%;margin-bottom:4px}.editorial-controls>span{margin-left:0;margin-right:auto}.editorial-grid{grid-template-columns:1fr}.editorial-article{padding-top:22px;padding-bottom:40px}.editorial-figure img{height:225px;border-radius:18px}.editorial-dates{grid-template-columns:1fr;gap:4px}.editorial-dates dd{margin-bottom:12px}.article-body .editorial-opinion{padding:20px}.editorial-grid .editorial-photo{height:200px}}

/* Keep faces visible when editorial images fill wide guide frames. */
img[src$="asas-first-career.png"],
img[src$="asas-family-planning.png"],
img[src$="asas-recovery-support.png"] { object-position: center 25%; }
.editorial-empty{width:100%;margin:0;padding:22px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:16px}

/* Focal points for the expanded Asas editorial collection. */
img[src$="asas-learning-together.png"]{object-position:50% 12%}
img[src$="asas-medical-conversation.png"],img[src$="asas-generations-care.png"]{object-position:50% 25%}
img[src$="asas-plan-review.png"]{object-position:50% 8%}
img[src$="asas-hero-home.png"]{object-position:50% 43%}
/* Story-first reading: one narrative, no analysis panels or repeated headings. */
.narrative-article{max-width:860px}.narrative-article .article-heading{padding-bottom:22px}.narrative-article .article-heading h1{font-size:40px;line-height:1.2;max-width:28ch}.narrative-article .editorial-figure{margin-bottom:30px}.story-prose{max-width:660px;margin:auto;font-size:18px;line-height:1.85}.story-prose>p{margin:0 0 22px}.story-prose>p:first-child{font-size:21px;line-height:1.65;font-weight:600;color:var(--ink)}.story-end{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.story-sources{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}.story-sources p{margin:0}.story-sources summary{min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.story-sources a{overflow-wrap:anywhere}.story-back{margin-top:30px}.story-sources .editorial-disclosure{font-size:13px!important}@media(max-width:750px){.narrative-article .article-heading h1{font-size:30px;line-height:1.23}.narrative-article .editorial-figure{margin-bottom:24px}.story-prose{font-size:17px;line-height:1.8}.story-prose>p{margin-bottom:20px}.story-prose>p:first-child{font-size:19px;line-height:1.65}}

/* Contrast: controls and focus remain distinct on both light and navy surfaces. */
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.library-search input{color:var(--ink)}
.calculator-section :focus-visible{outline-color:var(--on-dark)}
.calculator-result :focus-visible{outline-color:var(--accent)}
.button:focus-visible,.filter-row button[aria-pressed=true]:focus-visible{box-shadow:0 0 0 2px var(--white)}

/* Keep the contrast scrim close to its text instead of covering the photograph. */
.photo-caption{padding:24px 30px 30px}
.scenario-image>span{padding:16px 25px}
.editorial-photo>span{padding:12px 22px}
@media(max-width:750px){.photo-caption{padding:20px 24px 24px}.scenario-image>span{padding:14px 22px}}

/* Tactile Asas topic accents: decorative, with stable image space. */
.topic-card>.topic-art{display:block;width:128px;height:112px;object-fit:contain;object-position:center;margin:14px 0 18px;pointer-events:none}
@media(max-width:750px){.topic-card>.topic-art{width:108px;height:92px;margin:12px 0 16px}}

/* Current Asas sizing system: one scale for homepage, guides, stories and forms. */
:root{--type-display:clamp(36px,3.7vw,46px);--type-title:36px;--type-section:28px;--type-card:20px;--type-body:16px;--type-support:14px;--type-caption:12px;--reading-leading:1.7;--space:64px;--r:16px;--small-r:10px;--gap-section:56px;--gap-group:24px;--gap-item:12px}
body{font-size:var(--type-body);line-height:var(--reading-leading);font-kerning:normal}
body:has(.hero){--space:var(--gap-section)}
.container{width:min(1120px,calc(100% - 64px))}
html{scroll-padding-top:92px}
h1,h2,h3,h4{font-synthesis:none;text-wrap:balance}
h1{font-size:var(--type-display);font-weight:700;line-height:1.16;letter-spacing:-.035em}
h2,.calculator-section .section-heading h2,.advice-copy h2{font-size:var(--type-section);line-height:1.3;font-weight:700;letter-spacing:-.025em;margin-bottom:20px}
h3,h4{font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.015em}
p{font-weight:400;text-wrap:pretty}
.preview-bar{font-size:11px;line-height:1.5;letter-spacing:0;padding:6px 20px}
.header-row{min-height:72px;gap:24px}
.logo{font-family:Nunito,Arial,sans-serif;font-size:34px;min-height:48px;gap:8px;letter-spacing:-1.2px}
.logo svg{width:32px;height:32px}.logo small{font-size:8px;margin-top:7px}
.site-header nav{font-size:13px;font-weight:600;gap:24px}
.header-advice{min-height:44px;font-size:13px;font-weight:600;gap:16px;padding:9px 16px;border-radius:10px}
.menu-toggle{width:44px;height:44px;border-radius:10px;font-size:21px}
.eyebrow{font-size:var(--type-caption);line-height:1.5;letter-spacing:.04em;font-weight:600;margin-bottom:12px;color:var(--muted)}
.eyebrow:before{display:none}
.hero{padding:36px 0 32px;background:var(--paper)}
.hero-grid{grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.hero-copy{padding:0}.hero-copy h1{font-size:var(--type-display);font-weight:700;line-height:1.16;letter-spacing:-.035em;max-width:18ch;margin-bottom:20px}
.hero-copy h1 span{display:block;color:var(--ink);font-weight:500;letter-spacing:inherit}
.lead{font-size:var(--type-body);line-height:1.7;max-width:47ch;margin-bottom:24px}
.actions{gap:12px 20px}
.button{font-size:var(--type-support);font-weight:600;min-height:48px;padding:11px 18px;gap:16px;border-radius:10px;line-height:1.5}
.button>span{font-size:20px}.text-link{font-size:var(--type-support);font-weight:600;gap:12px;line-height:1.6}
.quiet{font-size:var(--type-caption);line-height:1.6;margin-top:12px}
.hero-values{font-size:var(--type-caption);line-height:1.6;gap:8px 16px;margin-top:20px;padding-top:16px}
.hero-art{height:390px;border-radius:var(--r);display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--white);border:1px solid var(--line)}
.hero-art>img{min-height:0;height:100%;object-position:center 43%}
.photo-caption{position:static;padding:16px 20px;background:var(--white);color:var(--ink)}
.photo-caption>span{font-size:var(--type-caption);letter-spacing:.035em;color:var(--muted)}
.photo-caption p{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.01em;margin:6px 0 0}
.photo-caption br{display:initial}
.disclosure-strip{padding-block:16px;gap:14px}.disclosure-strip p{font-size:var(--type-caption);line-height:1.7}.disclosure-strip strong{font-weight:600}.disclosure-strip>a{font-size:var(--type-caption);min-height:44px}
.section-heading{align-items:end;gap:40px;margin-bottom:24px}.section-heading h2{margin:0;max-width:27ch}.section-heading>p{font-size:var(--type-support);line-height:1.7;max-width:35ch}
.topic-card>.topic-art{width:96px;height:84px;margin:16px 0}
.topic-grid{gap:16px}.topic-card{padding:20px;border-radius:var(--r)}.topic-number{font-size:11px;line-height:1.6;letter-spacing:0;min-height:18px;font-weight:500}
.topic-card>svg{width:28px;height:28px;margin:20px 0 16px;color:var(--muted)}
.topic-card h3,.article-card h3,.editorial-copy h3,.editorial-grid h3,.advice-form h3{font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px;text-wrap:pretty}
.topic-card>p,.article-card p,.editorial-copy>p{font-size:var(--type-support);line-height:1.7;margin-bottom:20px}
.card-link,.topic-card .card-link,.article-card .card-link{font-size:13px;font-weight:600;line-height:1.55;min-height:44px;padding-top:12px}
.path-grid,.transparency-grid{gap:56px}.section-intro>p,.transparency-grid>div>p:not(.eyebrow){font-size:var(--type-body);line-height:1.7}
.inline-note{margin-top:24px;padding-top:20px;gap:12px}.inline-note p{font-size:var(--type-support);line-height:1.7}
.quiz-panel{padding:28px;border-radius:var(--r)}.progress-label{font-size:var(--type-caption);font-weight:600}.progress-track{margin:10px 0 24px}
#quiz-question,#path-result h3{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin-bottom:20px}
.quiz-option{font-size:var(--type-support);line-height:1.6;padding:14px;gap:12px;border-radius:10px;font-weight:600}.quiz-option small{font-size:13px;line-height:1.6;margin-top:4px}.quiz-option input{margin-top:3px}
.quiz-actions{margin-top:20px}.plain-button,.path-reading a{font-size:var(--type-support)}.result-label{font-size:var(--type-caption)}#path-result>p,#path-result li{font-size:var(--type-body);line-height:1.7}#path-result h4{font-size:18px}
.scenario-layout{border-radius:var(--r)}.scenario-image{min-height:390px}.scenario-content{padding:28px}
.scenario-tabs{margin-bottom:24px}.scenario-tabs button{font-size:13px;font-weight:600;min-height:44px;padding:10px}
.scenario-quote{font-size:24px;line-height:1.45;font-weight:500;letter-spacing:-.025em;margin-bottom:20px;max-width:32ch}
#scenario-copy{font-size:var(--type-body);line-height:1.7}.scenario-question{padding:18px;border-radius:10px;margin:20px 0}.scenario-question>span{font-size:11px;letter-spacing:.03em}.scenario-question p{font-size:var(--type-body);line-height:1.65;margin-top:8px}
.scenario-image>span,.editorial-photo>span{font-size:11px;line-height:1.5;letter-spacing:.025em;padding:10px 16px}
.calculator-grid{gap:32px}.calc-fields{gap:20px}.calc-example{font-size:var(--type-support)}
.field{margin-bottom:20px}.field label{font-size:var(--type-support);line-height:1.5;font-weight:600;margin-bottom:8px}.field label>span{font-size:var(--type-caption)}
.field input,.field select,.library-search input{font-size:16px;min-height:48px;padding:11px 14px;border-radius:10px;line-height:1.5}
.field small,.field-error{font-size:13px;line-height:1.6}.field input{font-variant-numeric:tabular-nums}
.calculator-result{padding:28px;border-radius:var(--r)}.calculator-result>span{font-size:var(--type-caption);letter-spacing:.035em;font-weight:600}
.calculator-result output{font-size:clamp(30px,3.2vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:16px 0}
.calculator-result>p,.calculator-result .calc-warning{font-size:var(--type-support);line-height:1.7}.calc-breakdown{margin:20px 0}.calc-breakdown>div{font-size:var(--type-support);line-height:1.6;padding:10px 0}.calc-breakdown strong{font-weight:600;font-variant-numeric:tabular-nums}
.text-button,.calc-method summary{font-size:var(--type-support);line-height:1.6}.calc-method p{font-size:var(--type-support);line-height:1.7}
.article-grid,.editorial-grid{gap:20px}.article-card,.editorial-card{border-radius:var(--r)}.article-card-image,.editorial-photo,.editorial-grid .editorial-photo{height:190px}
.article-card-copy,.editorial-copy{padding:20px}.editorial-card{flex-basis:calc((100% - 40px)/3)}.editorial-rail{gap:20px}
.editorial-category{font-size:var(--type-caption);line-height:1.6;font-weight:500;color:var(--muted);margin-bottom:10px}.editorial-meta,.article-card-image>span{font-size:var(--type-caption);line-height:1.6}.editorial-controls>span{font-size:var(--type-caption)}
.editorial-disclosure{font-size:var(--type-caption)!important;line-height:1.7!important}.library-search label{font-size:var(--type-support)}.result-count{font-size:var(--type-caption)}.filter-row button{font-size:13px;padding:10px 16px;font-weight:600}
.principles{gap:24px}.principles strong{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:8px}.principles p{font-size:var(--type-support);line-height:1.7}.principles>div{padding-bottom:24px}
.advice-grid{border-radius:var(--r)}.advice-copy{padding:32px}.advice-form{padding:32px}.advice-copy>p{font-size:var(--type-body);line-height:1.7}.advice-assurance p{font-size:var(--type-support);line-height:1.7}
.demo-note,.consent,.privacy-link{font-size:13px;line-height:1.65}.context-box p{font-size:var(--type-support);line-height:1.7}
.faq-grid{gap:48px}.faq-list summary{font-size:var(--type-body);line-height:1.6;font-weight:600;padding:20px 0}.faq-list p{font-size:var(--type-body);line-height:1.7;margin-bottom:20px}
.site-footer{padding:36px 0 24px}.footer-top{padding-bottom:24px}.footer-top p{font-size:18px;line-height:1.5;letter-spacing:0}.footer-links{padding-block:24px}.footer-links h3{font-size:var(--type-support);font-weight:600;letter-spacing:0}.footer-links a,.sub-footer>div a{font-size:13px;line-height:1.6}.footer-bottom p,.footer-bottom span{font-size:var(--type-caption);line-height:1.7}.sub-footer>p{font-size:var(--type-support);line-height:1.7}
.article-heading{padding:32px 0 24px;max-width:940px}.article-heading h1,.info-page h1,.narrative-article .article-heading h1{font-size:var(--type-title);line-height:1.25;font-weight:600;letter-spacing:-.03em;max-width:32ch;margin-bottom:16px}
.article-deck{font-size:18px;line-height:1.7;max-width:62ch;margin-bottom:16px}.article-meta,.breadcrumb{font-size:var(--type-caption);line-height:1.6}
.article-layout{grid-template-columns:200px minmax(0,680px);gap:48px;margin-bottom:56px}.article-toc strong{font-size:var(--type-support)}.article-toc a{font-size:13px;line-height:1.6;min-height:44px}
.article-hero{height:280px;border-radius:var(--r);margin-bottom:24px}.article-body section{padding:24px 0}.article-body section h2{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin-bottom:16px}
.article-body section p,.article-body li,.info-page .article-body section p{font-size:17px;line-height:1.8;max-width:65ch}.article-body section p{margin-bottom:16px}.article-body section p+p{margin-top:16px}.article-body section>:last-child{margin-bottom:0}.article-body .article-questions{padding:24px;border-radius:var(--r)}
.article-sources a,.related-guides>a{font-size:var(--type-support);line-height:1.7}.related-guides>a{font-weight:600}.info-page{padding:32px 0 48px}
.narrative-article{max-width:800px;padding-top:24px;padding-bottom:48px}.narrative-article .article-heading{padding:16px 0 24px}.narrative-article .editorial-figure{margin-bottom:28px}.editorial-figure img{height:300px;border-radius:var(--r)}.editorial-figure figcaption{font-size:var(--type-caption);line-height:1.6}
.story-prose{max-width:640px;font-size:17px;line-height:1.8}.story-prose>p{margin-bottom:20px}.story-prose>p:first-child{font-size:18px;line-height:1.7;font-weight:500}.story-sources{font-size:var(--type-caption);line-height:1.65}
@media(max-width:1050px){
 .site-header nav{gap:16px;font-size:12px}.hero-grid{gap:32px}.hero-art{height:370px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card{flex-basis:calc((100% - 20px)/2)}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-grid,.transparency-grid{gap:32px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}
}
@media(max-width:750px){
 :root{--type-display:32px;--type-title:28px;--type-section:24px;--type-card:19px;--gap-section:40px;--r:14px}
 .container{width:calc(100% - 40px)}.header-row{min-height:64px;gap:12px}.logo{font-size:30px;min-height:44px;gap:6px}.logo svg{height:28px;width:28px}.logo small{font-size:7px}.header-advice{font-size:12px;padding:9px 12px;gap:12px}.site-header #main-nav.open{top:64px;font-size:var(--type-support)}
 .preview-bar{font-size:10px;line-height:1.5;padding:6px 16px}.hero{padding:28px 0}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy h1{max-width:20ch;margin-bottom:16px;line-height:1.2}.hero-copy h1 span{font-weight:500}.lead{font-size:16px;line-height:1.65;margin-bottom:20px;max-width:none}.actions{gap:8px 16px}.quiet{margin-top:12px}.hero-values{margin-top:16px;padding-top:12px;font-size:11px;gap:6px 12px}
 .hero-art{height:310px}.photo-caption{padding:14px 16px}.photo-caption p{font-size:16px;margin-top:4px}.photo-caption>span{font-size:11px}
 .eyebrow{font-size:11px;line-height:1.6;margin-bottom:10px}.section-heading{gap:12px;margin-bottom:20px;align-items:start}.section-heading>p{margin:12px 0 0;max-width:none;font-size:var(--type-support)}.section-heading h2{max-width:28ch}
 .disclosure-strip{gap:10px;padding-block:16px}.disclosure-strip p,.disclosure-strip>a{font-size:var(--type-caption)}
 .topic-grid{grid-template-columns:1fr;gap:12px}.topic-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:0 12px}.topic-number{grid-column:1;min-height:0;font-size:11px}.topic-card>svg,.topic-card>.topic-art{grid-column:2;grid-row:1 / 3;margin:0;align-self:center}.topic-card>.topic-art{width:72px;height:64px}.topic-card h3{grid-column:1;margin:8px 0 10px}.topic-card>p{grid-column:1 / -1;margin-bottom:12px}.topic-card .card-link{grid-column:1 / -1;font-size:13px;padding-top:10px}.topic-card>p{font-size:var(--type-support);line-height:1.65}
 .path-grid,.transparency-grid,.calculator-grid,.faq-grid{gap:24px}.quiz-panel{padding:20px}#quiz-question,#path-result h3{font-size:20px}.quiz-option{padding:12px;font-size:var(--type-support)}.quiz-option small{font-size:13px}
 .scenario-layout{border-radius:var(--r)}.scenario-image{min-height:230px}.scenario-content{padding:20px}.scenario-tabs button{font-size:12px;padding:10px 7px}.scenario-quote{font-size:21px;line-height:1.45}.scenario-question p{font-size:var(--type-support)}
 .calculator-result{padding:22px}.calculator-result output{font-size:34px}.calc-breakdown>div{font-size:13px}.calc-fields{gap:20px}.calculator-section .section-heading>p{font-size:var(--type-support)}
 .article-card-image,.editorial-photo,.editorial-grid .editorial-photo{height:180px}.article-card-copy,.editorial-copy{padding:20px}.editorial-card{flex-basis:88%}.editorial-rail{gap:16px}.editorial-grid{grid-template-columns:1fr}.editorial-category,.editorial-meta{font-size:var(--type-caption)}.editorial-copy>p,.article-card p{font-size:var(--type-support)}
 .advice-copy,.advice-form{padding:24px 20px}.advice-grid{gap:0}.faq-list summary{font-size:15px;padding:18px 0}.faq-list p{font-size:var(--type-support)}.footer-top p{font-size:16px}.footer-links{gap:24px}.footer-bottom p,.footer-bottom span{font-size:var(--type-caption)}
 .article-heading{padding:24px 0 20px}.article-heading h1,.info-page h1,.narrative-article .article-heading h1{max-width:none}.article-deck{font-size:16px;line-height:1.7}.article-layout{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.article-toc{padding:16px;border-radius:var(--r)}.article-hero{height:210px}.article-body section{padding:20px 0}.article-body section h2{font-size:22px}.article-body section p,.article-body li,.info-page .article-body section p{font-size:16px;line-height:1.8}.article-body .article-questions{padding:20px}
 .narrative-article{padding-top:20px}.narrative-article .article-heading{padding:16px 0 20px}.editorial-figure img{height:220px}.story-prose{font-size:16px;line-height:1.8}.story-prose>p:first-child{font-size:17px;line-height:1.75}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.header-row{gap:8px}.header-advice{font-size:12px}.hero-copy h1{font-size:30px}.actions{column-gap:12px}.button{padding-inline:14px}.scenario-tabs button{font-size:11px}}

/* Asas visual finish — Ocean Blue / Soft Ivory, compact editorial composition. */
body:has(.hero){--surface-shadow:0 12px 32px -24px #142e4c55;--panel-shadow:0 22px 54px -36px #142e4c66}
body:has(.hero) .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 89% 8%,#cbdff1b8,transparent 46%),radial-gradient(ellipse at 9% 96%,#f3e8ce75,transparent 48%),linear-gradient(112deg,#faf9f6 30%,#f0f5fa 100%);padding-block:44px 40px;overflow:hidden}
body:has(.hero) .hero::before{content:'';position:absolute;width:540px;aspect-ratio:1;border:1px solid #a9bfd541;border-radius:50%;right:-190px;top:-310px;box-shadow:0 0 0 44px #a9bfd510,0 0 0 90px #a9bfd50b;z-index:-1;pointer-events:none}
body:has(.hero) .hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#244f7a;background:#ffffffb8;border:1px solid #c9d9e7;border-radius:999px;padding:7px 12px;letter-spacing:.025em;font-size:11px}
body:has(.hero) .hero-copy>.eyebrow::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
body:has(.hero) .hero-copy h1{max-width:19ch;line-height:1.17}.hero-copy h1 span{color:var(--ink)}
body:has(.hero) .hero-art{border-radius:64px 22px 22px 22px;box-shadow:var(--panel-shadow);border-color:#cad9e4;background:white}
body:has(.hero) .photo-caption{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:18px;padding:18px 22px;border-top:1px solid #e0e7ec;background:linear-gradient(110deg,#ffffff,#f5f8fc)}
body:has(.hero) .photo-caption>span{font-size:10px;max-width:15ch;letter-spacing:.09em;color:#50667c}
body:has(.hero) .photo-caption p{font-size:16px;line-height:1.45;margin:0;font-weight:600}
body:has(.hero) .button{background:linear-gradient(115deg,#245ea8,#194a87);box-shadow:inset 0 1px 0 #ffffff33,0 7px 16px -11px #173e70b3;border-color:#194a87;transition:background 160ms,box-shadow 160ms,transform 160ms}
body:has(.hero) .button:hover{background:linear-gradient(115deg,#1f5293,#143e73);box-shadow:inset 0 1px 0 #ffffff33,0 9px 20px -12px #173e70b3}
body:has(.hero) .calculator-section .button{background:#e7f0fa;color:#142e4c;border-color:#cadced;box-shadow:none}
body:has(.hero) .disclosure-strip{margin-top:20px;margin-bottom:2px;padding:16px 20px;border:1px solid #d6e1ed;border-left:3px solid #245ea8;border-radius:14px;background:linear-gradient(110deg,#fff,#f5f8fb);box-shadow:var(--surface-shadow)}
body:has(.hero) .disclosure-symbol{background:#e7f0fa;border-color:#bbcee0;color:#245ea8}
body:has(.hero) .section-heading .eyebrow,body:has(.hero) .section-intro>.eyebrow{color:var(--accent);letter-spacing:.07em;font-size:11px;display:flex;align-items:center;gap:10px}
body:has(.hero) .section-heading .eyebrow::before,body:has(.hero) .section-intro>.eyebrow::before{content:'';display:block;width:18px;height:2px;background:currentColor}
body:has(.hero) .topic-card{background:linear-gradient(150deg,#fff 35%,#f0f5fa);border-color:#d6e1ed;box-shadow:var(--surface-shadow);transition:transform 180ms,box-shadow 180ms,border-color 180ms}
body:has(.hero) .topic-card:nth-child(3){background:linear-gradient(150deg,#fff 35%,#f6f0e4)}
body:has(.hero) .topic-card:hover{border-color:#829fbc;box-shadow:0 15px 30px -22px #142e4c77;transform:translateY(-3px)}
body:has(.hero) .topic-card .card-link{color:var(--accent)}
body:has(.hero) .path-section{background:radial-gradient(ellipse at 3% 8%,#d6e5f3,transparent 56%),linear-gradient(125deg,#eef4fa,#faf9f6);border-block:1px solid #d6e1ed}
body:has(.hero) .quiz-panel{box-shadow:var(--panel-shadow);border-color:#c9d9e7;background:#fff}
body:has(.hero) .quiz-option{background:#fbfcfe}.quiz-option:has(input:checked){background:var(--sky)}
body:has(.hero) .scenario-layout{box-shadow:var(--panel-shadow);border:1px solid #d6e1ed;background:#fff}
body:has(.hero) .scenario-content{background:linear-gradient(145deg,#fff,#f3f7fb)}
body:has(.hero) .scenario-question{border-left:3px solid #7fa3c5;border-radius:0 12px 12px 0;background:#eaf1f8}
body:has(.hero) .calculator-section{background:radial-gradient(ellipse at 0% 100%,#315a8066,transparent 55%),linear-gradient(115deg,#142e4c,#203e60);position:relative}
body:has(.hero) .calculator-section .eyebrow{color:#c4d9ef}
body:has(.hero) .calculator-result{box-shadow:0 20px 45px -25px #071b3080;border:1px solid #d5e1ed}
body:has(.hero) .editorial-section{background:radial-gradient(ellipse at 96% 0%,#f3e8ce66,transparent 55%),linear-gradient(135deg,#eef4fb,#faf9f6 68%);border-bottom:1px solid #d6e1ed}
body:has(.hero) .editorial-card,body:has(.hero) .article-card{background:#fff;border-color:#d6e1ed;box-shadow:var(--surface-shadow)}
body:has(.hero) .editorial-photo,body:has(.hero) .article-card-image{border-bottom:1px solid #d6e1ed}
body:has(.hero) .editorial-controls button{background:#ffffffb8}.editorial-controls button:disabled{background:transparent}
body:has(.hero) .principles>div>span{background:#e7f0fa;color:#245ea8;border-radius:50%;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;font-size:12px}
body:has(.hero) .advice-grid{box-shadow:var(--panel-shadow);border:1px solid #c9d9e7;overflow:hidden}
body:has(.hero) .advice-copy{background:radial-gradient(ellipse at 10% 0%,#38628b88,transparent 65%),linear-gradient(145deg,#142e4c,#203e60)}
body:has(.hero) .advice-form{background:linear-gradient(145deg,#fff,#f7f9fc)}
body:has(.hero) .faq-list details{border-color:#cbd9e7}
body:has(.hero) .site-footer{background:radial-gradient(ellipse at 100% 0%,#2c50704d,transparent 60%),#142e4c}
@media(max-width:750px){
 body:has(.hero) .hero{padding-block:28px;background:radial-gradient(ellipse at 100% 0%,#d8e8f699,transparent 50%),linear-gradient(145deg,#faf9f6,#f0f5fa)}
 body:has(.hero) .hero-copy>.eyebrow{font-size:10px;padding:6px 9px;max-width:100%}
 body:has(.hero) .hero-art{border-radius:44px 18px 18px 18px}
 body:has(.hero) .photo-caption{padding:14px 16px;gap:12px;grid-template-columns:1fr 1.5fr}.photo-caption p{font-size:14px!important}
 body:has(.hero) .disclosure-strip{padding:14px 16px;margin-top:14px;flex-wrap:wrap}.disclosure-strip p{flex:1;min-width:0}.disclosure-strip>a{margin-left:36px}
 body:has(.hero) .topic-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){body:has(.hero) .topic-card,body:has(.hero) .button{transition:none}}
@media(max-width:750px){body:has(.hero) .disclosure-strip{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px 12px}body:has(.hero) .disclosure-strip>p{min-width:0}body:has(.hero) .disclosure-strip>a{grid-column:2;margin:0;justify-self:start}}

/* Unified editorial scale and coordinated movement, superseding older overrides. */
:root{--type-display:clamp(36px,3.5vw,44px);--type-title:34px;--type-section:30px;--type-card:21px}
body:has(.hero) .hero-copy h1{font-size:var(--type-display);line-height:1.16;letter-spacing:-.025em;max-width:19ch}
body:has(.hero) .hero-copy h1 span{font-weight:500;line-height:1.18}
body:has(.hero) .lead{font-size:17px;line-height:1.7;max-width:46ch}
body:has(.hero) .section-heading h2,body:has(.hero) .section-intro h2,body:has(.hero) .advice-copy h2{font-size:var(--type-section);line-height:1.28;font-weight:600;letter-spacing:-.025em}
body:has(.hero) .topic-card h3,body:has(.hero) .article-card h3,body:has(.hero) .editorial-copy h3{font-size:var(--type-card);line-height:1.36;font-weight:600;letter-spacing:-.02em;text-wrap:pretty}
body:has(.hero) .topic-card>p,body:has(.hero) .article-card p,body:has(.hero) .editorial-copy>p{font-size:15px;line-height:1.7}
body:has(.hero) .section-heading>p{font-size:15px;line-height:1.7}
body:has(.hero) .editorial-category{font-size:11px;line-height:1.6;letter-spacing:.01em}
body:has(.hero) .topic-card{transform:none}
body:has(.hero) .topic-card:hover{transform:none}
.asas-motion .topic-card:hover,.asas-motion .article-card:hover{translate:none}
@media(prefers-reduced-motion:no-preference){
 body:has(.hero) .topic-card,body:has(.hero) .article-card,body:has(.hero) .editorial-card{transition:translate 380ms cubic-bezier(.16,1,.3,1),box-shadow 380ms,border-color 220ms}
 .hero-art img,.scenario-image img,.article-card-image img,.editorial-photo img{transition:scale 700ms cubic-bezier(.16,1,.3,1);transform-origin:center}
 .button>span,.text-link>span,.card-link b{display:inline-block;transition:translate 280ms cubic-bezier(.16,1,.3,1)}
 .quiz-option{transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
 .quiz-option:has(input:checked){box-shadow:inset 3px 0 0 var(--accent)}
 @media(hover:hover) and (pointer:fine){
  body:has(.hero) .topic-card:hover,body:has(.hero) .article-card:hover,body:has(.hero) .editorial-card:hover{translate:0 -4px;box-shadow:0 18px 32px -23px #142e4c66}
  .topic-card:hover .topic-art{translate:0 -3px;transition:translate 450ms cubic-bezier(.16,1,.3,1)}
  .article-card:hover img,.editorial-card:hover img{scale:1.035}
  .topic-card:hover .card-link b{translate:3px -2px}
 }
 @supports(animation-timeline:view()){
  @keyframes asas-photo-depth{from{scale:1.065}to{scale:1}}
  .scenario-image img{animation:asas-photo-depth linear both;animation-timeline:view();animation-range:entry 0% cover 70%}
 }
}
@media(max-width:750px){
 :root{--type-display:32px;--type-title:28px;--type-section:25px;--type-card:20px}
 body:has(.hero) .hero-copy h1{line-height:1.18;max-width:18ch}
 body:has(.hero) .lead{font-size:16px;line-height:1.7}
 body:has(.hero) .section-heading h2,body:has(.hero) .section-intro h2,body:has(.hero) .advice-copy h2{line-height:1.3}
 body:has(.hero) .topic-card>p,body:has(.hero) .article-card p,body:has(.hero) .editorial-copy>p{font-size:14px}
}
@media(max-width:360px){:root{--type-display:30px;--type-section:24px;--type-card:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.asas-motion *,.asas-motion *::before,.asas-motion *::after{animation:none!important;transition:none!important}.asas-motion .topic-card:hover,.asas-motion .article-card:hover,.asas-motion .editorial-card:hover{translate:none}.scenario-image img{scale:1}}

/* Readable, prominent type — user explicitly requested a substantial increase. */
:root{--type-display:clamp(48px,4.8vw,60px);--type-title:44px;--type-section:40px;--type-card:25px;--type-body:18px;--type-support:16px;--type-caption:14px}
body{font-size:18px;line-height:1.7}
body:has(.hero) .hero-copy h1{font-size:var(--type-display);line-height:1.1;max-width:19ch;letter-spacing:-.03em}
body:has(.hero) .hero-copy h1 span{line-height:1.14}
body:has(.hero) .lead{font-size:20px;line-height:1.65}
.site-header nav{font-size:16px;gap:22px}.header-advice{font-size:15px}
.button,.text-link,.plain-button,.text-button{font-size:16px}
body:has(.hero) .hero-copy>.eyebrow,.eyebrow,body:has(.hero) .section-heading .eyebrow,body:has(.hero) .section-intro>.eyebrow{font-size:13px}
body:has(.hero) .section-heading h2,body:has(.hero) .section-intro h2,body:has(.hero) .advice-copy h2{font-size:var(--type-section);line-height:1.2}
body:has(.hero) .section-heading>p,.section-intro>p,.transparency-grid>div>p:not(.eyebrow),.advice-copy>p{font-size:18px;line-height:1.7}
body:has(.hero) .topic-card h3,body:has(.hero) .article-card h3,body:has(.hero) .editorial-copy h3{font-size:25px;line-height:1.3}
body:has(.hero) .topic-card>p,body:has(.hero) .article-card p,body:has(.hero) .editorial-copy>p{font-size:17px;line-height:1.65}
body:has(.hero) .editorial-category,.topic-number,.editorial-meta,.quiet,.hero-values{font-size:14px;line-height:1.6}
.card-link,.topic-card .card-link,.article-card .card-link,.editorial-controls>span{font-size:15px}
body:has(.hero) .photo-caption p{font-size:18px!important}.photo-caption>span,body:has(.hero) .photo-caption>span{font-size:12px}
.disclosure-strip p,.disclosure-strip>a,.inline-note p,.principles p,.advice-assurance p,.calc-method p{font-size:16px;line-height:1.7}
#quiz-question,#path-result h3{font-size:26px}.quiz-option{font-size:18px}.quiz-option small{font-size:16px}.progress-label{font-size:14px}
.scenario-tabs button{font-size:15px}.scenario-quote{font-size:28px}.scenario-content>p,#scenario-copy,.scenario-question p{font-size:18px}
.field label,.field input,.field select,.library-search input,.library-search label,.faq-list summary{font-size:18px}.field small,.field-error,.calc-example,.calculator-result .calc-warning,.calc-method summary{font-size:15px}.calc-breakdown>div,.calculator-result>p{font-size:16px}
.filter-row button,.privacy-link,.consent,.demo-note{font-size:15px}.faq-list p{font-size:18px}.principles strong{font-size:22px}
.article-heading h1,.info-page h1,.narrative-article .article-heading h1{font-size:var(--type-title);line-height:1.2}
.article-body section h2{font-size:30px}.story-prose,.article-body section p,.article-body li,.info-page .article-body section p{font-size:19px;line-height:1.8}.story-prose>p:first-child{font-size:21px}.article-meta,.breadcrumb,.story-sources{font-size:14px}
.footer-links h3{font-size:17px}.footer-links a,.sub-footer>div a{font-size:15px}.footer-bottom p,.footer-bottom span{font-size:13px}
@media(max-width:1050px) and (min-width:751px){.site-header nav{font-size:14px;gap:14px}.hero-grid{gap:28px}}
@media(max-width:750px){
 :root{--type-display:40px;--type-title:34px;--type-section:32px;--type-card:23px;--type-body:17px;--type-support:16px;--type-caption:13px}
 body{font-size:17px}.header-advice{font-size:14px}.site-header #main-nav.open{font-size:17px}
 body:has(.hero) .hero-copy>.eyebrow{font-size:11px}body:has(.hero) .hero-copy h1{line-height:1.13;max-width:none}body:has(.hero) .lead{font-size:18px;line-height:1.65}
 body:has(.hero) .section-heading h2,body:has(.hero) .section-intro h2,body:has(.hero) .advice-copy h2{line-height:1.25}
 body:has(.hero) .section-heading>p,.section-intro>p,.transparency-grid>div>p:not(.eyebrow),.advice-copy>p{font-size:17px}
 body:has(.hero) .topic-card h3,body:has(.hero) .article-card h3,body:has(.hero) .editorial-copy h3{font-size:23px}
 body:has(.hero) .topic-card>p,body:has(.hero) .article-card p,body:has(.hero) .editorial-copy>p{font-size:16px}
 .disclosure-strip p,.disclosure-strip>a{font-size:14px}.hero-values,.quiet,.topic-number,body:has(.hero) .editorial-category,.editorial-meta{font-size:13px}
 body:has(.hero) .photo-caption{grid-template-columns:1fr}.photo-caption>span{max-width:none!important}.photo-caption p{font-size:17px!important}
 #quiz-question,#path-result h3{font-size:24px}.quiz-option{font-size:17px}.quiz-option small{font-size:15px}.scenario-tabs button{font-size:13px}.scenario-quote{font-size:26px}.scenario-question p{font-size:17px}
 .field label,.field input,.field select,.library-search input{font-size:17px}.faq-list summary,.faq-list p{font-size:17px}.calc-breakdown>div{font-size:14px}
 .story-prose,.article-body section p,.article-body li,.info-page .article-body section p{font-size:18px}.story-prose>p:first-child{font-size:20px}.article-body section h2{font-size:26px}
}
@media(max-width:360px){:root{--type-display:36px;--type-title:30px;--type-section:30px}.header-advice{font-size:12px;padding-inline:9px}.hero-values{gap:6px 10px}.scenario-tabs button{font-size:12px}}

.story-end{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}

/* Story mobile review: preserve illustration composition and comfortable reading type. */
@media(max-width:750px){
 .narrative-article .editorial-figure img{height:auto;aspect-ratio:3/2;object-fit:contain}
 .narrative-article .editorial-figure figcaption{font-size:14px;line-height:1.55;margin-top:10px}
 .narrative-article .article-heading{padding:12px 0 20px}
 .narrative-article .article-heading .eyebrow{margin-bottom:12px}
 .narrative-article .story-end{gap:8px 20px}
 .narrative-article .story-end>a{display:inline-flex;align-items:center;min-height:44px}
}

/* Six core guide openings: concise benefits and the relevant next action. */
.guide-intro-points{list-style:none;padding:0;margin:22px 0;display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--ink);font-size:17px;line-height:1.6}
.guide-intro-points li{display:flex;gap:10px;align-items:baseline}
.guide-intro-points li::before{content:'•';color:var(--accent)}
.guide-intro-action{margin:0 0 22px}.guide-intro-action .button{white-space:normal;text-align:left;max-width:100%}
@media(max-width:750px){.guide-intro-points{display:grid;gap:8px;margin:18px 0;font-size:17px}.guide-intro-action{margin-bottom:20px}.guide-intro-action .button{min-height:48px}}

/* Site-wide compact reading rhythm; homepage retains its own composition. */
body:not(.asas-home){--page-section:48px;--page-group:24px;--page-item:12px}
body:not(.asas-home) .header-row{min-height:76px}
body:not(.asas-home) .section{padding-block:var(--page-section)}
body:not(.asas-home) .article-heading{padding:24px 0}
body:not(.asas-home) .breadcrumb{margin-bottom:12px;min-height:44px}
body:not(.asas-home) .article-heading .eyebrow{margin-bottom:12px}
body:not(.asas-home) .article-heading h1{margin-bottom:12px}
body:not(.asas-home) .article-deck{margin-block:12px 16px}
body:not(.asas-home) .guide-intro-points{margin-block:16px;gap:8px 20px}
body:not(.asas-home) .guide-intro-action{margin-bottom:16px}
body:not(.asas-home) .article-layout{gap:32px;margin-bottom:40px}
body:not(.asas-home) .article-toc{top:96px}
body:not(.asas-home) .article-toc a{padding-block:10px;min-height:44px}
body:not(.asas-home) .article-hero{height:240px;margin-bottom:20px}
body:not(.asas-home) .article-body section{padding-block:20px}
body:not(.asas-home) .article-body section h2{margin-bottom:12px}
body:not(.asas-home) .article-body section p{margin-block:0 16px}
body:not(.asas-home) .article-body .article-questions{padding:24px;margin-top:24px}
body:not(.asas-home) .info-page{padding-block:32px 40px}
body:not(.asas-home) .narrative-article{padding-block:20px 40px}
body:not(.asas-home) .narrative-article .article-heading{padding:8px 0 20px}
body:not(.asas-home) .editorial-figure{margin-bottom:20px}
body:not(.asas-home) .story-prose>p{margin-bottom:16px}
body:not(.asas-home) .story-end{margin-top:20px;padding-top:16px}
body:not(.asas-home) .editorial-grid{gap:24px}
body:not(.asas-home) .editorial-grid .editorial-photo{height:200px}
body:not(.asas-home) .editorial-grid .editorial-copy{padding:20px}
body:not(.asas-home) .editorial-grid .editorial-card{box-shadow:none}
body:not(.asas-home) .site-footer{padding-block:32px}
body:not(.asas-home) .sub-footer{gap:32px}
body:not(.asas-home) .sub-footer>div{gap:4px}
body:not(.asas-home) .sub-footer a{min-height:44px}
@media(max-width:750px){
 body:not(.asas-home){--page-section:32px;--page-group:20px}
 body:not(.asas-home) .header-row{min-height:64px;gap:12px}
 body:not(.asas-home) .article-heading{padding:20px 0}
 body:not(.asas-home) .article-layout{gap:20px;margin-bottom:32px}
 body:not(.asas-home) .article-toc{padding:16px}
 body:not(.asas-home) .article-hero{height:190px;margin-bottom:16px}
 body:not(.asas-home) .article-body section{padding-block:16px}
 body:not(.asas-home) .article-body .article-questions{padding:20px;margin-top:20px}
 body:not(.asas-home) .info-page{padding-block:24px 32px}
 body:not(.asas-home) .narrative-article{padding-block:16px 32px}
 body:not(.asas-home) .editorial-grid{gap:20px}
 body:not(.asas-home) .editorial-grid .editorial-photo{height:180px}
 body:not(.asas-home) .editorial-grid .editorial-copy{padding:18px}
 body:not(.asas-home) .sub-footer{gap:20px}
 body:not(.asas-home) .sub-footer>div{flex-wrap:wrap;gap:8px 20px}
}

/* Reading orientation: visible progress and navigation on every screen size. */
.journey-menu{display:none}
.reading-progress{position:absolute;inset:auto 0 -1px;height:3px;background:var(--line);pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.article-toc a[aria-current=location]{color:var(--accent);font-weight:700;border-left:3px solid var(--accent);padding-left:12px;background:var(--sky)}
@media(max-width:750px){
 body:not(.asas-home):not(.quote-page) .header-row{flex-wrap:wrap;gap:8px}
 body:not(.asas-home):not(.quote-page) .header-row .logo{font-size:28px;gap:5px;flex-shrink:0}
 body:not(.asas-home):not(.quote-page) .header-row .logo svg{width:28px;height:28px}
 body:not(.asas-home):not(.quote-page) .header-advice{font-size:11px;padding-inline:8px;min-height:44px;margin-left:auto}
 body:not(.asas-home) .site-header nav{display:flex;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-block:8px}
 body:not(.asas-home) .site-header nav a{min-height:44px;padding:10px 4px}
 body:not(.asas-home) .journey-nav-ready nav{display:none}
 body:not(.asas-home) .journey-nav-ready nav.journey-open{display:flex}
 .journey-menu{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:var(--paper);color:var(--ink);border:1px solid var(--control-line);border-radius:10px;font-size:24px;cursor:pointer}
 .journey-menu:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
 .journey-menu:active{background:var(--sky)}
}

/* Native same-origin page transitions; links/history retain browser behavior. */
@view-transition{navigation:auto}
:root{--page-transition-distance:100dvh;--page-transition-duration:820ms;--page-transition-ease:cubic-bezier(.4,0,.2,1)}
.site-header{view-transition-name:site-header}
@keyframes asas-page-out{from{transform:translateY(0)}to{transform:translateY(calc(var(--page-transition-distance) * -1))}}
@keyframes asas-page-in{from{transform:translateY(var(--page-transition-distance))}to{transform:translateY(0)}}
::view-transition-old(root){animation:asas-page-out var(--page-transition-duration) var(--page-transition-ease) both}
::view-transition-new(root){animation:asas-page-in var(--page-transition-duration) var(--page-transition-ease) both}
::view-transition-group(site-header){animation-duration:0s}
::view-transition-old(site-header){animation:none;opacity:0}
::view-transition-new(site-header){animation:none}
::view-transition{pointer-events:none}

@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

/* Public brand order: Takaful Asas. */
.logo>span{display:flex;flex-direction:column;line-height:1}
.logo>span>small{margin:0 0 3px 3px;line-height:1.2;letter-spacing:.22em}