:root{--bg:#f4f6fb;--surface:#ffffff;--surface-2:#f8fbff;--text:#0f1f3a;--muted:#50607e;--line:rgba(19,35,67,0.12);--primary:#0b63ff;--primary-2:#00b3d6;--accent:#14b67a;--warning:#da7c1d;--danger:#cb3f57;--tone-good:#3fb979;--tone-warn:#f0b24a;--tone-bad:#d86363;--tone-danger:#cb3f57;--tone-info:#5b8fd8;--radius:18px;--radius-sm:12px;--max:1160px;--shadow-1:0 10px 25px rgba(16,34,72,0.09);--shadow-2:0 18px 45px rgba(11,33,85,0.16)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:"Manrope","Segoe UI",sans-serif;color:var(--text);background:radial-gradient(1200px 620px at -10% -10%,rgba(11,99,255,0.14),transparent 50%),radial-gradient(900px 500px at 105% -8%,rgba(0,179,214,0.14),transparent 44%),radial-gradient(900px 500px at 50% 120%,rgba(20,182,122,0.08),transparent 46%),linear-gradient(180deg,#f7faff,#f2f6ff 58%,#eef4ff);line-height:1.55}img,svg{display:block;max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(23,41,74,0.12);background:rgba(247,250,255,0.9);backdrop-filter:blur(14px)}.skip-link{position:absolute;left:12px;top:-200px;z-index:120;padding:9px 12px;border-radius:10px;background:#ffffff;border:1px solid rgba(17,37,78,0.2);color:#13396d;font-weight:800}.skip-link:focus{top:8px}.header-inner{max-width:var(--max);margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-weight:800;letter-spacing:0.2px}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:0.82rem;color:#fff;font-weight:900;background:linear-gradient(135deg,#0b63ff 0%,#00b3d6 65%,#14b67a 100%);box-shadow:0 10px 26px rgba(11,99,255,0.36)}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-left:auto}.nav-links a,.nav-links button{color:#33486f;font-size:0.93rem;font-weight:500;padding:8px 10px;border-radius:10px;transition:all 0.18s ease;border:0;background:transparent;line-height:1.1}.nav-links a:hover,.nav-links button:hover{text-decoration:none;background:rgba(11,99,255,0.08);color:var(--primary)}.nav-links a.active,.nav-links button.active{background:rgba(11,99,255,0.14);color:#0a57de;font-weight:700;box-shadow:none}.nav-link-subtle{opacity:0.78}.home-page .header-inner{padding:8px 18px}.home-page .nav-links a,.home-page .nav-links button{font-size:0.88rem;padding:6px 9px;font-weight:500}.home-page .nav-search input{width:170px;min-height:34px;padding:6px 10px;border-color:rgba(22,45,88,0.18);background:rgba(255,255,255,0.85)}.home-page .nav-search button{min-height:34px;padding:6px 12px;background:#e8f0ff;color:#24457a;box-shadow:none;border:1px solid rgba(22,45,88,0.16)}.nav-links a:focus-visible,.nav-links button:focus-visible,.nav-links input:focus-visible{outline:2px solid rgba(11,99,255,0.45);outline-offset:2px}.nav-dropdown{position:relative}.nav-trigger::after{content:"▾";margin-left:6px;font-size:0.75rem;opacity:0.8}.nav-menu{position:absolute;top:calc(100%+8px);left:0;min-width:250px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-1);z-index:50}.nav-menu[hidden]{display:none}.nav-menu a{display:block;border-radius:10px;min-height:44px;padding:11px 12px}.nav-search{display:inline-grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-left:6px;position:relative}.nav-search input{width:min(46vw,520px);min-width:420px;min-height:38px;border-radius:999px;padding:7px 12px;font-size:0.9rem}.nav-search button{border-radius:999px;min-height:38px;padding:7px 14px;background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;font-weight:600;box-shadow:0 6px 12px rgba(11,99,255,0.18)}.nav-hamburger{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:10px;border:1px solid rgba(17,37,78,0.2);background:#fff;color:#243c6a;font-size:1.25rem}.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(12,25,48,0.36);backdrop-filter:blur(2px);z-index:79}.mobile-nav-backdrop[hidden]{display:none}.mobile-nav-panel{position:fixed;top:calc(env(safe-area-inset-top) + 10px);right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);left:12px;max-width:min(92vw,420px);margin-left:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(10,30,68,0.22);padding:14px 14px calc(16px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:80}.mobile-nav-panel[hidden]{display:none}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mobile-nav-title{margin:0;font-size:1rem;font-weight:800;color:#1f3665}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid rgba(17,37,78,0.14);background:#f6f9ff;color:#27406f;font-size:1.25rem;box-shadow:none}.mobile-nav-actions{display:grid;gap:8px;margin-bottom:8px}.mobile-nav-search-link{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:10px 12px;background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;text-decoration:none}.mobile-nav-search-link:hover{text-decoration:none;filter:brightness(1.02)}.typeahead-dropdown{position:absolute;top:calc(100%+6px);left:0;width:100%;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(12,34,76,0.2);padding:4px;z-index:240;max-height:min(68vh,360px);overflow:auto}.typeahead-dropdown-floating{position:fixed;z-index:900}.typeahead-dropdown[hidden]{display:none}.typeahead-option{width:100%;min-height:46px;border:0;border-radius:8px;background:#fff;box-shadow:none;appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;text-align:left;color:#163a6a;font-weight:700}.typeahead-option:hover,.typeahead-option.is-active,.typeahead-option:focus-visible{transform:none;filter:none;background:#eaf2ff;color:#113d80}.typeahead-main{display:grid;gap:1px;min-width:0;padding-top:0}.typeahead-icon{width:32px;font-size:0.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#34588f}.typeahead-title{min-width:0;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;line-height:1.25;word-break:normal;overflow-wrap:normal}.typeahead-description{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.75rem;font-weight:600;color:#446491}.typeahead-match{background:rgba(11,99,255,0.16);color:#0f3570;padding:0 2px;border-radius:4px;font-weight:800}.typeahead-meta{flex:0 0 auto;min-width:78px;max-width:140px;border-radius:999px;border:1px solid rgba(18,44,90,0.2);background:#edf2fb;color:#2d4f81;font-size:0.72rem;font-weight:800;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;justify-self:end}.typeahead-option.is-active .typeahead-meta,.typeahead-option:hover .typeahead-meta,.typeahead-option:focus-visible .typeahead-meta{border-color:rgba(11,99,255,0.3);background:#e9f2ff;color:#1f4d8f}.cv-suggest-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}.cv-suggest-title{min-width:0;display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.cv-suggest-description{min-width:0}.cv-suggest-pill{flex:0 0 auto;max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.nav-search input{min-width:0;width:100%}.typeahead-dropdown{min-width:0}.typeahead-option{min-height:50px;padding:8px 9px}.typeahead-description{font-size:0.72rem}.typeahead-meta,.cv-suggest-pill{max-width:100px}}.search-results-list{display:grid;grid-template-columns:1fr;gap:12px}.search-results-group{display:grid;gap:10px}.search-results-group-title{margin:0;font-size:0.88rem;color:#45618d;font-weight:800;letter-spacing:0.02em;text-transform:uppercase}.search-result-item{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;box-shadow:var(--shadow-0)}.search-result-item a{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:#1d3a72;text-decoration:none}.search-result-item a:hover{text-decoration:underline}.search-result-meta{margin-top:5px;color:#49618a;font-size:0.9rem}.search-empty{color:#4a6087;font-size:0.95rem}.directory-controls{margin-top:20px}.directory-toolbar{display:grid;gap:8px}.directory-toolbar label{font-size:0.84rem;color:#496188;font-weight:700}.directory-toolbar input,.directory-toolbar select{min-height:44px}.directory-toolbar-split{margin-top:12px;grid-template-columns:repeat(4,minmax(0,auto)) 1fr;align-items:center;column-gap:10px}.directory-item .card-body{display:grid;gap:8px}.directory-meta{margin:0}.pill{display:inline-flex;align-items:center;border:1px solid rgba(20,48,96,0.2);background:#eef3fc;color:#2d4f81;border-radius:999px;padding:4px 9px;font-size:0.75rem;font-weight:700}.category-directory-list li{margin-bottom:9px}.mobile-nav-group{border-top:1px solid rgba(19,35,67,0.09);padding-top:10px;margin-top:10px}.mobile-nav-group h3,.mobile-nav-group summary{margin:0 0 8px;font-size:0.86rem;font-weight:800;color:#355483}.mobile-nav-group summary{list-style:none;cursor:pointer;min-height:34px;display:flex;align-items:center}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary::after{content:"▾";margin-left:auto;color:#4a6390}.mobile-nav-group[open] summary::after{content:"▴"}.mobile-nav-list{display:grid;gap:6px}.mobile-nav-link{display:flex;align-items:center;min-height:46px;border-radius:12px;padding:10px 12px;color:#1f3665;font-weight:700}.mobile-nav-link:hover{text-decoration:none;background:rgba(11,99,255,0.08)}.mobile-nav-legal{border-top:1px solid rgba(19,35,67,0.09);padding-top:10px;margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 10px}.mobile-nav-legal a{color:#425f8f;font-size:0.8rem;font-weight:600}main{max-width:var(--max);margin:0 auto;padding:24px 20px 80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px;font-size:0.86rem;color:#4f638d}.breadcrumbs a{color:#2b4f93;text-decoration:none;font-weight:700}.breadcrumbs a:hover{text-decoration:underline}.hero{position:relative;overflow:hidden;border-radius:24px;padding:26px 28px;background:linear-gradient(115deg,rgba(11,99,255,0.98),rgba(0,179,214,0.92) 65%,rgba(20,182,122,0.9));color:#fff;box-shadow:var(--shadow-2);isolation:isolate;animation:riseIn 0.5s ease}.hero::before,.hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero::before{width:330px;height:330px;background:rgba(255,255,255,0.13);top:-130px;right:-110px;filter:blur(1px)}.hero::after{width:240px;height:240px;background:rgba(255,255,255,0.1);bottom:-110px;left:-90px}.hero>*{position:relative;z-index:2}.hero h1,.hero h2{margin:0 0 8px;font-family:"Sora","Segoe UI",sans-serif;font-size:clamp(1.4rem,2.4vw,2.1rem);letter-spacing:-0.02em;line-height:1.1}.hero p{margin:0;max-width:760px;color:rgba(255,255,255,0.94)}.badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.26);color:#fff;font-size:0.76rem;font-weight:800;letter-spacing:0.03em;text-transform:uppercase}.search-wrap{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:10px;position:relative;z-index:6}.search-wrap input{background:rgba(255,255,255,0.97)}.hero-ctas{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.hero-ctas a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 14px;font-size:0.9rem;font-weight:800;text-decoration:none}.hero-cta-primary{background:#fff;color:#14418a}.hero-cta-secondary{border:1px solid rgba(255,255,255,0.42);color:#fff;background:rgba(255,255,255,0.14)}.home-page .search-wrap{max-width:930px;gap:12px}.home-page .search-wrap input{min-height:46px;border-width:2px;border-color:rgba(255,255,255,0.62);padding:10px 14px;font-size:0.95rem;box-shadow:0 10px 24px rgba(8,27,68,0.22),inset 0 1px 2px rgba(12,30,70,0.08)}.home-page .search-wrap button{min-width:80px;min-height:46px;padding:10px 16px}.trust-badges{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;z-index:2}.trust-badge{min-height:28px;border-radius:999px;padding:5px 10px;border:1px solid rgba(255,255,255,0.32);background:rgba(255,255,255,0.14);color:#fff;font-size:0.76rem;font-weight:700;text-align:center}.hero-metrics{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{border-radius:12px;padding:10px 12px;background:rgba(255,255,255,0.17);border:1px solid rgba(255,255,255,0.26)}.metric strong{display:block;font-family:"Sora","Segoe UI",sans-serif;font-size:1.05rem;line-height:1.2}.metric span{font-size:0.84rem;color:rgba(255,255,255,0.93)}.grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:24px}.card{position:relative;border-radius:var(--radius);background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,rgba(11,99,255,0.22),rgba(0,179,214,0.16),rgba(20,182,122,0.16)) border-box;border:1px solid transparent;box-shadow:var(--shadow-1);transition:transform 0.2s ease,box-shadow 0.2s ease;animation:riseIn 0.45s ease}.card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(14,40,93,0.17)}.home-page .card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(14,40,93,0.14)}.card-body{padding:18px}.card h3{margin:0 0 7px;font-size:1.05rem;letter-spacing:-0.01em}.card p{margin:0;color:var(--muted);font-size:0.95rem}.card h3 a{color:var(--text);display:inline-flex;align-items:center;min-height:44px}.card h3 a:hover{color:var(--primary)}.popular-section{margin-top:24px}.home-page main>section{margin-top:28px}.home-page main>section.hero{margin-top:0}.home-page main>section>h2{margin:0 0 10px;font-size:clamp(1.4rem,2.4vw,1.65rem);line-height:1.15;letter-spacing:-0.01em}.popular-section h2{margin:0 0 12px;font-family:"Sora","Segoe UI",sans-serif;font-size:clamp(1.22rem,2vw,1.5rem);letter-spacing:-0.01em}.section-subtitle{margin:-3px 0 12px;color:#4b6087;font-size:0.95rem}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.popular-card .card-body{padding:13px 14px}.popular-card p{font-size:0.9rem}#most-popular .popular-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#most-popular .popular-card h3 a::after{content:"→";margin-left:7px;color:#3567ba;font-weight:700}.smart-tools-grid .popular-card p{margin-bottom:10px}.smart-tools-grid .popular-card .card-body{min-height:172px;display:flex;flex-direction:column}.smart-tools-grid .popular-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.inline-open-link{font-weight:800;font-size:0.9rem;margin-top:10px}.category-section{margin-top:24px}.category-section h2{margin:0 0 6px;font-family:"Sora","Segoe UI",sans-serif;font-size:clamp(1.2rem,2vw,1.45rem)}.category-section .grid{margin-top:14px}.view-all-wrap{margin:16px 0 0}.section-link-button{display:inline-flex;align-items:center;min-height:42px;border-radius:999px;padding:0 14px;border:1px solid rgba(26,48,90,0.2);background:#fff;color:#204580;font-weight:800;text-decoration:none}.section-link-button:hover{text-decoration:none;border-color:rgba(11,99,255,0.4);background:rgba(11,99,255,0.06)}.landing-seo-copy{margin-top:26px}.landing-seo-copy h2{margin-bottom:12px}.landing-seo-copy h3{margin-top:16px}.seo-accordion-item{margin-top:10px;border:1px solid rgba(17,37,78,0.14);border-radius:13px;background:#fff;overflow:hidden}.seo-accordion-item summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;font-weight:800;color:#243f70}.seo-accordion-item summary:focus-visible{outline:2px solid rgba(11,99,255,0.45);outline-offset:-2px}.seo-accordion-item summary::-webkit-details-marker{display:none}.seo-accordion-item summary::after{content:"▾";opacity:0.76}.seo-accordion-item[open] summary::after{content:"▴"}.seo-accordion-body{padding:0 13px 12px}.recent-section{margin-top:24px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-grid .popular-card .card-body{min-height:144px}.new-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:rgba(20,182,122,0.16);border:1px solid rgba(20,182,122,0.35);color:#107354;font-size:0.73rem;font-weight:800;margin-bottom:8px}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.why-grid .faq-item{margin-bottom:0;min-height:66px;display:flex;align-items:center}.why-seo-brief{margin-top:12px;color:#435a84;font-size:0.95rem}.recent-list{margin:0;padding-left:18px;display:grid;gap:8px}.recent-list li{min-height:36px;display:flex;align-items:center}.calculator-shell{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.panel{border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow-1);padding:20px;animation:riseIn 0.45s ease}.panel h2,.panel h3{margin:0 0 10px;font-family:"Sora","Segoe UI",sans-serif;font-size:clamp(1.1rem,1.8vw,1.4rem);letter-spacing:-0.01em}.panel p{margin:0 0 12px;color:var(--muted)}.info-guide{margin-top:20px}.info-guide h2{margin-top:16px}.info-guide h3{margin-top:14px}.info-guide p,.info-guide li{font-size:0.96rem}.info-guide-example-list li{min-height:0;padding:2px 0}.info-guide-steps{margin:0 0 12px;padding-left:22px;color:var(--muted)}.info-guide-steps li{margin-bottom:7px}.info-guide .faq-item{margin-bottom:10px}.info-guide .faq-item p{margin:6px 0 0}.info-guide-related li,.info-guide-references li{min-height:44px;display:flex;align-items:center}.info-guide-disclaimer{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(30,52,95,0.16);background:rgba(236,243,255,0.8);color:#2f456f;font-size:0.9rem}.info-guide-report{margin-top:8px;font-size:0.88rem}.info-toggle{margin-top:10px;border:1px solid rgba(26,47,89,0.14);border-radius:12px;background:#f8fbff}.info-toggle>summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:800;color:#2c4673}.info-toggle>summary::-webkit-details-marker{display:none}.info-toggle>summary::after{content:"▾";float:right;color:#36578f;transition:transform 0.2s ease}.info-toggle[open]>summary::after{transform:rotate(180deg)}.info-toggle-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.24s ease}.info-toggle[open]>.info-toggle-content{grid-template-rows:1fr}.info-toggle-inner{overflow:hidden;padding:0 12px 10px}.advanced-subdetail{margin-top:8px;background:#fff}.advanced-subdetail .info-toggle-inner{padding-top:2px}.formula-block{margin:0;padding:10px;border-radius:10px;border:1px solid rgba(27,54,102,0.16);background:#f2f7ff;color:#1d3768;font-family:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:0.84rem;white-space:pre-wrap;word-break:break-word}.panel h3{margin-top:10px}form{display:grid;gap:12px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:block;margin-bottom:6px;font-size:0.9rem;font-weight:700;color:#20304f}input,select,button,textarea{width:100%;font:inherit;border-radius:var(--radius-sm);border:1px solid rgba(17,37,78,0.22);padding:11px 12px;background:#fff;color:var(--text)}input,select,textarea{box-shadow:inset 0 1px 2px rgba(12,30,70,0.04)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,99,255,0.2),inset 0 1px 2px rgba(12,30,70,0.06)}button{border:0;cursor:pointer;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--primary),var(--primary-2));box-shadow:0 10px 22px rgba(11,99,255,0.3);transition:transform 0.17s ease,filter 0.17s ease}button:hover{transform:translateY(-1px);filter:brightness(1.04)}button.secondary{background:linear-gradient(120deg,#2e405f,#3f5376);box-shadow:0 10px 20px rgba(35,49,73,0.24)}.result{margin-top:10px;border:1px solid rgba(11,99,255,0.22);background:linear-gradient(180deg,#f8fbff,#eef5ff);border-radius:14px;padding:14px 14px 12px;min-height:72px}.result-visuals{margin-top:14px;display:grid;gap:14px}.result-visuals-wrap{margin-top:14px}.result-visuals-toggle{width:auto;min-height:34px;padding:7px 12px;margin-bottom:8px}.calc-visual{border:1px solid rgba(17,37,78,0.14);border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(12,34,76,0.06);padding:0;overflow:hidden}.calc-visual-summary{list-style:none;cursor:pointer;padding:10px 12px;border-bottom:1px solid transparent}.calc-visual-summary::-webkit-details-marker{display:none}.calc-visual-summary::after{content:"▾";float:right;opacity:0.78}.calc-visual-accordion[open] .calc-visual-summary::after{content:"▴"}.calc-visual-accordion[open] .calc-visual-summary{border-bottom-color:rgba(17,37,78,0.1)}.calc-visual-heading{margin:0;font-size:0.92rem;font-weight:800;color:#2d4674}.calc-visual-body{padding:10px 12px 12px}.visual-svg{width:100%;height:auto}.visual-summary{margin:8px 0 0;font-size:0.87rem;color:#39527f}.calc-visual-band{min-height:150px}.visual-svg-band{min-height:66px}.visual-marker{stroke:#183767;stroke-width:2}.visual-marker-dot{fill:#183767}.visual-inline-label{font-size:11px;fill:#294676;font-weight:700}.visual-band-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.visual-band-label{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:baseline;border-radius:8px;border:1px solid rgba(20,37,75,0.14);padding:4px 7px;font-size:0.74rem;color:#415a87}.visual-band-label.is-active{border-color:rgba(20,37,75,0.32);background:rgba(91,143,216,0.1);color:#203d6d}.calc-visual-donut{min-height:180px}.visual-donut-wrap{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:center}.visual-svg-donut{max-width:112px}.visual-donut-seg{transition:stroke-dasharray 180ms ease,stroke-dashoffset 180ms ease}.visual-legend{margin:0;padding:0;list-style:none;display:grid;gap:6px}.visual-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:0.82rem;color:#344f7f}.visual-swatch{width:10px;height:10px;border-radius:50%}.visual-legend-label{font-weight:700}.visual-legend-value{font-weight:600}.calc-visual-line{min-height:152px}.visual-svg-line{min-height:82px}.visual-line-path{fill:none;stroke:var(--tone-info);stroke-width:2.5}.visual-line-point{fill:#234478}.visual-line-labels{margin-top:6px;display:flex;justify-content:space-between;gap:8px;font-size:0.79rem;color:#3f5887}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}.result strong{display:block;margin-bottom:6px;font-size:0.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;color:#39517f}.result .value{font-size:clamp(1.38rem,3.1vw,1.75rem);font-weight:800;letter-spacing:-0.01em;display:flex;flex-direction:column;gap:2px}.result .result-amount{font-size:clamp(1.66rem,3.9vw,2.18rem);line-height:1.08}.result .result-unit{font-size:0.96rem;font-weight:700;color:#355381;letter-spacing:0}.result .meta{margin-top:8px;font-size:0.88rem;color:#54709d}.result.error{border-color:rgba(203,63,87,0.25);background:linear-gradient(180deg,#fff8f9,#fff0f3)}.note-list{margin:10px 0 0;padding-left:18px;color:var(--muted)}.note-list li{margin-bottom:7px}.faq{margin-top:24px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;margin-bottom:10px;box-shadow:0 6px 16px rgba(14,37,77,0.06)}.footer{max-width:var(--max);margin:0 auto;padding:0 20px 34px;color:var(--muted);font-size:0.92rem}.footer p{margin:0 0 8px}.footer-trust-signals{margin:0 0 8px;font-weight:700;color:#304f7f}.course-table{display:grid;gap:10px}.mortgage-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mortgage-dynamic-form button,.loan-dynamic-form button,.investment-dynamic-form button,.debt-dynamic-form button,.car-dynamic-form button,.home-dynamic-form button,.finance-dynamic-form button,.construction-dynamic-form button,.utilities-dynamic-form button,.shopping-dynamic-form button,.business-dynamic-form button,.salary-dynamic-form button,.health-dynamic-form button,.math-dynamic-form button{grid-column:1 / -1}.loan-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.investment-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.debt-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.car-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.construction-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.utilities-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shopping-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.salary-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.math-dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calc-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.has-panel-tools{position:relative}.calc-panel-tools{position:absolute;top:14px;right:14px;display:flex;gap:6px}.calc-panel-tool{width:auto;min-height:34px;padding:6px 10px;font-size:0.8rem;border-radius:999px}.calc-primary-actions{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:2px}.calc-primary-button{width:auto;min-width:140px;min-height:44px;padding:10px 18px}.action-link{width:auto;border:0;background:transparent;box-shadow:none;color:#2f4a78;font-weight:700;padding:0;min-height:auto;text-decoration:underline;text-underline-offset:2px;border-radius:0}.action-link:hover{transform:none;filter:none;color:#0b63ff}.action-link:focus-visible{outline:2px solid rgba(11,99,255,0.45);outline-offset:3px;border-radius:4px}.reset-link{font-size:0.9rem}.result-action-bar{margin-top:8px;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;font-size:0.82rem;overflow:visible}.result-action-btn{width:auto;min-height:34px;padding:6px 10px;border-radius:10px;border:1px solid rgba(47,74,120,0.16);background:#f6f9ff;color:#254777;font-size:0.78rem;font-weight:700;box-shadow:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto}.result-action-btn:hover{transform:translateY(-1px);filter:none;border-color:rgba(11,99,255,0.35);background:#edf4ff;color:#0b63ff}.result-action-btn:focus-visible{outline:2px solid rgba(11,99,255,0.45);outline-offset:2px}.action-dot{color:#6e83a9}.result-action-icon{font-size:0.8rem;line-height:1;opacity:0.85}.result-action-label{line-height:1}.result-action-more-wrap{position:relative;margin-left:auto;flex:0 0 auto}.result-action-more-menu{position:absolute;top:calc(100%+6px);right:0;min-width:200px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow-1);padding:4px;z-index:60;max-width:min(86vw,260px);max-height:min(56vh,320px);overflow-y:auto;scrollbar-width:thin}.result-action-more-item{width:100%;text-align:left;border:0;background:transparent;color:#243d6a;box-shadow:none;border-radius:8px;font-weight:700;min-height:34px;padding:7px 8px}.result-action-more-item:hover,.result-action-more-item:focus-visible{transform:none;filter:none;background:rgba(11,99,255,0.08);color:#0b63ff}@media (max-width:640px){.result-action-bar{gap:6px;overflow:visible}.result-action-btn{min-height:32px;max-height:36px;padding:6px 8px;font-size:0.76rem}.result-action-btn .result-action-label{font-size:0.76rem}.result-action-more-wrap{margin-left:0}}.calc-actions .secondary{padding:10px 12px}.calc-input-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:10px;align-items:center}.calc-input-row[hidden],.unit-proxy-row[hidden]{display:none !important}.calc-input-row label{margin:0}.calc-input-control{display:flex;align-items:center;gap:8px}.calc-input-control-dual{flex-wrap:wrap}.calc-input-control-dual input{width:min(130px,40%)}.calc-input-control input,.calc-input-control select,.calc-input-control textarea{min-height:44px}.calc-unit{display:inline-flex;align-items:center;min-height:34px;padding:4px 9px;border-radius:999px;border:1px solid rgba(23,42,81,0.15);background:#f2f7ff;color:#2e4977;font-size:0.82rem;font-weight:700;white-space:nowrap}.input-error{grid-column:2;margin-top:2px;color:#b03752;font-size:0.82rem}.field-hint{grid-column:2;margin:2px 0 0;color:#6b7a99;font-size:0.78rem;line-height:1.4}.engine-description{grid-column:1 / -1;margin:0 0 6px;padding:8px 12px;background:#f0f5ff;border-left:3px solid #4a7fd4;border-radius:0 6px 6px 0;color:#2e4977;font-size:0.83rem;line-height:1.5}body.embed-mode .site-header,body.embed-mode nav.breadcrumbs,body.embed-mode .breadcrumbs,body.embed-mode aside.panel,body.embed-mode .info-guide,body.embed-mode footer.footer,body.embed-mode .footer,body.embed-mode .calc-action-bar--outer,body.embed-mode .related-calcs-section,body.embed-mode .inline-guide-ad{display:none !important}body.embed-mode{background:#fff;margin:0;padding:0}body.embed-mode .container,body.embed-mode .page-wrapper{padding:0;max-width:100%}body.embed-mode .panel{box-shadow:none;border-radius:0;margin:0}.embed-attribution{display:none;text-align:center;padding:6px 0 4px;font-size:0.75rem;color:#8892a4}.embed-attribution a{color:#4a7fd4;text-decoration:none;font-weight:500}.embed-attribution a:hover{text-decoration:underline}body.embed-mode .embed-attribution{display:block}.embed-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:9999;display:flex;align-items:center;justify-content:center}.embed-modal{background:#fff;border-radius:12px;padding:24px;max-width:520px;width:calc(100% - 32px);box-shadow:0 8px 32px rgba(0,0,0,0.18)}.embed-modal h3{margin:0 0 8px;font-size:1rem;color:#1a2540}.embed-modal p{margin:0 0 12px;font-size:0.83rem;color:#5a6a88}.embed-modal textarea{width:100%;box-sizing:border-box;font-family:monospace;font-size:0.78rem;border:1px solid #d0d8e8;border-radius:6px;padding:10px;resize:none;background:#f7f9fd;color:#1a2540;margin-bottom:12px}.embed-modal-actions{display:flex;gap:10px;justify-content:flex-end}.embed-modal-actions button{padding:8px 18px;border-radius:6px;border:none;cursor:pointer;font-size:0.85rem;font-weight:500}.embed-copy-btn{background:#4a7fd4;color:#fff}.embed-copy-btn:hover{background:#3567b8}.embed-close-btn{background:#eef1f7;color:#3a4a66}.embed-close-btn:hover{background:#dde2ee}.has-error input,.has-error select,.has-error textarea{border-color:rgba(176,55,82,0.5);box-shadow:0 0 0 2px rgba(176,55,82,0.15)}.quick-selects{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.quick-chip{width:auto;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid rgba(23,42,81,0.18);background:#f6faff;color:#2e4876;font-size:0.82rem;font-weight:700;box-shadow:none}.quick-chip.active{border-color:rgba(11,99,255,0.35);background:rgba(11,99,255,0.12);color:#0b63ff}.unit-system-row label{font-weight:800}.unit-system-toggle{gap:8px}.unit-system-toggle .quick-chip{min-width:72px;justify-content:center}.unit-proxy-row{background:rgba(246,250,255,0.72);border-radius:12px;padding:6px 8px}.advanced-options{grid-column:1 / -1;border:1px solid rgba(23,42,81,0.14);border-radius:12px;background:rgba(246,250,255,0.85);padding:8px 10px}.advanced-options summary{cursor:pointer;font-weight:700;color:#2f4a78;list-style:none}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options summary::after{content:"▼";margin-left:8px;font-size:0.74rem;opacity:0.8}.advanced-options[open] summary::after{content:"▲"}.advanced-options-body{margin-top:10px;display:grid;gap:10px}.examples-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(100px,0.8fr) minmax(0,1.5fr) auto;gap:8px;align-items:end}.examples-label{margin:0}.examples-select{min-height:42px}.examples-apply{width:auto;min-width:92px}.scenario-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr) repeat(3,auto);gap:8px;align-items:center}.scenario-row button{width:auto;min-width:88px}.scenario-note{grid-column:1 / -1;margin:0;font-size:0.8rem;color:#4d628b}.scenario-json{width:100%;min-height:220px;resize:vertical}.scenario-modal h4{margin:10px 0 6px;font-size:0.95rem;color:#2d4674}.scenario-modal-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.scenario-modal-row button{width:auto;min-width:78px}.assumptions-drawer{margin-top:10px;border:1px solid rgba(23,42,81,0.14);border-radius:12px;background:#f8fbff;padding:8px 10px}.assumptions-drawer summary{cursor:pointer;font-weight:700;color:#2f4a78}.assumptions-list{margin-top:8px}.calc-modal-overlay{position:fixed;inset:0;background:transparent;display:grid;place-items:center;padding:16px;z-index:110}.calc-modal-overlay[hidden]{display:none !important}.calc-modal{width:min(760px,100%);max-height:min(90vh,920px);overflow:auto;border-radius:14px;border:1px solid rgba(19,35,67,0.15);background:#fff;box-shadow:0 18px 40px rgba(14,36,75,0.24);padding:14px}.calc-modal h3{margin:0 0 10px}.calc-modal-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.calc-modal-actions button{width:auto}.share-image-preview{border:1px solid rgba(19,35,67,0.12);border-radius:12px;padding:8px;background:#f8fbff}.waste-controls{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px}.waste-label{font-size:0.87rem;font-weight:700;color:#2f4a78;margin-right:2px}.measurement-guide{margin-top:12px;padding:10px;border:1px solid rgba(23,42,81,0.15);border-radius:12px;background:#f7fbff}.measurement-guide svg{width:100%;height:auto}.context-related{margin-top:14px}.people-also-used{margin-top:14px;padding:2px 0 0}.people-also-used h2,.quick-adjust-panel h2{margin:0 0 9px;font-size:1.04rem;color:#203a63}.people-used-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.people-used-card{display:flex;flex-direction:column;gap:4px;min-height:88px;padding:12px 14px;border:1px solid rgba(23,42,81,0.15);border-radius:14px;background:linear-gradient(180deg,#ffffff,#f6faff);text-decoration:none;box-shadow:0 8px 18px rgba(16,34,72,0.06);transition:transform 0.16s ease,box-shadow 0.16s ease,border-color 0.16s ease}.people-used-card strong{font-size:0.95rem;color:#1a365f;line-height:1.3}.people-used-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.people-used-category{display:inline-flex;align-items:center;justify-content:center;max-width:106px;height:22px;padding:0 8px;border-radius:999px;background:#eaf2ff;border:1px solid rgba(30,65,128,0.15);font-size:0.73rem;font-weight:800;color:#365d94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-used-desc{margin:0;font-size:0.8rem;color:#3a5f98;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.people-used-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 22px rgba(17,39,82,0.12);border-color:rgba(11,99,255,0.28)}.people-used-card:focus-visible{outline:2px solid rgba(11,99,255,0.44);outline-offset:2px}.quick-adjust-panel{margin-top:12px;padding:10px 12px;border:1px solid rgba(23,42,81,0.14);border-radius:12px;background:#f8fbff}.quick-adjust-rows{display:grid;gap:10px}.quick-adjust-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px}.quick-adjust-label{font-size:0.88rem;font-weight:700;color:#2c4673}.quick-adjust-controls{display:inline-flex;align-items:center;gap:7px}.quick-adjust-btn{width:36px;min-height:36px;padding:0;border-radius:999px;border:1px solid rgba(23,42,81,0.2);background:#f6f9ff;color:#28487c;box-shadow:none;font-size:1rem;font-weight:800;line-height:1}.quick-adjust-btn:hover{transform:none;filter:none;background:#eef4ff;border-color:rgba(11,99,255,0.34)}.quick-adjust-value{min-width:112px;text-align:center;font-size:0.86rem;font-weight:700;color:#2a4878}.quick-adjust-term-chips{grid-column:1 / -1;display:inline-flex;gap:8px}.sticky-mini-result{position:sticky;top:var(--sticky-top-offset,68px);margin:10px auto 14px;z-index:24;width:min(760px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;min-height:44px;max-height:48px;padding:8px 12px;border:1px solid rgba(19,36,73,0.16);border-radius:12px;background:rgba(255,255,255,0.95);box-shadow:0 10px 20px rgba(16,34,72,0.11);backdrop-filter:blur(7px)}.sticky-mini-primary{font-size:0.84rem;font-weight:800;color:#153560;line-height:1.1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-mini-dismiss{width:auto;margin-left:auto;min-height:26px;padding:2px 8px;border-radius:999px;border:1px solid rgba(29,56,98,0.2);background:#f3f7ff;color:#27497f;box-shadow:none;font-size:0.95rem;line-height:1;display:none}.sticky-mini-dismiss:hover{transform:none;filter:none;background:#e9f1ff}.sidebar-group{list-style:none;margin:0 0 10px;padding-left:0}.sidebar-group>strong{display:block;font-size:0.88rem;color:#2d4674;margin-bottom:4px}.sidebar-group ul{margin:0;padding-left:16px}.sidebar-group li{margin:0 0 5px}.compare-tray{position:fixed;right:14px;bottom:14px;z-index:70;width:min(320px,calc(100vw - 20px))}.compare-tray-toggle{width:100%;min-height:40px;padding:7px 11px;border-radius:999px;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;font-size:0.9rem}.compare-count-pill{min-width:20px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,0.2);color:#fff;font-size:0.74rem;margin-left:auto}.compare-tray-chevron{font-size:0.72rem;opacity:0.9;margin-left:3px}.compare-tray-close{width:auto;min-height:26px;padding:2px 7px;margin-left:2px;border-radius:999px;border:1px solid rgba(255,255,255,0.36);background:rgba(255,255,255,0.16);color:#fff;box-shadow:none;font-size:0.95rem;line-height:1}.compare-tray-close:hover{transform:none;filter:none;background:rgba(255,255,255,0.24)}.compare-tray-panel{margin-top:8px;border:1px solid rgba(19,35,67,0.14);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(12,34,76,0.2);padding:10px}.compare-tray.is-collapsed .compare-tray-panel{display:none}.compare-tray-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.compare-tray-item{border:1px solid rgba(19,35,67,0.12);border-radius:10px;padding:8px}.compare-item-text{display:grid;gap:2px}.compare-item-text strong{font-size:0.88rem}.compare-item-text span{font-size:0.82rem;color:#3f5887}.compare-item-links{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.compare-remove{width:auto;min-height:30px;padding:5px 9px;background:#f3f7ff;color:#2f4a78;border:1px solid rgba(19,35,67,0.15);box-shadow:none}.compare-tray-actions{margin-top:10px;display:flex;gap:8px}.compare-tray-actions .button-like,.compare-tray-actions button{flex:1;min-height:38px;border-radius:10px}.button-like{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#0b63ff,#00b3d6);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 22px rgba(11,99,255,0.28)}.button-like:hover{text-decoration:none}.compare-sheet-overlay{position:fixed;inset:0;z-index:110;background:transparent;display:grid;align-items:end}.compare-sheet-overlay[hidden]{display:none !important}.compare-sheet{width:100%;max-height:min(70vh,640px);overflow:auto;border-radius:18px 18px 0 0;border:1px solid rgba(19,35,67,0.14);border-bottom:0;background:#fff;box-shadow:0 -12px 34px rgba(12,34,76,0.24);padding:8px 12px calc(14px+env(safe-area-inset-bottom));transform:translateY(100%);transition:transform 180ms ease}.compare-sheet-overlay.is-open .compare-sheet{transform:translateY(0)}.compare-sheet-handle{width:42px;height:4px;border-radius:999px;background:rgba(39,61,102,0.26);margin:4px auto 10px}.compare-sheet-head{display:flex;align-items:center;gap:8px}.compare-sheet-head h3{margin:0;font-size:1rem;color:#1e3f78}.compare-sheet-count{margin-left:auto}.compare-sheet-close{width:auto;min-height:34px;min-width:34px;padding:0 10px;border-radius:999px;background:#f0f5ff;color:#2b4777;box-shadow:none;border:1px solid rgba(19,35,67,0.15)}.compare-sheet-close:hover{transform:none;filter:none;background:#e8efff}.compare-sheet-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.compare-sheet-item{border:1px solid rgba(19,35,67,0.12);border-radius:12px;padding:10px;background:#f8fbff}.compare-sheet-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.compare-sheet-item-top strong{font-size:0.9rem;color:#17355e}.compare-sheet-primary{margin:5px 0 2px;font-weight:800;color:#1f3f73}.compare-sheet-actions{margin-top:10px;display:flex;gap:8px}.compare-sheet-actions .button-like,.compare-sheet-actions button{flex:1;min-height:38px;border-radius:10px}body.compare-sheet-open{overflow:hidden}.cv-global-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0.25)}.cv-global-backdrop[hidden]{display:none !important}body.cv-overlay-open{overflow:hidden}.compare-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-page-card{min-height:260px}.compare-primary{font-size:1.5rem;font-weight:800;margin:0 0 8px}.result-breakdown-engine{margin-top:16px;display:grid;gap:12px}.breakdown-card{border:1px solid rgba(17,37,78,0.14);border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(11,33,75,0.06);overflow:hidden}.breakdown-card summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:0.9rem;font-weight:800;color:#2d4572;border-bottom:1px solid transparent}.breakdown-card summary::-webkit-details-marker{display:none}.breakdown-card summary::after{content:"▾";float:right;opacity:0.8}.breakdown-card[open] summary::after{content:"▴"}.breakdown-card[open] summary{border-bottom-color:rgba(17,37,78,0.1)}.breakdown-list{margin:0;padding:6px 12px 12px;list-style:none}.breakdown-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(17,37,78,0.08);color:#334d7c;font-size:0.9rem}.breakdown-list li:last-child{border-bottom:0;padding-bottom:2px}.bd-label{font-weight:600}.bd-value{font-weight:800;color:#172f58;text-align:right}.bd-interpretation .breakdown-list li,.bd-scenarios .breakdown-list li{grid-template-columns:1fr}.table-wrap{overflow-x:auto;margin-top:10px;border:1px solid var(--line);border-radius:12px}.construction-inline-visual{margin-top:10px;border:1px solid rgba(23,42,81,0.14);border-radius:12px;background:#f7fbff;padding:10px 12px}.construction-inline-visual svg{width:100%;height:auto}.data-table{width:100%;border-collapse:collapse;font-size:0.86rem;background:#fff}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;white-space:nowrap}.data-table th{background:#f2f7ff;font-weight:800}.course-row{display:grid;grid-template-columns:1fr 120px 120px;gap:10px}.hidden{display:none !important}.mobile-search-fab{position:fixed;right:14px;bottom:14px;z-index:40;width:auto;min-height:42px;padding:8px 14px;border-radius:999px;border:1px solid rgba(10,47,108,0.2);background:#ffffff;color:#174077;font-size:0.86rem;font-weight:800;box-shadow:0 10px 26px rgba(12,34,76,0.2);display:none}.mobile-search-fab:focus-visible{outline:2px solid rgba(11,99,255,0.45);outline-offset:2px}@keyframes riseIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.nav-search input{width:340px;min-width:340px}}@media (max-width:1000px){.nav-search input{width:260px;min-width:260px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-shell{grid-template-columns:1fr}}@media (max-width:700px){main{padding:16px 14px 70px}form{gap:16px}.hero{padding:22px 16px;border-radius:20px}.home-page .hero h1{font-size:clamp(1.48rem,7.2vw,1.95rem);line-height:1.16}.home-page main>section{margin-top:30px}.search-wrap,.field-row,.course-row,.calc-actions,.examples-row,.scenario-row,.mortgage-dynamic-form,.loan-dynamic-form,.investment-dynamic-form,.debt-dynamic-form,.car-dynamic-form,.home-dynamic-form,.finance-dynamic-form,.construction-dynamic-form,.utilities-dynamic-form,.shopping-dynamic-form,.business-dynamic-form,.salary-dynamic-form,.health-dynamic-form,.math-dynamic-form{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.trust-badges{grid-template-columns:repeat(2,minmax(0,1fr))}#most-popular .popular-card p{white-space:normal;overflow:visible;text-overflow:clip}.calc-input-row{grid-template-columns:1fr;gap:8px}.calc-input-row label{margin-bottom:8px}.calc-input-control input,.calc-input-control select,.calc-input-control textarea{min-height:46px}.breakdown-list li{grid-template-columns:1fr}.bd-value{text-align:left}.quick-selects,.input-error{grid-column:1}.compare-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.directory-toolbar-split{grid-template-columns:1fr;row-gap:6px}.visual-band-labels{grid-template-columns:1fr}.visual-donut-wrap{grid-template-columns:1fr}.visual-svg-donut{max-width:124px}.visual-line-labels{flex-direction:column;align-items:flex-start}.calc-panel-tools{position:static;margin:0 0 8px;justify-content:flex-end}.header-inner{position:relative;flex-direction:row;align-items:center;padding:10px 14px}.nav-links{width:auto;margin-left:auto}.nav-links>a,.nav-links>.nav-dropdown,.nav-links>.nav-search{display:none}.nav-hamburger{display:inline-flex}.mobile-nav-panel{position:fixed;top:calc(58px+env(safe-area-inset-top));right:10px;left:auto;width:min(90vw,420px);max-width:90vw;max-height:min(78vh,620px);border-radius:14px;box-shadow:0 12px 28px rgba(12,34,76,0.2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.mobile-menu-open{overflow:hidden;position:fixed;inset:0;width:100%}.popular-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr}.home-page #most-popular .popular-grid,.home-page .smart-tools-grid,.home-page .recent-grid{gap:8px}.home-page #most-popular .popular-card,.home-page .smart-tools-grid .popular-card,.home-page .recent-grid .popular-card{border-radius:12px;border:1px solid rgba(20,42,84,0.14);background:#fff;box-shadow:none}.home-page #most-popular .popular-card .card-body,.home-page .smart-tools-grid .popular-card .card-body,.home-page .recent-grid .popular-card .card-body{min-height:0;padding:10px 12px}.home-page #most-popular .popular-card h3,.home-page .smart-tools-grid .popular-card h3,.home-page .recent-grid .popular-card h3{margin-bottom:2px}.home-page #most-popular .popular-card h3 a,.home-page .smart-tools-grid .popular-card h3 a,.home-page .recent-grid .popular-card h3 a{min-height:28px;width:100%;display:inline-flex;align-items:center;font-size:0.98rem}.home-page #most-popular .popular-card h3 a::after{margin-left:auto}.home-page #most-popular .popular-card p,.home-page .smart-tools-grid .popular-card p,.home-page .recent-grid .popular-card p{margin-top:1px;font-size:0.83rem;display:block}@media(min-width:769px){.home-page #most-popular .popular-card p,.home-page .smart-tools-grid .popular-card p,.home-page .recent-grid .popular-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.home-page .smart-tools-grid .popular-card .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:start}.home-page .smart-tools-grid .popular-card p{grid-column:1 / -1;margin-bottom:0}.home-page .smart-tools-grid .inline-open-link{grid-column:2;grid-row:1;margin:2px 0 0;font-size:0.82rem;white-space:nowrap}}@media (max-width:768px){.mobile-search-fab{display:inline-flex;align-items:center;justify-content:center;bottom:calc(10px+env(safe-area-inset-bottom))}.compare-tray{left:12px;right:12px;width:auto;bottom:calc(10px+env(safe-area-inset-bottom));z-index:95}.compare-tray.is-empty,.compare-tray.is-mobile-hidden{display:none}.compare-tray-toggle{min-height:44px;max-height:52px;padding:10px 12px;font-size:0.95rem;justify-content:flex-start;gap:8px}.compare-tray-toggle .compare-count-pill{margin-left:auto;font-size:0.78rem;padding:2px 7px}.compare-tray-close{min-height:30px;padding:2px 8px}.compare-tray-chevron{margin-left:2px;font-size:0.78rem}.compare-tray-panel{display:none !important}.compare-sheet{max-height:min(70vh,560px)}body.has-mobile-compare-tray main{padding-bottom:calc(92px+env(safe-area-inset-bottom))}body.has-mobile-compare-tray .mobile-search-fab{bottom:calc(62px+env(safe-area-inset-bottom))}.people-used-grid{grid-template-columns:1fr;gap:9px}.people-used-card{min-height:72px;padding:10px 11px}.people-used-card strong{font-size:0.9rem}.quick-adjust-row{grid-template-columns:1fr;gap:7px}.quick-adjust-controls{justify-content:flex-start}.quick-adjust-value{min-width:86px}.sticky-mini-result{width:calc(100vw - 16px);top:calc(var(--sticky-top-offset,56px)+env(safe-area-inset-top));margin:8px auto 10px;padding:7px 10px;border-radius:10px;min-height:42px;max-height:48px}.sticky-mini-primary{font-size:0.79rem}.sticky-mini-dismiss{display:inline-flex;align-items:center;justify-content:center}}@media (max-width:768px){body.home-page{background:linear-gradient(180deg,#f7faff,#eef4ff)}body.home-page .site-header{background:#f7faff;backdrop-filter:none}body.home-page .brand-mark{box-shadow:none}body.home-page .hero{box-shadow:0 12px 26px rgba(11,33,85,0.16);animation:none}body.home-page .hero::before,body.home-page .hero::after{display:none}body.home-page .card{box-shadow:0 8px 18px rgba(16,34,72,0.08);animation:none}body.home-page .card:hover{transform:none;box-shadow:0 8px 18px rgba(16,34,72,0.08)}}@media (max-width:768px){.calc-input-row{grid-template-columns:1fr;gap:8px;align-items:start}.calc-input-row label{margin-bottom:8px}.calc-input-control{align-items:center;flex-wrap:nowrap;min-width:0}.calc-input-control input,.calc-input-control select,.calc-input-control textarea{flex:1 1 auto;min-width:0}.calc-unit{flex:0 0 auto}.field-hint,.quick-selects,.input-error{grid-column:1}.field-hint{margin-top:0}.quick-selects{margin-top:4px}.quick-chip{min-height:34px;padding:6px 11px}}@media (prefers-reduced-motion:reduce){.visual-donut-seg,.quick-chip,button{transition:none !important}}@media (max-width:768px){.quick-selects{display:flex;flex-wrap:wrap;align-self:stretch;width:100%}.quick-selects .quick-chip{flex:0 0 auto}}@media (min-width:769px){.mortgage-dynamic-form>div:has(.field-hint),.loan-dynamic-form>div:has(.field-hint),.investment-dynamic-form>div:has(.field-hint),.debt-dynamic-form>div:has(.field-hint),.car-dynamic-form>div:has(.field-hint),.home-dynamic-form>div:has(.field-hint),.finance-dynamic-form>div:has(.field-hint),.construction-dynamic-form>div:has(.field-hint),.utilities-dynamic-form>div:has(.field-hint),.shopping-dynamic-form>div:has(.field-hint),.business-dynamic-form>div:has(.field-hint),.salary-dynamic-form>div:has(.field-hint),.health-dynamic-form>div:has(.field-hint),.math-dynamic-form>div:has(.field-hint),.mortgage-dynamic-form>div:has(.quick-selects),.loan-dynamic-form>div:has(.quick-selects),.investment-dynamic-form>div:has(.quick-selects),.debt-dynamic-form>div:has(.quick-selects),.car-dynamic-form>div:has(.quick-selects),.home-dynamic-form>div:has(.quick-selects),.finance-dynamic-form>div:has(.quick-selects),.construction-dynamic-form>div:has(.quick-selects),.utilities-dynamic-form>div:has(.quick-selects),.shopping-dynamic-form>div:has(.quick-selects),.business-dynamic-form>div:has(.quick-selects),.salary-dynamic-form>div:has(.quick-selects),.health-dynamic-form>div:has(.quick-selects),.math-dynamic-form>div:has(.quick-selects){grid-column:1 / -1}}.calc-input-row .quick-selects{order:3}.calc-input-row .field-hint{order:4}