*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f7f9fc;color:#15233b;line-height:1.6}a{color:#165fc4;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{background:#fff;border-bottom:1px solid #e3e8ef}.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}.logo{font-size:1.12rem;font-weight:850;color:#142c55}.navlinks{display:flex;gap:22px;flex-wrap:wrap}.hero{padding:65px 0 40px;background:linear-gradient(130deg,#e9f2ff,#f9fcff)}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.14;letter-spacing:-.035em;margin:0 0 18px}h2{line-height:1.25;font-size:1.65rem}h3{margin:0 0 8px}.lead{max-width:720px;color:#506079;font-size:1.12rem}.eyebrow{color:#165fc4;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.btn{display:inline-block;border:0;border-radius:10px;background:#1763d1;color:#fff;padding:12px 18px;font-weight:750;cursor:pointer}.btn:hover{background:#0c4ca9;text-decoration:none}.secondary{background:#e7f0ff;color:#1757b2}.section{padding:40px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:#fff;border:1px solid #e2e9f3;border-radius:16px;padding:24px;box-shadow:0 3px 12px #1b345408}.card p,.muted{color:#596a82}.card .tag{font-size:.75rem;font-weight:750;color:#2364ba}.card a{font-weight:750}.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{display:block;font-size:.89rem;font-weight:700;margin-bottom:6px}input{width:100%;padding:12px 13px;border:1px solid #c7d3e3;border-radius:9px;font-size:1rem;background:#fff;color:#15233b}input:focus{outline:3px solid #cde1ff;border-color:#2775d7}.result{background:#102a52;color:white;border-radius:16px;padding:25px;position:sticky;top:20px}.result .big{font-size:2.6rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.result .small{color:#c8d9f5}.stat{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #345072;padding:12px 0}.notice{padding:15px 18px;background:#fff8e6;border-left:4px solid #d29a20;border-radius:8px;margin:22px 0;color:#614d20}.faq details{background:#fff;border:1px solid #e2e9f3;border-radius:10px;margin-bottom:10px;padding:16px}.faq summary{font-weight:750;cursor:pointer}.footer{background:#10233e;color:#d4e0f3;padding:35px 0;margin-top:55px}.footer a{color:#d4e0f3}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.crumb{font-size:.85rem;padding:18px 0}.toolheader{padding:20px 0 32px}.toolheader h1{font-size:clamp(2rem,4vw,2.8rem)}.adslot{border:1px dashed #bac8d9;border-radius:10px;padding:16px;color:#71819a;text-align:center;font-size:.8rem;margin:24px 0}.badge{background:#e6f0ff;color:#1858b6;border-radius:30px;padding:4px 10px;font-size:.75rem;font-weight:800}.search{max-width:520px;margin-top:25px}.hide{display:none!important}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.result{position:static}}@media(max-width:550px){.grid,.fields{grid-template-columns:1fr}.nav .wrap{align-items:flex-start;flex-direction:column}.hero{padding:44px 0 30px}.section{padding:26px 0}.panel,.card{padding:18px}}
/* Accessibility and small-screen refinements */
html{overflow-x:hidden}body{overflow-wrap:break-word}button,input{font:inherit}button,.btn{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.navlinks a{padding:5px 0}.panel{min-width:0}.panel p,.panel li{max-width:78ch}.panel a{overflow-wrap:anywhere}.stat strong{text-align:right;overflow-wrap:anywhere}.grid>*{min-width:0}.result .big{font-size:clamp(1.7rem,7vw,2.6rem)}@media(max-width:550px){.wrap{padding-left:16px;padding-right:16px}.nav .wrap{gap:8px;padding-top:12px;padding-bottom:12px}.navlinks{column-gap:16px;row-gap:4px}.navlinks a{padding:7px 0}.result{padding:19px}.stat{flex-wrap:wrap}.stat strong{margin-left:auto}}

/* Final responsive refinements */
@media(max-width:390px){.navlinks{gap:10px}.navlinks a{font-size:.88rem}.hero h1{font-size:2rem}.stat{font-size:.91rem}}
@media(min-width:551px) and (max-width:800px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.nav,.footer,.btn,.search{display:none!important}.result{color:#15233b;background:white;border:1px solid #aaa}.result .small{color:#444}body{background:white}}

/* image tools and long labels */.toolbox input[type=checkbox]{width:auto}.toolbox input[type=range]{padding:0;min-height:35px}.toolbox .preview img{height:auto}.navlinks a{padding:4px 0}button,a,input,select{touch-action:manipulation}@media(max-width:550px){.wrap{padding-left:16px;padding-right:16px}.toolbox .btn{max-width:100%;white-space:normal}.toolbox h1{overflow-wrap:anywhere}}
/* image tools and long labels */.toolbox input[type=checkbox]{width:auto}.toolbox input[type=range]{padding:0;min-height:35px}.toolbox .preview img{height:auto}.navlinks a{padding:4px 0}button,a,input,select{touch-action:manipulation}@media(max-width:550px){.wrap{padding-left:16px;padding-right:16px}.toolbox .btn{max-width:100%;white-space:normal}.toolbox h1{overflow-wrap:anywhere}}
/* Keyboard accessibility and responsive media */
.skip-link{position:absolute;left:8px;top:-60px;z-index:999;background:#fff;color:#102a52;padding:10px 14px;border:2px solid #102a52;border-radius:6px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e49b22;outline-offset:3px}img,canvas,video{max-width:100%;height:auto}@media(max-width:600px){.seo-faq{overflow-wrap:anywhere}.btn{max-width:100%;white-space:normal}}

/* Homepage refresh: scoped so existing calculators remain unchanged */
.nav{position:relative;z-index:2}.nav .wrap{min-height:72px}.logo{letter-spacing:-.035em;font-size:1.3rem}.hero{background:radial-gradient(circle at 83% 12%,#d4e7ff 0,transparent 34%),linear-gradient(135deg,#eff6ff 0%,#f8fbff 54%,#e8f3ff 100%);padding:86px 0 68px;border-bottom:1px solid #e2ebf7}.hero .wrap{max-width:1120px}.hero h1{max-width:870px;font-size:clamp(2.55rem,6.5vw,5.25rem);line-height:1.06;letter-spacing:-.055em}.hero-accent{color:#1763d1}.hero .lead{max-width:730px;font-size:1.15rem;line-height:1.8}.hero .btn{padding:15px 22px;box-shadow:0 8px 18px #1763d12a}.hero .search{display:block;max-width:570px;width:100%;margin-top:26px;border-radius:13px;padding:15px 18px;box-shadow:0 8px 28px #244e8312}.trust-strip{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:24px;font-size:.88rem;font-weight:650;color:#39536e}.section h2{letter-spacing:-.035em}.tool-filters{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 8px}.filter-btn{font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;padding:10px 16px;background:#fff;border:1px solid #d8e3f1;border-radius:999px;color:#405875}.filter-btn:hover,.filter-btn:focus-visible{border-color:#1763d1;color:#1763d1}.filter-btn.active{background:#173e78;color:white;border-color:#173e78}.tool-count{color:#64748b;font-size:.88rem;margin:12px 0 18px}.tool-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;min-height:228px}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #163e7118;border-color:#bbd3f3}.tool-card p{flex:1}.tool-card a{margin-top:auto}.tool-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;font-size:1.4rem;border-radius:12px;background:#eaf2ff;margin-bottom:12px}.feature-heading{margin-bottom:22px}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workflow{display:block;background:#122c53;color:#e9f2ff;border-radius:18px;padding:25px;min-height:255px;transition:transform .2s}.workflow:hover{color:#fff;text-decoration:none;transform:translateY(-3px)}.workflow h3{font-size:1.16rem;color:white;line-height:1.4}.workflow p{font-size:.94rem;color:#d0dded}.workflow-num{display:block;font-size:.85rem;color:#a8d1ff;font-weight:800;margin-bottom:18px}.workflow-cta{display:block;color:#99d5ff;font-weight:750;margin-top:16px}.home-faq .panel{padding:35px}.home-faq .panel>p{max-width:760px}.home-faq .faq{margin-top:25px}.home-faq .faq details{box-shadow:none}@media(max-width:800px){.hero{padding:55px 0 45px}.workflow-grid{grid-template-columns:1fr}.workflow{min-height:0}.tool-card{min-height:220px}}@media(max-width:520px){.tool-filters{gap:7px}.filter-btn{font-size:.8rem;padding:8px 11px}.hero h1{font-size:2.7rem}.trust-strip{font-size:.78rem;gap:9px 14px}.tool-card{min-height:0}.home-faq .panel{padding:22px}}

.tool-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin:18px 0}.tool-form label{display:grid;gap:7px;font-weight:600}.tool-form input,.tool-form textarea,.tool-form select{width:100%;padding:12px;border:1px solid #a8b6ca;border-radius:9px;background:#fff;color:#17283c;font:inherit}.tool-form textarea{min-height:110px}.result-panel{padding:20px;border-radius:14px;background:#eaf5ff;border:1px solid #b6d9f5;white-space:pre-wrap;overflow-wrap:anywhere}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tool-actions button{border:0;border-radius:9px;padding:12px 17px;background:#145ac4;color:white;cursor:pointer;font-weight:700}.tool-actions button:focus-visible{outline:3px solid #ffbf47}.tool-note{color:#4b617a;font-size:.95rem}
/* International pro editorial sections */
.editorial-shell{background:linear-gradient(145deg,#f8fbff,#edf5ff);border:1px solid #dce9f7;border-radius:22px;padding:clamp(22px,4vw,42px);margin:32px 0;color:#203650}.editorial-shell h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.2}.editorial-shell>p{max-width:850px;line-height:1.75}.editorial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.editorial-cards article{background:white;border:1px solid #dce6f3;border-radius:16px;padding:22px;display:flex;flex-direction:column}.editorial-cards article h3{margin-top:0}.editorial-cards article p{line-height:1.65;flex:1}.editorial-cards article a{font-weight:750}.editorial-disclaimer{font-size:.92rem;color:#4b6078}.tool-education{margin-top:30px}.tool-education h3{margin-top:20px}@media(max-width:780px){.editorial-cards{grid-template-columns:1fr}.editorial-shell{padding:22px}}@media(prefers-reduced-motion:reduce){.tool-card,.workflow{transition:none}.tool-card:hover,.workflow:hover{transform:none}}

/* 2026 mobile-first design refinement */
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.nav .logo{font-weight:850;letter-spacing:-.045em;white-space:nowrap}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{font-weight:650}.mobile-menu-toggle{display:none;background:#edf5ff;border:1px solid #cfe0f5;color:#173e78;border-radius:10px;padding:9px 13px;font:inherit;font-weight:750;cursor:pointer}.mobile-menu-toggle:focus-visible,.quick-tool:focus-visible{outline:3px solid #ffb547;outline-offset:3px}.hero{padding:62px 0 48px}.hero h1{font-size:clamp(2.3rem,5.2vw,4.7rem);line-height:1.09;max-width:780px}.hero .lead{line-height:1.6;max-width:680px}.hero .search{margin:19px 0 16px;max-width:600px}.quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;max-width:900px}.quick-tool{background:white;border:1px solid #d5e4f7;box-shadow:0 5px 18px #153e7410;border-radius:14px;padding:14px 12px;color:#173e78;text-decoration:none;font-weight:750;font-size:.92rem}.quick-tool span{display:block;font-size:1.5rem;margin-bottom:5px}.quick-tool:hover{border-color:#1763d1;text-decoration:none}.hero .btn{display:inline-flex;align-items:center;justify-content:center}.tool-card{border-radius:16px}.tool-card a{font-weight:750}@media(max-width:760px){.nav .wrap{min-height:62px;flex-wrap:wrap;position:relative}.nav .logo{font-size:1.32rem}.mobile-menu-toggle{display:inline-flex;align-items:center}.navlinks{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:5px 0 12px}.navlinks.is-open{display:flex}.navlinks a{padding:12px 10px;border-top:1px solid #e6eef7}.hero{padding:30px 0 30px}.hero h1{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.045em;line-height:1.12;margin:10px 0}.hero .eyebrow{font-size:.72rem;letter-spacing:.085em}.hero .lead{font-size:1rem;line-height:1.55;margin:12px 0}.hero .search{margin:14px 0 12px;padding:13px 15px}.hero .btn{padding:12px 16px;font-size:.94rem}.trust-strip{margin-top:16px}.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.quick-tool{padding:11px 12px;font-size:.84rem}.quick-tool span{font-size:1.25rem;margin-bottom:2px}.section{margin-top:30px}.tool-filters{margin-top:16px}}@media(max-width:360px){.nav .logo{font-size:1.13rem}.mobile-menu-toggle{font-size:.8rem;padding:8px}.hero h1{font-size:1.95rem}}

/* Mobile hotfix: force reliable layout even with prior stylesheet rules */
@media (max-width:760px){
 .nav .wrap{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:10px!important;padding-bottom:10px!important;min-height:60px!important}
 .nav .logo{font-size:1.17rem!important;max-width:calc(100% - 116px);white-space:normal!important}
 .mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.88rem!important;padding:8px 12px!important;margin-left:auto!important}
 .navlinks{display:none!important;flex-basis:100%!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:4px 0!important}
 .navlinks.is-open{display:flex!important}
 .navlinks a{display:block!important;padding:10px 8px!important;border-top:1px solid #e6eef7}
 .hero{padding:25px 0 27px!important}
 .hero h1{font-size:clamp(1.9rem,7.2vw,2.55rem)!important;line-height:1.13!important;margin:10px 0!important}
 .hero .lead{font-size:.98rem!important;line-height:1.5!important;margin:12px 0!important}
 .hero .search{margin:12px 0!important;padding:12px 14px!important}
 .hero .btn{font-size:.91rem!important;padding:12px 15px!important}
 .trust-strip{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:14px!important}
 .trust-strip span{display:inline-flex!important;align-items:center!important;border-radius:999px;background:#fff;border:1px solid #dce9f7;padding:5px 9px;font-size:.74rem!important;line-height:1.3!important}
 .quick-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:15px!important}
 .quick-tool{display:flex!important;align-items:center!important;gap:7px!important;background:#fff!important;border:1px solid #d5e4f7!important;border-radius:12px!important;padding:11px!important;font-size:.79rem!important;line-height:1.3!important}
 .quick-tool span{display:inline!important;font-size:1.1rem!important;margin:0!important}
 .tool-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 .filter-btn{border:1px solid #d8e3f1!important;border-radius:999px!important;background:#fff!important;color:#405875!important;padding:9px 12px!important;font-size:.82rem!important}
 .filter-btn.active{background:#173e78!important;color:#fff!important;border-color:#173e78!important}
 .section{margin-top:0!important;padding:26px 0!important}
}
