@scope (.calculator-page) {
.quick-size-guide{max-width:76ch;margin:12px auto 0;text-align:left;border:1px solid #d8e1d7;border-radius:9px;padding:12px 18px;font-size:.85rem;color:#455b4e}
.quick-size-guide summary{cursor:pointer;font-weight:600;color:#224b39}
.quick-size-guide p{font-size:.8rem;line-height:1.5;margin:12px 0}
.quick-size-guide table{width:100%;border-collapse:collapse;font-size:.85rem}
.quick-size-guide th,.quick-size-guide td{padding:8px;text-align:left;border-bottom:1px solid #d8e1d7}
.article section,.article h2,.article h3 {scroll-margin-top:140px}
.inquiry {top:140px}
.quick-answer-inline {margin:20px auto 0;max-width:76ch;padding:14px 18px;background:#eaf0eb;border-left:3px solid #8fa895;text-align:left;font-size:.88rem;line-height:1.6;color:#455b4e;border-radius:0 9px 9px 0}
.quick-answer-inline strong {display:block;margin-bottom:4px;color:#224b39;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.editorial-diagram{margin:28px 0}.editorial-diagram img{display:block;width:100%;height:auto;border:1px solid #dce4da;border-radius:16px;background:#f9faf6}.editorial-diagram figcaption{font-size:.78rem;color:#6a786d;margin-top:9px;line-height:1.6}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.example-card{border:1px solid #d8e1d7;border-radius:16px;padding:24px;background:#fff}.example-card .example-result{display:block;font:600 2rem var(--sans);color:#205443;margin:12px 0}.example-card h3{margin:0;font-size:1.1rem}.example-card p{font-size:.85rem}.example-card code{font-size:.8rem;white-space:normal;color:#596958}
.formula-block{padding:20px;border-radius:12px;background:#eef2eb;font-size:.9rem}.formula-block p:last-child{margin-bottom:0}.article .review-cta{background:#e6eee6;border:1px solid #cbd9c9;border-radius:20px;padding:28px}.review-cta h2{font-size:2rem}.review-cta a{display:inline-block;background:#244f40;color:white;text-decoration:none;border-radius:8px;padding:12px 18px}.result #project-summary input{width:100%;box-sizing:border-box;padding:12px;font:inherit;border:1px solid #cfdbd2;border-radius:8px}.result #project-summary small{font-size:.75rem;color:#647164}.quote-action{scroll-margin-top:125px}.result,#project-summary{scroll-margin-top:130px}
@media(max-width:600px){.example-grid{grid-template-columns:1fr}.editorial-diagram{overflow-x:auto}.editorial-diagram img{min-width:540px}.editorial-diagram::before{content:'Swipe diagram to view all dimensions →';display:block;font-size:.72rem;color:#637b65;margin-bottom:6px}}
}