:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193d3a;background:#f8f5ee;font-synthesis:none;font-size:15px;line-height:1.6;--green:#193d3a;--muted:#60716a;--line:#dcded3;--orange:#ae4e20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,select,summary{cursor:pointer}:focus-visible{outline:3px solid #cb642f;outline-offset:4px}.wrap{max-width:1180px;width:calc(100% - 88px);margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1px;font-weight:750;text-decoration:none;display:flex;align-items:center}.brand>span:last-child{font-weight:400}.brand-icon{background:var(--green);color:#faf7ef;display:inline-grid;place-items:center;border-radius:8px;width:32px;height:36px;margin-right:10px;font-size:25px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{text-decoration:none}.preview-tag{font-size:11px;letter-spacing:.04em;border:1px solid #cad3c5;border-radius:20px;padding:4px 10px;color:#60716a}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-block:66px 44px;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:750;margin:0 0 16px;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.1vw,67px);font-weight:400;line-height:1.04;letter-spacing:-2.5px;margin-bottom:23px}.lead{font-size:17px;line-height:1.7;max-width:495px;color:var(--muted)}.proof{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#526d5c}.proof span:before{content:'✓';padding-right:6px}.illustration{position:relative;padding:20px;border-radius:50% 50% 12px 12px;background:#eeede3}.illustration svg{width:100%;display:block}.drawing-note{font-family:Georgia,serif;display:block;text-align:center;font-size:17px;padding-bottom:10px;color:#667b6d}.lookup{padding:28px 32px 20px;background:#fffdf8;border:1px solid #d8dcca;box-shadow:0 8px 30px #263c2410;border-radius:14px}.lookup-heading,.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.lookup-heading .eyebrow{margin-bottom:6px}h2{font-size:25px;font-weight:550;letter-spacing:-.65px;line-height:1.3;margin-bottom:18px}.units,.brand-filter{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}select{background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--green)}.measurements{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:20px;align-items:end}.measurements label{font-size:13px;font-weight:650}.measurements label>span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin:2px 0 8px}.input-wrap{position:relative}input{width:100%;background:#fffefa;border:1px solid #c6cfc1;border-radius:6px;font-size:24px;padding:9px 42px 9px 12px;font-weight:500;color:var(--green)}.unit-label{position:absolute;right:13px;top:15px;color:var(--muted);font-weight:400;font-size:13px}button.primary{height:58px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--green);color:white;padding:12px 20px;border-radius:6px;font-size:14px}button.primary:hover{background:#2e5750}.primary span{font-size:22px}.form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:10px}.presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted)}.presets button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:3px 9px;font-size:10px;color:var(--green)}.presets button:hover{background:#edf0e6}.hint{font-size:10px;color:var(--muted)}#form-error{color:#9f3419;margin:12px 0 0}.results{padding-block:48px}.results-heading .eyebrow{margin-bottom:7px}.results-heading h2{margin-bottom:5px}#results-summary{font-size:12px;color:var(--muted);margin-bottom:18px}.fit-note{border-left:2px solid #cb9660;padding:2px 0 2px 13px;font-size:12px;line-height:1.65;color:var(--muted);max-width:900px;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fffdf8;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card-top{padding:21px 21px 12px}.card-brand{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;color:var(--muted);margin-bottom:7px}.card h3{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin-bottom:7px;overflow-wrap:anywhere}.badge{display:inline-block;font-size:10px;color:#376042;background:#edf1e3;padding:3px 8px;border-radius:4px}.dimensions{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f3f3e9;padding:15px 20px;gap:8px;margin:4px 0 0}.dimensions dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.dimensions dd{margin:2px 0 0;font-size:19px;font-weight:600;white-space:nowrap}.dimensions dd small{font-size:10px;font-weight:400}.card-body{padding:16px 21px;flex:1;font-size:11px;color:var(--muted)}.card-body p{margin-bottom:10px}.card-body ul{padding-left:16px;margin-block:8px}.card-body li{margin-bottom:6px}.variant-details summary{font-size:11px;color:var(--green)}.variant-details ul{padding-left:15px}.card-link{padding:13px 21px;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:12px;display:flex;justify-content:space-between}.card-link:hover{background:#f0f1e7}.source-details{margin-top:12px}.source-details summary{color:var(--green);font-size:11px}.source-details a{display:block;margin-top:8px;overflow-wrap:anywhere}.empty{grid-column:1/-1;background:#eeeee4;padding:24px;border-radius:8px}.empty h3{margin-bottom:8px}.empty p{font-size:13px;margin:0}.review-panel{border-bottom:1px solid var(--line);padding-block:17px;font-size:13px}.review-panel:first-of-type{margin-top:25px}.review-panel summary{font-weight:550}.review-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:14px 8px;border-top:1px solid var(--line);font-size:12px}.review-row:first-child{margin-top:16px}.review-row p{margin:0;color:var(--muted)}.measure-guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:46px;border-top:1px solid var(--line)}.measure-guide h2{font-family:Georgia,serif;font-size:35px;font-weight:400}.measure-guide p,.data-section p{color:var(--muted);font-size:13px;max-width:490px}.measure-guide ol{padding-left:24px;margin:0}.measure-guide li{padding-left:9px;margin-bottom:18px}.measure-guide li::marker{color:var(--orange)}.measure-guide strong{font-size:14px;font-weight:600}.measure-guide li p{font-size:12px;margin:4px 0 0}.data-section{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;border-top:1px solid var(--line);padding-block:44px}.data-section a{font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-content:center}.stats strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.4}.stats span{display:block;font-size:10px;color:var(--muted)}.stats p{grid-column:1/-1;font-size:11px;margin:10px 0 0}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:28px}footer .brand{font-size:18px}footer p{font-size:10px;color:var(--muted);margin:0}
@media(min-width:1400px){.hero{padding-top:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.measurements{grid-template-columns:repeat(3,1fr);gap:16px}.primary{grid-column:1/-1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-guide,.data-section{gap:35px}.hint{display:none}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.masthead{padding-block:19px}.brand{font-size:21px}nav{gap:12px}nav a{display:none}.preview-tag{font-size:9px}.hero{grid-template-columns:1fr;padding-block:36px 27px;gap:20px}.hero h1{font-size:49px}.lead{font-size:15px}.illustration{display:none}.eyebrow{font-size:9px}.proof{gap:12px;font-size:10px}.lookup{padding:21px 17px}.lookup-heading{align-items:start;gap:10px}.lookup-heading h2{font-size:21px}.units{flex-direction:column;gap:2px;align-items:end;font-size:10px}.units select{font-size:11px;padding:4px}.measurements{gap:10px}.measurements label>span{font-size:9px;min-height:30px;line-height:1.5}.measurements label{font-size:12px}input{font-size:19px;padding:10px 22px 10px 7px}.unit-label{right:7px;font-size:10px}.presets{gap:6px}.presets>span{width:100%}.results{padding-block:32px}.results-heading{align-items:start}.results-heading h2{font-size:23px}.brand-filter{flex-direction:column;align-items:end;gap:4px;font-size:10px}.brand-filter select{max-width:106px;font-size:11px;padding:5px}.cards{grid-template-columns:1fr}.card-top{padding-top:18px}.review-row{grid-template-columns:1fr;gap:3px}.measure-guide,.data-section{grid-template-columns:1fr;gap:18px;padding-block:30px}.measure-guide h2{font-size:30px}.stats{gap:15px}.stats strong{font-size:37px}footer{align-items:start;gap:20px}footer p{max-width:175px;text-align:right;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.optional-clearance{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:12px}.optional-clearance summary{font-weight:550}.clearance-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.clearance-inputs label{font-size:12px;font-weight:600}.clearance-inputs span{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-block:2px 7px}.clearance-inputs input{font-size:16px;padding:9px 12px}.optional-clearance p{font-size:11px;color:var(--muted);margin:10px 0 0}.comparison-section{padding:12px 0 45px}.section-intro{font-size:13px;color:var(--muted);max-width:780px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fffdf8}.table-scroll table{border-collapse:collapse;width:100%;min-width:880px;font-size:12px;text-align:left}.table-scroll caption{text-align:left;padding:16px 18px;background:#eff1e7;font-size:11px;color:var(--muted)}.table-scroll th,.table-scroll td{padding:16px 15px;vertical-align:top;border-bottom:1px solid var(--line)}.table-scroll thead th{font-size:10px;letter-spacing:.4px;background:#f7f7ef}.table-scroll th[scope=row]{min-width:158px;font-size:13px}.table-scroll tr:last-child td,.table-scroll tr:last-child th{border-bottom:0}.table-brand{font-size:9px;font-weight:500;text-transform:uppercase;display:block;letter-spacing:.8px;color:var(--muted);margin-bottom:3px}.table-status{display:block;font-size:9px;font-weight:450;margin-top:8px;color:var(--muted)}.table-status.candidate{color:#366444}.table-status.review{color:#975522}.table-status.excluded{color:#885047}.table-scroll td{min-width:115px}.table-scroll td:last-child{width:230px;min-width:195px}.unknown{color:#8a8c80;font-size:10px}.table-scroll details{font-size:11px}.table-scroll details ul{padding-left:15px;font-size:10px;max-width:340px}.table-scroll details li{margin-block:8px}.store-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.store-links a{border:1px solid #cdd6c8;padding:4px 7px;border-radius:4px;text-decoration:none;font-size:10px}.store-links a:hover{background:#eff2e6}.commerce-note{font-size:11px;color:var(--muted);margin:13px 0}.text-link{font-size:12px}.article{max-width:840px;padding-block:55px}.article h1{font-size:46px;max-width:760px;margin-bottom:24px}.article h2{margin-top:35px}.article p,.article li{font-size:15px;line-height:1.8;color:#52665e}.article li{margin-block:9px}.article .table-scroll{margin-block:25px}.article .table-scroll p{font-size:12px}.article .eyebrow{font-size:10px;color:var(--orange)}.article-callout{border-left:3px solid #bb6a3a;background:#efeee3;padding:18px 22px;margin-block:26px}.article-callout p{margin:0}.article .primary-link{display:inline-block;background:var(--green);color:white;padding:10px 20px;border-radius:5px;text-decoration:none;font-size:14px;margin-block:15px}.guide-mini{border-collapse:collapse;width:100%;font-size:12px}.guide-mini th,.guide-mini td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.guide-mini th{font-weight:600}.guide-mini td{vertical-align:top}.article .small{font-size:12px}.skip-link{position:absolute;left:16px;top:-60px;background:#193d3a;color:white;padding:10px 20px;z-index:10}.skip-link:focus{top:10px}
@media(max-width:640px){.clearance-inputs{grid-template-columns:1fr;gap:13px}.table-scroll table{min-width:850px}.comparison-section{padding-bottom:30px}.article{padding-block:32px}.article h1{font-size:36px;letter-spacing:-1px}.article h2{font-size:24px}.article p,.article li{font-size:14px}.article .guide-mini{min-width:550px}.article-callout{padding:15px}.article nav a{display:block}}
