:root{--ink:#18201f;--muted:#66706d;--paper:#f5f3ed;--card:#fffdfa;--accent:#dd5b39;--accent-dark:#b94024;--line:#dcd8ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.siteHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brandMark{border:3px solid var(--ink);border-radius:5px;place-items:center;width:34px;height:27px;display:grid}.brandMark:after{content:"";background:var(--accent);border-radius:2px;width:16px;height:9px}.headerLink{font-size:14px;font-weight:700}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:76px;max-width:1180px;margin:auto;padding:82px 28px 92px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent-dark);margin:0 0 18px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:680px;margin:0;font-family:Georgia,serif;font-size:clamp(48px,6vw,78px);line-height:.98}.lede{color:var(--muted);max-width:570px;margin:28px 0;font-size:20px;line-height:1.55}.trustRow{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:13px;font-weight:700;display:flex}.trustRow span:before{content:"✓";color:var(--accent-dark);margin-right:7px}.calculator{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 20px 60px #18201f14}.field{margin-bottom:25px}.field label,legend{margin-bottom:10px;font-size:13px;font-weight:800;display:block}fieldset{border:0;margin:0;padding:0}.distanceInput{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;display:flex;overflow:hidden}.distanceInput input{border:0;outline:0;width:100%;padding:14px 16px;font-size:30px;font-weight:800}.distanceInput span{color:var(--muted);padding:0 16px;font-size:14px}.range{width:100%;accent-color:var(--accent);margin-top:14px}.fieldGrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.segmented{background:#eeeae1;border-radius:10px;padding:4px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:11px;font-weight:700}.segmented button.active{background:#fff;box-shadow:0 1px 5px #00000014}select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:13px}.result{background:var(--ink);color:#fff;border-radius:16px;padding:22px}.resultLabel{text-transform:uppercase;letter-spacing:.12em;color:#bec6c3;margin:0 0 12px;font-size:12px}.resultMain{align-items:center;gap:18px;display:flex}.resultMain strong{color:#ff8a67;font-family:Georgia,serif;font-size:64px;line-height:1}.resultMain strong span{font-size:28px}.resultMain b{font-size:18px}.resultMain p{color:#c5ccca;margin:6px 0 0}.measurements{color:#c5ccca;border-top:1px solid #3a4442;gap:24px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.measurements b{color:#fff}.resultExplanation{background:#f1ede4;border-radius:12px;margin-top:16px;padding:16px 18px}.resultExplanation strong{font-size:13px}.resultExplanation p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.disclaimer{color:var(--muted);margin:12px 4px 0;font-size:11px;line-height:1.5}.contentSection,.sizeGuide{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:90px 28px}.contentSection h2,.sizeGuide h2{letter-spacing:-.035em;max-width:630px;margin:0;font-family:Georgia,serif;font-size:44px;line-height:1.05}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.steps article{border-top:2px solid var(--ink);padding:26px 0}.steps article span{color:var(--accent-dark);font-size:12px;font-weight:800}.steps h3{margin:28px 0 10px;font-size:18px}.steps p{color:var(--muted);margin:0;line-height:1.6}.sizeGuide{grid-template-columns:1fr 1fr;gap:80px;display:grid}.sizeTable{border-top:1px solid var(--ink)}.sizeRow{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;display:flex}.sizeRow span{color:var(--muted)}.guidePage{max-width:1180px;margin:auto;padding:42px 28px 90px}.breadcrumbs{color:var(--muted);align-items:center;gap:10px;margin-bottom:56px;font-size:13px;display:flex}.breadcrumbs a{text-underline-offset:3px;text-decoration:underline}.guideHero{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;display:grid}.guideHero h1{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(46px,6vw,72px);line-height:1}.screenDiagram{aspect-ratio:16/10;background:var(--ink);color:#fff;border:10px solid #2c3533;border-radius:12px;place-items:center;display:grid;position:relative;box-shadow:0 24px 65px #18201f29}.screenValue{color:#ff8a67;font-family:Georgia,serif;font-size:72px}.screenDiagram>span{color:#c5ccca;font-size:13px;position:absolute;bottom:18px}.guideFacts{grid-template-columns:repeat(3,1fr);gap:18px;margin:72px 0;display:grid}.guideFacts article{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px}.guideFacts span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block}.guideFacts strong{margin:14px 0 8px;font-family:Georgia,serif;font-size:38px;display:block}.guideFacts p,.guideSection>p{color:var(--muted);line-height:1.65}.guideFacts p{margin:0;font-size:13px}.guideSection{border-top:1px solid var(--line);max-width:900px;padding:72px 0}.guideSection h2,.relatedSizes h2{letter-spacing:-.035em;margin:0 0 20px;font-family:Georgia,serif;font-size:42px;line-height:1.08}.distanceCards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.distanceCards article{border-top:3px solid var(--ink);padding:20px 0}.distanceCards strong{font-size:28px;display:block}.distanceCards span{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.45;display:block}.primaryLink{background:var(--accent);color:#fff;border-radius:10px;margin-top:18px;padding:14px 18px;font-weight:800;display:inline-block}.relatedSizes{border-top:1px solid var(--line);padding-top:72px}.relatedSizes>div{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.relatedSizes a{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:12px 15px;font-weight:700}.sizeRowLink{justify-content:space-between;width:100%;display:flex}.sizeRowLink:hover strong{text-underline-offset:4px;text-decoration:underline}footer{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);justify-content:space-between;margin:auto;padding:30px 28px 42px;font-size:12px;display:flex}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:44px;padding-top:54px}.hero h1{font-size:54px}.contentSection,.sizeGuide{padding-top:66px;padding-bottom:66px}.sizeGuide,.guideHero{grid-template-columns:1fr;gap:40px}.guideFacts,.distanceCards{grid-template-columns:1fr}.screenDiagram{width:100%;max-width:560px}}@media (max-width:560px){.siteHeader{padding:0 18px}.hero,.contentSection,.sizeGuide,.guidePage{padding-left:18px;padding-right:18px}.hero h1{font-size:43px}.calculator{border-radius:16px;padding:20px}.fieldGrid,.steps{grid-template-columns:1fr}.resultMain strong{font-size:54px}.measurements{flex-direction:column;gap:8px}.contentSection h2,.sizeGuide h2,.guideSection h2,.relatedSizes h2{font-size:36px}.guideHero h1{font-size:43px}.screenValue{font-size:58px}footer{flex-direction:column;gap:20px;padding:28px 18px}}.methodPage{max-width:1000px;margin:auto;padding:42px 28px 90px}.methodHero{max-width:790px;padding:0 0 72px}.methodHero h1{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(46px,6vw,72px);line-height:1}.methodSection{border-top:1px solid var(--line);grid-template-columns:.38fr .62fr;gap:70px;padding:70px 0;display:grid}.methodSection h2,.limitations h2,.faqSection h2{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:42px;line-height:1.08}.methodCopy>p,.limitations>p,.faqList p{color:var(--muted);margin:0 0 22px;line-height:1.7}.factorGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.factorGrid article{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}.factorGrid strong{color:var(--accent-dark);font-family:Georgia,serif;font-size:34px;display:block}.factorGrid span{margin-top:10px;font-weight:800;display:block}.factorGrid p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.formulaCard{background:var(--ink);color:#fff;border-radius:14px;gap:8px;margin:28px 0;padding:22px;display:grid}.formulaCard span{color:#bec6c3;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.formulaCard strong{font-size:16px;line-height:1.5}.limitations{border-top:1px solid var(--line);padding:70px 0}.limitations>p:not(.eyebrow){max-width:780px;margin-top:22px}.faqSection{border-top:1px solid var(--line);padding:70px 0 0}.faqList{border-top:1px solid var(--ink);margin-top:34px}.faqList details{border-bottom:1px solid var(--line);padding:21px 0}.faqList summary{cursor:pointer;margin-left:18px;padding-left:8px;font-weight:800;list-style-position:outside}.faqList p{max-width:760px;margin:15px 26px 0}.resultExplanation a,footer a{text-underline-offset:3px;text-decoration:underline}@media (max-width:850px){.methodSection{grid-template-columns:1fr;gap:28px}.factorGrid{grid-template-columns:1fr}.methodHero{padding-bottom:54px}}@media (max-width:560px){.methodPage{padding-left:18px;padding-right:18px}.methodHero h1{font-size:43px}.methodSection h2,.limitations h2,.faqSection h2{font-size:36px}}
.fitCheck{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:16px;padding:18px}.fitCheckHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fitCheckHeader strong{font-size:14px}.fitCheckHeader p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.fitCheckHeader button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:2px;font-size:12px;font-weight:800}.compactInput{border:1px solid var(--line);border-radius:10px;align-items:center;margin-top:14px;display:flex;overflow:hidden}.compactInput:focus-within{border-color:var(--accent);outline:2px solid #dd5b3933}.compactInput input{background:#fff;border:0;outline:0;width:100%;min-width:0;padding:12px 13px;font-weight:800}.compactInput span{white-space:nowrap;color:var(--muted);padding:0 13px;font-size:12px}.fitStatus{border-radius:10px;margin-top:12px;padding:13px 14px}.fitStatus strong{font-size:13px}.fitStatus p{margin:5px 0 0;font-size:12px;line-height:1.5}.fitSuccess{color:#244c2d;background:#eaf4ec}.fitWarning{color:#7d341f;background:#fff0e8}@media (max-width:560px){.fitCheck{padding:15px}.fitCheckHeader{gap:10px}.compactInput span{padding:0 10px}}