#grantaBeamMarkingTool{margin:32px 0;padding:28px;border:1px solid #4b6b43;border-radius:20px;background:#1b201a;color:#f0f3ed;color-scheme:dark}#grantaBeamMarkingTool h3,#grantaBeamMarkingTool p,#grantaBeamMarkingTool label,#grantaBeamMarkingTool dt,#grantaBeamMarkingTool dd,#grantaBeamMarkingTool caption,#grantaBeamMarkingTool th,#grantaBeamMarkingTool td,#grantaBeamMarkingTool code{color:inherit}#grantaBeamMarkingTool p{line-height:1.85;margin:20px 0;overflow-wrap:anywhere}#grantaBeamMarkingTool h3{font-size:24px;line-height:1.5;margin:16px 0 22px}#grantaBeamMarkingTool .gb-field{display:grid;gap:12px;line-height:1.65;margin:0 0 22px;font-weight:600}#grantaBeamMarkingTool :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}#grantaBeamMarkingTool textarea{resize:vertical;line-height:1.7}#grantaBeamMarkingTool [aria-invalid=true]{border-color:#ffb77a}#grantaBeamMarkingTool .gbm-inputs,#grantaBeamMarkingTool .gbm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#grantaBeamMarkingTool .gb-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}#grantaBeamMarkingTool 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}#grantaBeamMarkingTool .gb-button-secondary{background:#172015;color:#d9efcb;border-color:#5a7b4d}#grantaBeamMarkingTool button:hover{filter:brightness(1.13)}#grantaBeamMarkingTool button:active{filter:brightness(.95)}#grantaBeamMarkingTool button:disabled{opacity:.5;cursor:default}#grantaBeamMarkingTool :is(input,textarea,button,.gbm-table-scroll):focus-visible{outline:3px solid #51d768;outline-offset:3px}#grantaBeamMarkingTool .gb-result{margin-top:28px;padding:22px;border:1px solid #597d4c;border-radius:16px;background:#111a0e}#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:1fr;gap:16px;margin:0}#grantaBeamMarkingTool dt{font-size:15px;font-weight:700;line-height:1.7}#grantaBeamMarkingTool dd{font-size:24px;line-height:1.5;margin:8px 0 0;font-weight:700;overflow-wrap:anywhere}#grantaBeamMarkingTool .gbm-note{margin-top:24px}#grantaBeamMarkingTool [hidden]{display:none!important}body.light-theme #grantaBeamMarkingTool{background:#f4f8f0;color:#1d2b18;color-scheme:light}body.light-theme #grantaBeamMarkingTool :is(input,textarea){background:#fff;color:#1d2b18}body.light-theme #grantaBeamMarkingTool .gb-button-secondary{background:#fff;color:#23451c}body.light-theme #grantaBeamMarkingTool .gb-result{background:#fff}body.light-theme #grantaBeamMarkingTool .gbm-radio{background:#fff;color:#23451c}body.light-theme #grantaBeamMarkingTool [aria-invalid=true]{border-color:#a3490e}@media(max-width:800px){#grantaBeamMarkingTool{padding:20px}#grantaBeamMarkingTool fieldset{padding:16px}#grantaBeamMarkingTool .gb-actions{display:grid;grid-template-columns:1fr}#grantaBeamMarkingTool .gb-actions button{width:100%}#grantaBeamMarkingTool .gbm-note{margin-top:20px}#grantaBeamMarkingTool dd{font-size:20px}}#grantaBeamMarkingTool .gbm-bar-row{margin:22px 0;color:inherit;line-height:1.7}#grantaBeamMarkingTool .gbm-track{height:24px;background:#384334;border-radius:6px;overflow:hidden;margin-top:10px}#grantaBeamMarkingTool .gbm-bar{display:block;height:100%;background:#518de8}#grantaBeamMarkingTool .gbm-right{background:#00b8c4}body.light-theme #grantaBeamMarkingTool .gbm-track{background:#dfe8d9}@media(min-width:801px){#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){#grantaBeamMarkingTool .gbm-inputs{grid-template-columns:1fr}}#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#grantaBeamMarkingTool .gbm-metrics>div{padding:16px;border:1px solid #597d4c;border-radius:12px}#grantaBeamMarkingTool .gbm-metrics>div:last-child{grid-column:auto}@media(max-width:800px){#grantaBeamMarkingTool .gbm-inputs,#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:1fr}}#grantaBeamMarkingTool .gbm-inputs,#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#grantaBeamMarkingTool .gbm-metrics>div:last-child{grid-column:auto}@media(max-width:800px){#grantaBeamMarkingTool .gbm-inputs,#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:1fr}}
#grantaBeamMarkingTool{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}

#grantaBeamMarkingTool .gb-stepper{display:flex;align-items:center;min-width:0;background:var(--bg-main)}#grantaBeamMarkingTool .gb-stepper input{flex:1;width:100%;text-align:center}#grantaBeamMarkingTool .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}}

