#grantaShadeMountsTool{margin:32px 0;padding:28px;border:1px solid #4b6b43;border-radius:20px;background:#1b201a;color:#f0f3ed;color-scheme:dark}#grantaShadeMountsTool h3,#grantaShadeMountsTool p,#grantaShadeMountsTool label,#grantaShadeMountsTool dt,#grantaShadeMountsTool dd,#grantaShadeMountsTool caption,#grantaShadeMountsTool th,#grantaShadeMountsTool td,#grantaShadeMountsTool code{color:inherit}#grantaShadeMountsTool p{line-height:1.85;margin:20px 0;overflow-wrap:anywhere}#grantaShadeMountsTool h3{font-size:24px;line-height:1.5;margin:16px 0 22px}#grantaShadeMountsTool .gb-field{display:grid;gap:12px;line-height:1.65;margin:0 0 22px;font-weight:600}#grantaShadeMountsTool :is(input[type=text],textarea){display:block;width:100%;box-sizing:border-box;border:1px solid #65815a;border-radius:12px;padding:14px 16px;background:#10140f;color:#f0f3ed;font:inherit;appearance:none}#grantaShadeMountsTool textarea{resize:vertical;line-height:1.7}#grantaShadeMountsTool [aria-invalid=true]{border-color:#ffb77a}#grantaShadeMountsTool .smt-inputs,#grantaShadeMountsTool .smt-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#grantaShadeMountsTool .gb-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}#grantaShadeMountsTool button{appearance:none;border:1px solid #00a332;border-radius:12px;background:#008d2b;color:#fff;font:700 15px/1.6 Arial,sans-serif;padding:13px 19px;min-height:50px;cursor:pointer}#grantaShadeMountsTool .gb-button-secondary{background:#172015;color:#d9efcb;border-color:#5a7b4d}#grantaShadeMountsTool button:hover{filter:brightness(1.13)}#grantaShadeMountsTool button:active{filter:brightness(.95)}#grantaShadeMountsTool button:disabled{opacity:.5;cursor:default}#grantaShadeMountsTool :is(input,textarea,button,.smt-table-scroll):focus-visible{outline:3px solid #51d768;outline-offset:3px}#grantaShadeMountsTool .gb-result{margin-top:28px;padding:22px;border:1px solid #597d4c;border-radius:16px;background:#111a0e}#grantaShadeMountsTool .smt-metrics{grid-template-columns:1fr;gap:16px;margin:0}#grantaShadeMountsTool dt{font-size:15px;font-weight:700;line-height:1.7}#grantaShadeMountsTool dd{font-size:24px;line-height:1.5;margin:8px 0 0;font-weight:700;overflow-wrap:anywhere}#grantaShadeMountsTool .smt-note{margin-top:24px}#grantaShadeMountsTool [hidden]{display:none!important}body.light-theme #grantaShadeMountsTool{background:#f4f8f0;color:#1d2b18;color-scheme:light}body.light-theme #grantaShadeMountsTool :is(input,textarea){background:#fff;color:#1d2b18}body.light-theme #grantaShadeMountsTool .gb-button-secondary{background:#fff;color:#23451c}body.light-theme #grantaShadeMountsTool .gb-result{background:#fff}body.light-theme #grantaShadeMountsTool .smt-radio{background:#fff;color:#23451c}body.light-theme #grantaShadeMountsTool [aria-invalid=true]{border-color:#a3490e}@media(max-width:800px){#grantaShadeMountsTool{padding:20px}#grantaShadeMountsTool fieldset{padding:16px}#grantaShadeMountsTool .gb-actions{display:grid;grid-template-columns:1fr}#grantaShadeMountsTool .gb-actions button{width:100%}#grantaShadeMountsTool .smt-note{margin-top:20px}#grantaShadeMountsTool dd{font-size:20px}}#grantaShadeMountsTool .smt-bar-row{margin:22px 0;color:inherit;line-height:1.7}#grantaShadeMountsTool .smt-track{height:24px;background:#384334;border-radius:6px;overflow:hidden;margin-top:10px}#grantaShadeMountsTool .smt-bar{display:block;height:100%;background:#518de8}#grantaShadeMountsTool .smt-right{background:#00b8c4}body.light-theme #grantaShadeMountsTool .smt-track{background:#dfe8d9}@media(min-width:801px){#grantaShadeMountsTool .smt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){#grantaShadeMountsTool .smt-inputs{grid-template-columns:1fr}}#grantaShadeMountsTool .smt-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#grantaShadeMountsTool .smt-metrics>div{padding:16px;border:1px solid #597d4c;border-radius:12px}#grantaShadeMountsTool .smt-metrics>div:last-child{grid-column:auto}@media(max-width:800px){#grantaShadeMountsTool .smt-inputs,#grantaShadeMountsTool .smt-metrics{grid-template-columns:1fr}}#grantaShadeMountsTool .smt-inputs,#grantaShadeMountsTool .smt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#grantaShadeMountsTool .smt-metrics>div:last-child{grid-column:auto}@media(max-width:800px){#grantaShadeMountsTool .smt-inputs,#grantaShadeMountsTool .smt-metrics{grid-template-columns:1fr}}
#grantaShadeMountsTool{font-family:Inter,Arial,sans-serif}
.hero-lv-article .hero-lv-desc-collapsible{max-height:none!important;overflow:visible!important}.hero-lv-article .hero-lv-desc-collapsible::after,.hero-lv-article #heroLvDescToggle{display:none!important}

