:root{color-scheme:light;--navy-950:#061a2c;--navy-900:#0b2d4d;--navy-800:#123f68;--blue:#176e9e;--teal:#078f93;--teal-light:#70e2db;--green:#14804a;--green-bg:#e4f5eb;--red:#b42318;--red-bg:#fff0ed;--amber:#a35d00;--slate-900:#152638;--slate-700:#405467;--slate-500:#6b7c8d;--slate-300:#c7d3dc;--slate-200:#dfe7ed;--slate-100:#f2f6f8;--white:#fff;--shadow:0 18px 44px rgba(10,44,74,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:#f2f6f8}body{margin:0;min-height:100vh;color:var(--slate-900);background:linear-gradient(180deg,#f9fbfc,#edf4f7)}button,input,select{font:inherit}button{cursor:pointer}.site-header{min-height:76px;padding:12px clamp(18px,4vw,52px);color:#fff;background:linear-gradient(105deg,var(--navy-950),var(--navy-900) 58%,var(--navy-800));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 5px 18px rgba(4,25,43,.18)}.brand{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;color:#59d3cc;flex:none}.brand strong{display:block;font-size:1.12rem;line-height:1.2;letter-spacing:-.01em}.brand small{display:block;margin-top:4px;color:#bdd2e1;font-size:.78rem}.free-badge{padding:7px 12px;border:1px solid rgba(123,225,218,.45);border-radius:999px;color:#b8f2ee;background:rgba(7,143,147,.15);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.page-shell{width:min(1260px,100%);margin:0 auto;padding:clamp(26px,4vw,48px) clamp(16px,4vw,38px) 42px}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 7px;color:var(--teal);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.intro-row h1{margin:0;color:var(--navy-900);font-size:clamp(1.75rem,4vw,2.55rem);line-height:1.12;letter-spacing:-.04em}.intro-row p:last-child{margin:8px 0 0;color:var(--slate-700);font-size:1rem;line-height:1.5}.reset-button{padding:9px 15px;border:1px solid var(--slate-300);border-radius:8px;color:var(--navy-900);background:#fff;font-weight:750}.reset-button:hover{border-color:var(--blue)}
.calculator-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:22px;align-items:start}.input-card{padding:clamp(20px,3vw,30px);border:1px solid var(--slate-200);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.form-section+.form-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--slate-200)}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:18px}.section-title>span{width:29px;height:29px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));display:grid;place-items:center;font-size:.76rem;font-weight:850;flex:none}.section-title h2,.section-title p{margin:0}.section-title h2{color:var(--navy-900);font-size:1.02rem}.section-title p{margin-top:3px;color:var(--slate-500);font-size:.76rem}.three-column{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;margin:0;color:var(--slate-700);font-size:.86rem;font-weight:700}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--slate-300);border-radius:8px;color:var(--slate-900);background:#fbfdfe;font-size:1rem}input:hover,select:hover{border-color:#89a6b8}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(12,167,164,.28);outline-offset:2px}.range-summary{margin-top:12px;padding:10px 12px;border-radius:8px;color:var(--slate-700);background:var(--slate-100);display:flex;justify-content:space-between;gap:12px;font-size:.82rem}.range-summary strong{color:var(--navy-900)}.preset-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:13px}.preset-row button{min-height:38px;padding:7px;border:1px solid var(--slate-300);border-radius:7px;color:var(--slate-700);background:#fff;font-size:.78rem;font-weight:750}.preset-row button:hover{border-color:var(--teal)}.preset-row button.active{color:#fff;border-color:var(--teal);background:linear-gradient(135deg,var(--blue),var(--teal))}
.results-column{min-width:0}.overall-card{min-height:120px;padding:23px 26px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--green),#0c6a51);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.overall-card.fail{background:linear-gradient(135deg,#9e241d,#c03b2e)}.overall-card span,.overall-card strong,.overall-card small{display:block}.overall-card span{font-size:.77rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em;opacity:.8}.overall-card strong{margin-top:4px;font-size:2rem;letter-spacing:.04em}.overall-card small{margin-top:3px;font-size:.77rem;opacity:.84}.overall-card svg{width:62px;height:62px;color:rgba(255,255,255,.88);flex:none}.tolerance-card{margin-top:12px;padding:17px 21px;border:1px solid #cfe1e4;border-radius:11px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center}.tolerance-card span{color:var(--slate-700);font-size:.8rem}.tolerance-card strong{grid-row:1/3;grid-column:2;color:var(--navy-900);font-size:1.3rem}.tolerance-card small{color:var(--slate-500);font-size:.75rem}.comparison-card{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.reading-result{padding:19px;border:1px solid var(--slate-200);border-top:4px solid var(--green);border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(10,44,74,.06)}.reading-result.fail{border-top-color:var(--red)}.reading-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reading-heading span,.reading-heading strong{display:block}.reading-heading span{color:var(--slate-500);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.reading-heading strong{margin-top:4px;color:var(--navy-900);font-size:1.15rem}.reading-heading b{padding:5px 8px;border-radius:6px;color:var(--green);background:var(--green-bg);font-size:.7rem;letter-spacing:.07em}.reading-result.fail .reading-heading b{color:var(--red);background:var(--red-bg)}dl{margin:16px 0 0}dl>div{padding:8px 0;border-top:1px solid var(--slate-200);display:flex;justify-content:space-between;gap:12px}dt{color:var(--slate-500);font-size:.76rem}dd{margin:0;color:var(--slate-900);font-size:.8rem;font-weight:750;text-align:right}.adjustment-card{margin-top:12px;padding:15px 18px;border:1px solid #cfe1e4;border-radius:10px;background:#eaf6f5;display:flex;align-items:center;gap:12px}.adjustment-icon{width:35px;height:35px;border-radius:8px;color:#fff;background:var(--teal);display:grid;place-items:center;font-weight:850;flex:none}.adjustment-card p,.adjustment-card strong,.adjustment-card small{margin:0;display:block}.adjustment-card strong{color:var(--navy-900);font-size:.83rem}.adjustment-card small{margin-top:3px;color:var(--slate-700);font-size:.75rem}.validation-message{min-height:1.2rem;margin:10px 2px 0;color:var(--red);font-size:.8rem;font-weight:750}.field-note{margin-top:20px;padding:16px 18px;border:1px solid var(--slate-200);border-left:4px solid var(--teal);border-radius:9px;color:var(--slate-700);background:rgba(255,255,255,.74);display:grid;grid-template-columns:max-content 1fr 1fr;gap:16px;align-items:center;font-size:.78rem;line-height:1.45}.field-note p{margin:0;padding-left:16px;border-left:1px solid var(--slate-200);color:var(--slate-500)}
@media(max-height:1100px) and (min-width:781px){.site-header{min-height:52px;padding-top:5px;padding-bottom:5px}.brand{gap:9px}.brand-mark{width:32px;height:32px}.brand strong{font-size:.92rem}.brand small{margin-top:1px;font-size:.68rem}.free-badge{padding:4px 9px;font-size:.68rem}.page-shell{width:min(760px,100%);padding-top:11px;padding-bottom:14px}.intro-row{align-items:center;margin-bottom:9px}.eyebrow{display:none}.intro-row h1{font-size:1.35rem}.intro-row p:last-child{margin-top:2px;font-size:.82rem;line-height:1.35}.reset-button{padding:6px 10px;font-size:.82rem}.calculator-grid{grid-template-columns:minmax(0,.8fr) minmax(410px,1.2fr);gap:10px}.input-card{padding:12px 14px;border-radius:11px}.form-section+.form-section{margin-top:10px;padding-top:10px}.section-title{gap:8px;margin-bottom:8px}.section-title>span{width:23px;height:23px;font-size:.7rem}.section-title h2{font-size:.9rem}.section-title p{margin-top:1px;font-size:.68rem}.three-column,.two-column{gap:7px}label{gap:4px;font-size:.8rem}input,select{min-height:34px;padding:5px 8px;font-size:.88rem}.range-summary{margin-top:7px;padding:6px 8px;font-size:.74rem}.preset-row{gap:4px;margin-bottom:7px}.preset-row button{min-height:29px;padding:4px;font-size:.7rem}.overall-card{min-height:76px;padding:11px 14px;border-radius:11px}.overall-card strong{margin-top:2px;font-size:1.45rem}.overall-card svg{width:42px;height:42px}.tolerance-card{margin-top:8px;padding:9px 12px}.tolerance-card strong{font-size:1rem}.comparison-card{margin-top:8px;gap:8px}.reading-result{padding:10px;border-top-width:3px}.reading-heading strong{margin-top:2px;font-size:.92rem}.reading-heading b{padding:3px 5px}.reading-result dl{margin-top:8px}.reading-result dl>div{padding:4px 0}.adjustment-card{margin-top:8px;padding:8px 10px;gap:8px}.adjustment-icon{width:29px;height:29px}.validation-message{min-height:.7rem;margin-top:4px}.field-note{margin-top:8px;padding:8px 10px;gap:10px;font-size:.72rem}.field-note p{padding-left:10px}}
@media(max-width:780px){.calculator-grid{grid-template-columns:1fr}.results-column{display:grid}.overall-card{order:0}.tolerance-card{order:1}.comparison-card{order:2}.adjustment-card{order:3}.validation-message{order:4}}
@media(max-width:620px){.site-header{min-height:68px;padding:10px 15px}.brand-mark{width:40px;height:40px}.brand strong{font-size:.95rem}.brand small{font-size:.69rem}.free-badge{display:none}.page-shell{padding:23px 14px 34px}.intro-row{align-items:flex-start}.intro-row p:last-child{font-size:.9rem}.reset-button{padding:8px 11px}.input-card{padding:20px;border-radius:12px}.three-column{grid-template-columns:1fr 1fr}.three-column label:last-child{grid-column:1/-1}.two-column{grid-template-columns:1fr}.comparison-card{grid-template-columns:1fr}.tolerance-card{grid-template-columns:1fr}.tolerance-card strong{grid-row:auto;grid-column:auto}.field-note{grid-template-columns:1fr;gap:6px}.field-note p{padding:10px 0 0;border-left:0;border-top:1px solid var(--slate-200)}}
@media(max-width:390px){.brand small{display:none}.brand strong{max-width:210px}.preset-row{grid-template-columns:repeat(3,1fr)}.preset-row button:nth-child(4),.preset-row button:nth-child(5){grid-column:span 1}.overall-card{padding:20px}.overall-card svg{width:48px;height:48px}}