*{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}}