#grantaShadeMountsTool .gb-stepper{display:flex;align-items:center;min-width:0;background:var(--bg-main)}#grantaShadeMountsTool .gb-stepper input{flex:1;width:100%;text-align:center}#grantaShadeMountsTool .gb-stepper button{flex:0 0 44px;min-width:44px;min-height:48px;padding:8px;border:0;background:transparent;color:var(--text-light);box-shadow:none}

body .hero-lv-desc-collapsible{max-height:none!important;overflow:visible!important}body .hero-lv-desc-toggle{display:none!important}


@media(max-width:700px){.steering-rack-guide .granta-table-scroll table{min-width:640px}}

#grantaShadeMountsTool dd{font-size:18px;line-height:1.65}

#grantaShadeMountsTool fieldset{border:1px solid #65815a;border-radius:14px;margin:24px 0;padding:20px;min-width:0}#grantaShadeMountsTool legend{color:inherit;font-weight:700;padding:0 8px;line-height:1.6}#grantaShadeMountsTool .smt-options{display:flex;flex-wrap:wrap;gap:14px}#grantaShadeMountsTool .smt-radio{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #65815a;border-radius:12px;cursor:pointer;min-height:48px;box-sizing:border-box;background:#10140f;color:#f0f3ed}#grantaShadeMountsTool input[type=radio]{appearance:none;width:22px;height:22px;flex:0 0 22px;border:2px solid #9ba997;border-radius:50%;margin:0;background:transparent;box-sizing:border-box}#grantaShadeMountsTool input[type=radio]:checked{border-color:#51d768;box-shadow:inset 0 0 0 4px #10140f;background:#51d768}#grantaShadeMountsTool .smt-radio:has(input:checked){border-color:#51d768;background:#1c3218}#grantaShadeMountsTool .smt-radio:hover{border-color:#51d768}body.light-theme #grantaShadeMountsTool .smt-radio{background:#fff;color:#1d2b18}body.light-theme #grantaShadeMountsTool input[type=radio]:checked{border-color:#227a35;background:#227a35;box-shadow:inset 0 0 0 4px #fff}body.light-theme #grantaShadeMountsTool .smt-radio:has(input:checked){background:#e3f3df;border-color:#227a35}#grantaShadeMountsTool .smt-metrics{grid-template-columns:1fr}#grantaShadeMountsTool .smt-metrics>div{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:20px;padding:16px}#grantaShadeMountsTool dd{margin:0}#grantaShadeMountsTool .smt-note{margin-top:24px}#grantaShadeMountsTool [aria-invalid=true]{border-color:#ffb77a}body.light-theme #grantaShadeMountsTool [aria-invalid=true]{border-color:#a3490e}@media(max-width:700px){#grantaShadeMountsTool .smt-metrics>div{grid-template-columns:1fr;gap:8px}#grantaShadeMountsTool .smt-options{display:grid;grid-template-columns:1fr;width:100%}}@media(forced-colors:active){#grantaShadeMountsTool input[type=radio]:checked{background:Highlight;border-color:Highlight;box-shadow:none}#grantaShadeMountsTool :is(input,button,textarea):focus-visible{outline-color:Highlight}}

