:root{--ink:#14222d;--muted:#53666f;--line:#dbe3e6;--blue:#126b85;--green:#0f8778;--wash:#f5f8f8}*{box-sizing:border-box}html{background:#fff;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-size:1rem!important;line-height:1.35}label{font-size:.9375rem!important}legend{font-size:.875rem!important}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgb(18 107 133/30%);outline-offset:3px}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.8125rem;font-weight:800;letter-spacing:.1em}.button{display:inline-flex;align-items:center;gap:18px;border:0;border-radius:4px;background:var(--blue);padding:14px 17px;color:#fff;cursor:pointer;font-size:1rem;font-weight:800}.button:hover{background:#07566e}.calculator-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);min-height:600px;border-top:1px solid var(--line);background:var(--wash)}.input-panel,.result-panel{padding:42px max(28px,calc((100vw - 1144px) / 2))}.input-panel{width:100%;max-width:690px;margin-left:auto;padding-right:42px}.input-panel h2,.result-panel h2{margin:0 0 8px;font-size:clamp(1.625rem,2.6vw,2.25rem);letter-spacing:-.04em}.panel-intro{margin:0 0 28px;color:var(--muted);font-size:1rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:19px;gap:19px}label{display:block;color:#243842;font-size:.9375rem;font-weight:700}label span{float:right;color:var(--muted);font-size:.875rem;font-weight:600}input,select{display:block;width:100%;min-height:45px;margin-top:7px;border:1px solid #bdcbd0;border-radius:4px;background:#fff;padding:11px;color:var(--ink);font-size:1rem}.inline-input{display:flex}.inline-input input{border-radius:4px 0 0 4px}.inline-input select{width:86px;border-left:0;border-radius:0 4px 4px 0}details{margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;color:var(--blue);font-size:.9375rem;font-weight:800}details label{margin-top:17px}details p{margin:8px 0 0;color:var(--muted);font-size:.9375rem}.validation{margin:0 0 18px;border-left:3px solid #b24435;background:#fff3f0;padding:12px 14px;color:#772a20;font-size:.9375rem}.validation p{margin:4px 0 0}.result-panel{border-left:1px solid var(--line);background:#fff;padding-right:max(28px,calc((100vw - 1144px) / 2));padding-left:42px}.result-placeholder{max-width:400px;margin:122px auto;text-align:center}.result-placeholder p{color:var(--muted)}.dial{display:grid;width:75px;height:75px;margin:0 auto 23px;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:2rem}.diameter-result,.generic-result{margin:25px 0;border-bottom:1px solid var(--line);padding-bottom:28px}.diameter-result span,.generic-result span{display:block;color:var(--muted);font-size:.9375rem}.diameter-result strong{display:block;margin-top:4px;color:var(--blue);font-size:clamp(3rem,5vw,4rem);letter-spacing:-.06em;line-height:1.2}.diameter-result small{font-size:1.25rem;letter-spacing:0}.diameter-result p,.generic-result p{margin:5px 0 0;color:var(--muted);font-size:.9375rem}.generic-result strong{display:block;margin-top:4px;color:var(--blue);font-size:clamp(2rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.22}.result-list{margin:0}.result-list div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 0;font-size:1rem}.result-list dt{color:var(--muted)}.result-list dd{margin:0;text-align:right;font-weight:800}.explanation{margin-top:30px}.explanation h3{margin:0 0 12px;font-size:1.25rem}.explanation p{margin:10px 0;color:#42535e;font-size:1rem}.safety-note{margin-top:28px;border-left:3px solid var(--green);background:#edf6f4;padding:13px 15px;color:#304a51;font-size:.9375rem}.safety-note strong{display:block;margin-bottom:3px}@media (max-width:760px){.calculator-shell{display:block}.input-panel,.result-panel{max-width:none;padding:32px 20px}.result-panel{border-top:1px solid var(--line);border-left:0}.field-grid{grid-template-columns:1fr}.diameter-result strong{font-size:clamp(2.75rem,14vw,3.5rem)}}.report-button{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:11px 0;border:0;border-bottom:1px solid #126b85;color:#126b85;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:800}.report-button:hover{color:#07566e}