/* v5 components. Existing shell, palette and article URLs remain unchanged. */
:root{--surface:#fffdf9;--paper:#f6f3ee;--ink:#162b30;--muted:#596d70;--accent:#176b63;--accent-soft:#e8f1ee;--line:#dce3df;--radius:18px}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #176b63;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.helper{color:var(--muted);font-size:13px!important;line-height:1.8!important}.section-kicker{display:block;font:600 11px/1.6 system-ui,sans-serif;letter-spacing:.15em;color:var(--accent);margin-bottom:8px}.plain-button{border:0;background:transparent;color:var(--ink);padding:10px 12px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.text-link{display:inline-block;color:var(--accent);font-size:14px;margin:16px 0 4px;min-height:36px;line-height:1.8}.error{color:#9c3531!important;font-size:14px!important;min-height:0;line-height:1.65!important}.error:empty{margin:0!important}.error:not(:empty){margin:10px 0!important}.button{min-height:48px;line-height:1.5!important;padding:13px 20px!important;border-radius:10px!important;justify-content:center;text-align:center;white-space:normal;font-weight:600;font-size:15px!important;display:inline-flex;align-items:center;background:var(--accent);color:#fff;border:1px solid var(--accent);text-decoration:none}.button.secondary{background:var(--surface);color:var(--accent);border:1px solid #b8ccc6}.inline-notice{background:#f6ead9;border-left:3px solid #b98244;padding:16px 18px;font-size:14px;line-height:1.85}.disclosure-note{background:#f0f3ef;padding:13px 16px;font-size:13px!important;line-height:1.85!important;border-radius:10px}.pill{display:inline-block;background:var(--accent-soft);padding:5px 10px;border-radius:6px;color:var(--accent);font-size:12px}
/* The first useful input sits in the hero, rather than below the article menus. */
.utility-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:42px 0 50px}.utility-hero .hero-copy{max-width:none}.hero-kicker{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:23px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--accent);flex:none}.utility-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:clamp(30px,3vw,42px);line-height:1.55;letter-spacing:.02em;margin:0 0 22px}.utility-hero h1 em{font-style:normal;color:var(--accent)}.utility-hero .lead{font-size:16px;line-height:2;color:#344b4f;margin:0 0 25px}.hero-trust{display:flex;flex-wrap:wrap;gap:8px}.hero-trust span{padding:4px 9px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.6);font-size:11px}.hero-shortcuts{display:flex;flex-direction:column;gap:5px;margin-top:27px}.hero-shortcuts a{font-size:14px;line-height:1.6;min-height:38px;padding:6px 0;color:var(--accent);font-weight:600}.hero-copy>.helper{margin-top:18px}.wizard-card{border:1px solid #ccdcd5;border-top:3px solid var(--accent);border-radius:18px;background:var(--surface);box-shadow:0 12px 35px rgba(22,43,48,.055);padding:28px 30px 20px;min-width:0;scroll-margin-top:24px}.wizard-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-top .section-kicker{margin:0;letter-spacing:.09em;font-size:12px}.step-count{font:600 13px/1.5 system-ui,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0 24px}.wizard-progress i{height:3px;background:#e0e8e2;border-radius:9px}.wizard-progress i.on{background:var(--accent)}.wizard-card fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}.wizard-card legend{padding:0;font-size:22px;line-height:1.55;font-weight:600;letter-spacing:.015em}.wizard-card legend:focus{outline:none}.wizard-card .step-hint{margin:6px 0 17px;font-size:13px;line-height:1.8;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid.wide{grid-template-columns:1fr}.choice{position:relative;display:block;cursor:pointer;margin:0!important}.choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.choice>span{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 13px;background:#fff;border:1px solid #d5dfd9;border-radius:9px;font-size:14px;line-height:1.5;font-weight:500}.choice>span:before{content:"";display:block;width:15px;height:15px;flex:none;border:1px solid #a8b9b2;border-radius:50%;background:#fff}.choice input:checked+span{background:#e8f2ed;border-color:var(--accent);color:#124f48;box-shadow:inset 0 0 0 1px var(--accent)}.choice input:checked+span:before{border:4px solid var(--accent)}.choice input:focus-visible+span{outline:3px solid #176b63;outline-offset:3px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.wizard-actions .button{min-width:155px}.wizard-foot{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin:15px 0 0}
/* Results & same-page tools */
.plan-result{border:1px solid #a7c2b9;border-radius:18px;background:#eaf2ed;padding:30px;margin:0 0 40px}.plan-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.plan-heading h2{margin:0;font-size:24px}.plan-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #cbdad1}.plan-facts span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.plan-facts strong{display:block;font-size:17px}.plan-message{font-size:15px;line-height:1.9;max-width:900px}.plan-actions{display:flex;flex-wrap:wrap;gap:12px}.workspace{margin:12px 0 50px;scroll-margin-top:24px}.workspace .section-head{align-items:end;margin-bottom:20px}.workspace .section-head h2{font-size:25px;line-height:1.6;margin:0}.workspace .section-head p{font-size:13px;color:var(--muted);margin:0}.workspace-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid var(--line);padding:0 8px;background:#eaece6;border-radius:13px 13px 0 0}.workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;border-bottom:3px solid transparent;padding:20px 8px 17px;color:var(--muted);font-size:16px;font-weight:600;min-height:62px}.workspace-tabs button span{font-family:Georgia,serif;font-size:15px;font-style:italic;opacity:.6}.workspace-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface)}.workspace>[data-panel]{padding:32px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}.module-intro{margin-bottom:24px}.module-intro h2{font-size:24px;line-height:1.6;margin:0 0 8px!important;border:0!important;padding:0!important}.module-intro p{font-size:14px;line-height:1.85;margin:0;color:#4b6266}.calc-grid,.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calculator-module label,.memo-module label{display:block;margin:0 0 7px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.7}.calculator-module label span,.memo-module label span{display:block;font-size:12px;color:var(--muted);font-weight:400}.calculator-module input:not([type=range]),.memo-module input,.memo-module textarea,.memo-module select{display:block;width:100%;min-width:0;border:1px solid #bfcfc7;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);font-size:16px!important;line-height:1.7;min-height:48px;box-shadow:none}.calculator-module input:not([type=range]){font-variant-numeric:tabular-nums}.memo-module textarea{resize:vertical}.memo-module textarea::placeholder,.memo-module input::placeholder{color:#768780;font-size:14px}.calc-inputs>.form-grid,.memo-module input,.memo-module textarea,.memo-module select{margin-bottom:18px}.time-field{padding:18px 0 10px}.range-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.range-title>span{display:flex;align-items:center;gap:8px;flex:none}.calculator-module .range-title input{width:82px;padding:6px 8px}.range-title label{margin-bottom:0}.calculator-module input[type=range]{width:100%;accent-color:var(--accent);height:36px;margin:9px 0 0;cursor:pointer}.calculator-module details,.service-card details{margin:18px 0;border-top:1px solid var(--line);padding-top:13px}.calculator-module summary,.service-card summary{cursor:pointer;min-height:40px;font-size:13px;line-height:1.8;color:var(--accent);padding:8px 0}.calculator-module details[open] .form-grid{margin-top:14px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.calc-output{background:#f0f4ee;border:1px solid #d5e0d5;border-radius:13px;padding:24px;min-width:0}.result-label{font-size:12px;color:#496661;font-weight:600;letter-spacing:.03em}.calc-output p.amount{font-size:39px!important;line-height:1.4!important;font-family:Georgia,"Yu Mincho",serif;font-variant-numeric:tabular-nums;color:var(--ink);margin:12px 0}.amount span{font-size:21px}.calc-output #cost-detail{font-size:13px!important;line-height:1.9!important}.budget-status{border-top:1px solid #cbdacf;padding-top:18px;font-size:14px;line-height:1.9;font-weight:600;margin-top:18px}.over-budget .budget-status{color:#963e2f}.over-budget .amount{color:#963e2f}.calc-output>.button{width:100%;margin-top:14px}.memo-preview{padding:24px;border:1px solid #d7ddd2;background:#f7f5ec;border-radius:13px;min-width:0}.memo-preview h3{font-size:21px;margin:14px 0}.memo-preview ol{list-style:decimal;padding-left:22px;font-size:14px;line-height:2.4}.memo-preview #question-output{background:#fffdf6;line-height:2;min-height:360px;font-size:14px!important}.memo-preview .button{width:100%}.copy-message{font-size:13px;line-height:1.9;color:var(--accent)}.inline-memo-details{margin-top:26px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}.inline-memo-details>summary{color:var(--accent);font-weight:600;padding:8px;min-height:44px;cursor:pointer}.inline-memo-details[open] .memo-module{margin-top:22px}
/* Comparison, informational disclosure and a non-blocking preflight. */
.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.filter-button{min-height:46px;border:1px solid #b9ccc3;border-radius:8px;background:var(--surface);padding:9px 16px;color:var(--accent);font-size:14px}.filter-button[aria-pressed=true]{background:var(--accent);color:#fff}.preflight{padding:21px;border:1px solid #d2dacf;border-radius:12px;background:#f6f5ed;margin:22px 0}.preflight h3{font-size:19px;margin:0 0 5px!important}.preflight p{font-size:13px;line-height:1.8;margin:5px 0}.preflight-checks{display:grid;grid-template-columns:1fr;gap:4px;margin-top:15px}.preflight-checks label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.7;min-height:42px;cursor:pointer}.preflight-checks input{width:19px;height:19px;accent-color:var(--accent);flex:none}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.service-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;min-width:0}.service-top{display:flex;gap:10px;align-items:center}.ad-chip{font-size:10px;border:1px solid #cad2cd;color:var(--muted);padding:2px 6px;flex:none;border-radius:3px}.service-card h3{font-size:22px;margin:14px 0 10px!important;line-height:1.6}.service-card .service-reason{font-size:14px;line-height:1.9;margin:0 0 17px;min-height:53px}.service-card dl{margin:0}.service-card dt{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--muted);margin:12px 0 3px}.service-card dd{font-size:14px;line-height:1.85;margin:0}.service-card details{font-size:13px;line-height:1.8}.service-card details p{font-size:13px!important}.service-card .service-link{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff!important;background:var(--accent);padding:13px 12px;border:1px solid var(--accent);border-radius:9px;font-size:14px!important;line-height:1.6;min-height:48px;text-decoration:none;margin-top:auto;font-weight:600}.service-card>a.button{margin-top:auto}.service-card img[width="1"]{position:absolute;width:1px;height:1px}.guide-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.guide-link-grid a{display:flex;align-items:center;gap:12px;min-height:76px;background:var(--surface);padding:18px;font-size:14px;color:var(--ink);text-decoration:none}.guide-link-grid a span{font-size:11px;color:var(--muted);min-width:46px}.guide-link-grid a b{font-weight:400;color:var(--accent);margin-left:auto}.guide-link-grid a:hover{background:#edf3ed}
/* Existing narrow article columns and the dedicated ad landing page. */
.article-body .calculator-module,.article-body .memo-module,.article-body .comparison-module{margin:28px 0}.article-body .calc-grid,.article-body .memo-grid,.article-body .service-grid{grid-template-columns:1fr}.article-body .calc-output{padding:24px}.article-body .service-reason{min-height:0}.article-body .memo-preview #question-output{min-height:320px}.lp-utility-section{padding:32px!important;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:30px 0;scroll-margin-top:24px}.lp-utility-section .calculator-module,.lp-utility-section .comparison-module,.lp-utility-section .memo-module{margin:0}.lp-utility-section .service-grid{gap:18px}.analytics-settings{color:var(--muted);margin-top:12px}.analytics-choice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(1020px,calc(100% - 32px));display:flex;gap:25px;align-items:center;justify-content:space-between;z-index:80;padding:18px 24px;border:1px solid #b9cdc2;border-radius:12px;background:#fffefa;box-shadow:0 4px 30px #102c2520}.analytics-choice strong{font-size:14px}.analytics-choice p{font-size:12px!important;line-height:1.8!important;color:var(--muted);margin:5px 0 0}.analytics-buttons{display:flex;gap:9px;flex-shrink:0}.analytics-buttons button{border:1px solid #a9bfb3;border-radius:7px;background:#f1f5ee;color:var(--accent);min-height:44px;padding:9px 14px;font-size:13px;white-space:nowrap}.missing-page{padding:100px 0;max-width:720px}.preview-notice{padding:12px 20px;background:#eaf2ed;font-size:13px;line-height:1.7;text-align:center;border-bottom:1px solid #ccd9cc}.preview-notice a{color:var(--accent)}#preview-status{background:#f7ead9;padding:14px 20px;font-size:14px;position:sticky;top:0;z-index:100}#preview-status:empty{display:none}.trust-strip{margin-bottom:48px}
@media(max-width:1000px){.utility-hero{gap:25px}.wizard-card{padding:24px}.utility-hero h1{font-size:33px}.workspace>[data-panel]{padding:24px}.lp-utility-section{padding:24px!important}.calc-grid,.memo-grid{gap:20px}.analytics-choice{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:16px}.mast{padding:14px 0!important;gap:12px}.brand-mark{width:35px!important;height:35px!important;font-size:19px!important}.brand-name{font-size:18px!important}.brand-sub{font-size:10px!important}.nav{gap:14px!important}.nav a{font-size:12px!important}.utility-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 36px}.utility-hero .hero-copy{padding:0}.hero-kicker{margin-bottom:12px;font-size:11px}.utility-hero h1{font-size:30px;line-height:1.5;margin-bottom:12px}.utility-hero .lead{font-size:14px;line-height:1.85;margin-bottom:12px}.hero-trust{gap:5px}.hero-trust span{font-size:10px;padding:3px 6px}.hero-shortcuts{flex-direction:row;gap:16px;margin-top:12px;flex-wrap:wrap}.hero-shortcuts a{font-size:12px;min-height:32px}.hero-copy>.helper{display:none}.wizard-card{padding:22px 20px 17px}.wizard-card legend{font-size:20px}.wizard-progress{margin:13px 0 18px}.choice>span{font-size:14px;min-height:48px;padding:9px 11px}.wizard-foot{font-size:10px}.wizard-actions{margin-top:13px;padding-top:14px}.plan-result{padding:22px 20px}.plan-heading h2{font-size:21px}.plan-heading{gap:10px}.plan-heading>.plain-button{padding:4px;font-size:12px;flex:none}.plan-facts{grid-template-columns:1fr 1fr;gap:18px 12px}.plan-facts strong{font-size:15px}.plan-actions .button{width:100%}.workspace .section-head{display:block}.workspace .section-head h2{font-size:21px}.workspace .section-head p{margin-top:8px}.workspace-tabs{padding:0 3px;gap:0}.workspace-tabs button{gap:6px;font-size:13px;padding:14px 3px;min-height:54px}.workspace-tabs button span{font-size:12px}.workspace>[data-panel]{padding:23px 18px}.module-intro h2{font-size:21px}.module-intro p{font-size:14px}.calc-grid,.memo-grid,.service-grid{grid-template-columns:1fr}.calc-output{padding:22px}.calc-output p.amount{font-size:37px!important}.calculator-module label,.memo-module label{font-size:14px}.form-grid{gap:12px}.calculator-module details .form-grid{grid-template-columns:1fr 1fr}.memo-preview{padding:20px}.preflight{padding:18px}.preflight-checks label{font-size:13px}.service-card{padding:21px}.service-card h3{font-size:20px}.service-card .service-reason{min-height:0}.service-card details summary{min-height:44px}.service-card dd{font-size:14px}.guide-link-grid{grid-template-columns:1fr}.guide-link-grid a{min-height:65px;font-size:13px;padding:15px}.practical-links h2{font-size:21px}.lp-utility-section{padding:24px 18px!important}.analytics-choice{bottom:10px;padding:15px 16px;display:block;width:calc(100% - 20px)}.analytics-choice strong{font-size:13px}.analytics-choice p{font-size:11px!important}.analytics-buttons{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.analytics-buttons button{font-size:13px}.article-body>p,.article-body>ul,.article-body>ol{font-size:16px!important}.article-body .module-intro h2{font-size:21px}.article-body .calculator-module,.article-body .memo-module{padding:0}.inline-memo-details{padding:13px}.preview-notice{font-size:12px;padding:9px 12px}.missing-page{padding:60px 20px}.filter-row{gap:8px}.filter-button{padding:9px 12px;font-size:13px}.button{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.analytics-choice,.analytics-settings,.nav,.workspace-tabs,.preview-notice{display:none!important}.memo-preview{break-inside:avoid}.service-card{break-inside:avoid}}

.service-link[aria-disabled=true]{opacity:.55;cursor:not-allowed}