#grantaShadeMountsTool .smt-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#grantaShadeMountsTool .smt-inputs .gb-field{margin:0}#grantaShadeMountsTool .smt-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#grantaShadeMountsTool .smt-metrics>div{display:block}#grantaShadeMountsTool dd{margin-top:8px}@media(max-width:800px){#grantaShadeMountsTool .smt-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#grantaShadeMountsTool .smt-inputs,#grantaShadeMountsTool .smt-metrics{grid-template-columns:1fr}}

body:has(#grantaShadeMountsTool) .hero-lv-desc{max-height:none!important;height:auto!important;overflow:visible!important;-webkit-line-clamp:unset!important}body:has(#grantaShadeMountsTool) .hero-lv-desc-toggle{display:none!important}

#grantaShadeMountsTool fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}#grantaShadeMountsTool legend{font-weight:700;margin-bottom:14px}#grantaShadeMountsTool .smt-options{display:grid;grid-template-columns:1fr;gap:12px}#grantaShadeMountsTool .smt-figure{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:24px;align-items:center}#grantaShadeMountsTool svg{width:100%;height:auto;color:inherit}#grantaShadeMountsTool .smt-outer,#grantaShadeMountsTool .smt-inner{stroke:#748072}#grantaShadeMountsTool .smt-balls{stroke:#aeb8a8}#grantaShadeMountsTool svg text{fill:#e6edde;font-size:15px}#grantaShadeMountsTool [data-ring="outer"] .smt-outer,#grantaShadeMountsTool [data-ring="inner"] .smt-inner{stroke:#63dc73}#grantaShadeMountsTool #smt-ring{display:block;font-size:24px;color:#82e58c;margin:12px 0}#grantaShadeMountsTool #smt-check{border-top:1px solid #819475;padding-top:18px;margin-top:18px}body.light-theme #grantaShadeMountsTool svg text{fill:#263b27}body.light-theme #grantaShadeMountsTool .smt-balls{stroke:#50624c}body.light-theme #grantaShadeMountsTool [data-ring="outer"] .smt-outer,body.light-theme #grantaShadeMountsTool [data-ring="inner"] .smt-inner{stroke:#168433}body.light-theme #grantaShadeMountsTool #smt-ring{color:#146d2b}@media(max-width:650px){#grantaShadeMountsTool .smt-figure{grid-template-columns:1fr}#grantaShadeMountsTool svg{max-width:280px;margin:auto}}

#grantaShadeMountsTool .smt-options{grid-template-columns:repeat(2,minmax(0,1fr))}#grantaShadeMountsTool .smt-shape{fill:none;stroke:#82e58c;stroke-width:12;stroke-linejoin:round;stroke-linecap:round}#grantaShadeMountsTool .smt-shape[hidden]{display:none}#grantaShadeMountsTool svg text{font-size:14px}#grantaShadeMountsTool #smt-check{padding-top:18px;margin-top:18px;border-top:1px solid #819475}body.light-theme #grantaShadeMountsTool .smt-shape{stroke:#146d2b}@media(max-width:650px){#grantaShadeMountsTool .smt-options{grid-template-columns:1fr}}
