@scope (.calculator-page) {
.fit-checks{margin:18px 0;border-top:1px solid #d1ddd3}.fit-checks>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #d1ddd3;font-size:.78rem}.fit-checks dt{color:#52695b}.fit-checks dd{margin:0;text-align:right;font-weight:600;max-width:65%;overflow-wrap:anywhere}.fit-checks [data-state=error]{color:#963c2d}.fit-checks [data-state=pending]{color:#795a27}.fit-checks [data-state=within]{color:#285c43}.height-comparison{margin:20px 0;padding:16px;border:1px solid #cad8cd;border-radius:12px;background:#fff}.height-comparison[hidden]{display:none}.height-comparison summary{cursor:pointer;font-size:.9rem;font-weight:600}.height-comparison p,.height-comparison small{font-size:.75rem;line-height:1.6;color:#53685d}.height-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:15px 0;border-bottom:1px solid #e0e7df}.height-option:last-child{margin-bottom:12px}.height-option label{font-size:.78rem;align-self:center}.height-option input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #a6b9ad;border-radius:6px;font:inherit}.height-option strong,.height-option small{grid-column:1/-1;overflow-wrap:anywhere}.height-option strong{font-size:.95rem;color:#244f40}.height-option button{grid-column:1/-1;min-height:44px;padding:9px 12px;border:1px solid #5a7a66;border-radius:7px;background:#edf3ed;color:#244f40;font:600 .78rem var(--sans);cursor:pointer}.height-option button:disabled{opacity:.5;cursor:not-allowed}.height-option button[aria-pressed=true]{background:#244f40;color:#fff}.height-option input[aria-invalid=true]{border-color:#963c2d}
.height-planner{margin-top:20px;padding:16px;border:1px solid #ccdacf;border-radius:12px;background:#f7faf5}.height-planner summary{cursor:pointer;font-weight:600;font-size:.85rem}.height-planner p{font-size:.78rem;line-height:1.55}.height-planner .field{margin-top:14px}.height-planner [hidden]{display:none}.height-planner input:disabled{opacity:.5}.complete-size-card{display:grid;gap:6px;margin:18px 0;padding:16px;background:#e5eee5;border-radius:10px}.complete-size-card>span{font-size:.72rem;color:#536b5e}.complete-size-card strong{font-size:1.1rem;color:#244f40}.complete-size-card small{font-size:.73rem;color:#5c6d62}
.mini-scene[data-shape=round]{height:auto;aspect-ratio:1;padding:0}.mini-scene[data-shape=round] i{top:4%}
.mobile-result-bar{display:none}.planning-guide{margin:32px 0;padding:20px;border:1px solid #d2ddd3;border-radius:14px;background:#fafbf7}.planning-guide>summary{cursor:pointer;font-weight:600;color:#244f40}.planning-guide[open]>summary{margin-bottom:24px}.planning-guide section{margin:24px 0}.layout-comparison button:disabled{opacity:.45;cursor:not-allowed}.mini-scene{position:relative}.mini-scene i{box-sizing:border-box;right:auto!important;border-width:2px!important}.mini-scene[data-shape=round] i{height:auto!important;aspect-ratio:1;border-radius:50%;top:12px}.mini-scene[data-shape=arch] i{border-radius:50% 50% 0 0}.mini-scene[data-shape=capsule] i{border-radius:999px}
@media(max-width:850px){.mobile-result-bar:not([hidden]){display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:20;align-items:center;justify-content:space-between;gap:12px;background:#193f33;color:white;padding:12px 16px;border-radius:13px;box-shadow:0 6px 24px #102b3240;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-result-bar small{display:block;font-size:.68rem;color:#d8e4da}.mobile-result-bar strong{font-size:1.05rem}.mobile-result-bar a{color:#193f33;background:#edf3e4;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:.8rem;font-weight:600}form{padding-bottom:100px}}
#calculator{scroll-margin-top:130px}.presets button[aria-pressed=true]{background:#e1ece4;border-color:#426e56}
.hero{padding-top:28px;padding-bottom:32px}.hero-copy{max-width:none;text-align:left;margin-bottom:24px}.hero h1{font-size:clamp(1.9rem,3.6vw,3rem);margin:8px 0 10px}.hero .lead{margin:0;max-width:76ch;font-size:.95rem}.hero .trust-row{justify-content:flex-start;margin-top:10px}.hero h1 span{display:inline}
.calculator{border-radius:18px;box-shadow:0 16px 45px #243d3610;grid-template-columns:1fr 1.08fr}.calculator-head{padding:20px 26px}.calculator-head h2{font:600 1.4rem var(--sans)}form{padding:24px}.result{padding:24px;background:#f1f5f1}.result .visual{margin-top:16px;padding:20px 24px 12px;min-height:235px}.result .wall-line{min-height:130px}.result .mirror-shape{height:115px}.result .mirror-shape.capsule{border-radius:999px}.result .mirror-shape.arch{border-radius:50% 50% 2px 2px}.result-number{margin-top:20px}.result-number strong{font-size:3rem}.result-meta{margin-top:15px}.live-dimensions{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;color:#456657;margin-top:14px}.input-wrap:focus-within{outline:2px solid #739887;outline-offset:2px}.calculate{border-radius:9px}.intro-notes{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:30px}.intro-notes>*{width:100%;margin:0;align-self:start}.content-layout{padding-top:24px}
.layout-comparison article{background:#f7f9f5;border:1px solid #d8e1d7;border-radius:18px}.compare-size{display:block;font:600 1.65rem var(--sans);color:#205443;margin:14px 0}.layout-comparison button{border:1px solid #557d68;border-radius:8px;padding:9px 13px;background:#fff;color:#244f40;cursor:pointer;font:600 .8rem var(--sans)}.comparison-context{padding:12px 16px;background:#edf2eb;border-radius:8px;font-size:.85rem}.shape-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.shape-picker button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;background:#fafbf8;border:1px solid #d5dfd5;border-radius:12px;cursor:pointer;color:#315547;font:inherit}.shape-picker button[aria-pressed=true]{border-color:#205443;background:#e9f1e9;box-shadow:inset 0 0 0 1px #205443}.shape-picker small{font-size:.68rem;line-height:1.4}.shape-icon{display:block;width:62px;height:76px;border:2px solid #678977;background:linear-gradient(135deg,#e1ece6,#fff)}.shape-icon.round{width:70px;height:70px;border-radius:50%;margin:3px 0}.shape-icon.arch{border-radius:50% 50% 0 0}.shape-icon.capsule{border-radius:999px}.shape-picker strong{font-size:.8rem}.lighting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.lighting-card{border:1px solid #d8e1d7;border-radius:12px;padding:14px;background:#fafbf8}.lighting-card strong,.lighting-card small{display:block}.lighting-card strong{font-size:.85rem;margin:12px 0 4px}.lighting-card small{font-size:.72rem;color:#657a6f}.light-scene{height:155px;position:relative;background:#eeeae1;border-radius:7px}.light-mirror{position:absolute;left:25%;right:25%;top:30px;bottom:32px;border:2px solid #698676;background:linear-gradient(130deg,#e1eae4,#fff)}.light-vanity{position:absolute;left:12%;right:12%;height:15px;bottom:12px;background:#b8a386}.fixture{position:absolute;background:#ead6a5;border:1px solid #ae9363;z-index:1}.above .fixture.left{left:28%;right:28%;height:6px;top:12px}.beside .fixture{width:6px;height:39px;top:50px}.beside .fixture.left{left:13%}.beside .fixture.right{right:13%}.integrated .light-mirror{border:5px solid #faf1d8;box-shadow:0 0 0 1px #9eae9f,0 0 12px #e4d1a6}.review-cta{position:relative}.article .review-cta{padding:32px;background:#193f33;color:#f4f7ef}.review-cta h2,.review-cta .eyebrow{color:#edf3df}.review-cta a{background:#e6edda;color:#193f33}.review-cta p{color:#d7e3d8}button:focus-visible,a:focus-visible{outline:3px solid #aa8b55;outline-offset:3px}
@media(max-width:850px){.calculator{grid-template-columns:1fr}.intro-notes{grid-template-columns:1fr}.result{border-left:0}.hero-copy{margin-bottom:20px}}
@media(max-width:500px){.shell{width:calc(100% - 28px)}.hero{padding-top:22px}.calculator-head{padding:18px;flex-wrap:wrap}form,.result{padding:18px}.field-grid{grid-template-columns:1fr}.shape-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.lighting-grid{grid-template-columns:1fr}.lighting-card{display:grid;grid-template-columns:100px 1fr;gap:0 14px}.light-scene{grid-row:1/3;height:130px}.lighting-card strong{align-self:end}.lighting-card small{align-self:start}.result .visual{padding:16px 12px}.result .step-label{font-size:.64rem}.live-dimensions{flex-wrap:wrap}}
}