#grantaBeamMarkingTool dd{font-size:18px;line-height:1.65}

#grantaBeamMarkingTool fieldset{border:1px solid #65815a;border-radius:14px;margin:24px 0;padding:20px;min-width:0}#grantaBeamMarkingTool legend{color:inherit;font-weight:700;padding:0 8px;line-height:1.6}#grantaBeamMarkingTool .gbm-options{display:flex;flex-wrap:wrap;gap:14px}#grantaBeamMarkingTool .gbm-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}#grantaBeamMarkingTool 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}#grantaBeamMarkingTool input[type=radio]:checked{border-color:#51d768;box-shadow:inset 0 0 0 4px #10140f;background:#51d768}#grantaBeamMarkingTool .gbm-radio:has(input:checked){border-color:#51d768;background:#1c3218}#grantaBeamMarkingTool .gbm-radio:hover{border-color:#51d768}body.light-theme #grantaBeamMarkingTool .gbm-radio{background:#fff;color:#1d2b18}body.light-theme #grantaBeamMarkingTool input[type=radio]:checked{border-color:#227a35;background:#227a35;box-shadow:inset 0 0 0 4px #fff}body.light-theme #grantaBeamMarkingTool .gbm-radio:has(input:checked){background:#e3f3df;border-color:#227a35}#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:1fr}#grantaBeamMarkingTool .gbm-metrics>div{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:20px;padding:16px}#grantaBeamMarkingTool dd{margin:0}#grantaBeamMarkingTool .gbm-note{margin-top:24px}#grantaBeamMarkingTool [aria-invalid=true]{border-color:#ffb77a}body.light-theme #grantaBeamMarkingTool [aria-invalid=true]{border-color:#a3490e}@media(max-width:700px){#grantaBeamMarkingTool .gbm-metrics>div{grid-template-columns:1fr;gap:8px}#grantaBeamMarkingTool .gbm-options{display:grid;grid-template-columns:1fr;width:100%}}@media(forced-colors:active){#grantaBeamMarkingTool input[type=radio]:checked{background:Highlight;border-color:Highlight;box-shadow:none}#grantaBeamMarkingTool :is(input,button,textarea):focus-visible{outline-color:Highlight}}

#grantaBeamMarkingTool .gbm-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#grantaBeamMarkingTool .gbm-inputs .gb-field{margin:0}#grantaBeamMarkingTool .gbm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#grantaBeamMarkingTool .gbm-metrics>div{display:block}#grantaBeamMarkingTool dd{margin-top:8px}@media(max-width:800px){#grantaBeamMarkingTool .gbm-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#grantaBeamMarkingTool .gbm-inputs,#grantaBeamMarkingTool .gbm-metrics{grid-template-columns:1fr}}

body:has(#grantaBeamMarkingTool) .hero-lv-desc{max-height:none!important;height:auto!important;overflow:visible!important;-webkit-line-clamp:unset!important}body:has(#grantaBeamMarkingTool) .hero-lv-desc-toggle{display:none!important}

#grantaBeamMarkingTool .gbm-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border:1px solid #819475;border-radius:12px;overflow:hidden;background:#111a12}#grantaBeamMarkingTool .gbm-stepper input{min-width:0;width:100%;border:0!important;border-radius:0;background:transparent;margin:0;text-align:center;outline:none!important;box-shadow:none!important}#grantaBeamMarkingTool .gbm-stepper button{min-width:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:#b8edab;font-size:22px;box-shadow:none}#grantaBeamMarkingTool .gbm-stepper:focus-within{outline:2px solid #62dc6c;outline-offset:3px}#grantaBeamMarkingTool .gbm-stepper button:focus-visible{outline:none}#grantaBeamMarkingTool .gbm-stepper button:hover{background:#29412b}#grantaBeamMarkingTool .gbm-stepper button:active{background:#36583a}body.light-theme #grantaBeamMarkingTool .gbm-stepper{background:#fff}body.light-theme #grantaBeamMarkingTool .gbm-stepper button{color:#176f30}body.light-theme #grantaBeamMarkingTool .gbm-stepper button:hover{background:#def2df}body.light-theme #grantaBeamMarkingTool .gbm-stepper button:active{background:#c4e4c5}@media(forced-colors:active){#grantaBeamMarkingTool .gbm-stepper:focus-within{outline-color:Highlight}}

#grantaBeamMarkingTool .gbm-stepper input:focus,#grantaBeamMarkingTool .gbm-stepper input:focus-visible{outline-width:0!important;outline-style:none!important;outline-offset:0!important}

#grantaBeamMarkingTool .gbm-status{margin:24px 0;padding:0 18px;border-left:3px solid #39bc55}#grantaBeamMarkingTool .gb-notes{margin-top:24px}
#grantaBeamMarkingTool .gbm-stepper button:focus-visible{outline:3px solid #36af4c!important;outline-offset:-4px!important}@media(forced-colors:active){#grantaBeamMarkingTool .gbm-stepper button:focus-visible{outline-color:Highlight}}