.gb-tool{margin:30px 0;padding:28px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);color:var(--text-light);font-family:var(--font-body)}
.faq-content .gb-tool h3{margin:0 0 12px;font-size:clamp(23px,3vw,30px);color:var(--accent-green);font-family:var(--font-main);line-height:1.4}.faq-content .gb-tool p{color:var(--text-light);font-size:16px;line-height:1.75}.gb-tool fieldset{border:0;padding:0;margin:22px 0}.gb-tool legend{font-weight:700;margin-bottom:12px;font-size:16px}.gb-choices{display:flex;flex-wrap:wrap;gap:9px}.gb-choice{position:relative;cursor:pointer}.gb-choice input{position:absolute;opacity:0;width:1px;height:1px}.gb-choice span{display:block;padding:11px 15px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);font-size:15px;font-weight:600;line-height:1.5}.gb-choice input:checked+span{border-color:var(--accent-green);background:var(--accent-green);color:#111}body.light-theme .gb-choice input:checked+span{color:#fff}.gb-choice input:focus-visible+span,.gb-tool :is(button,input):focus-visible{outline:3px solid var(--accent-green);outline-offset:3px}
.gb-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;line-height:1.7;margin:12px 0}.gb-check input{appearance:none;flex:0 0 24px;width:24px;height:24px;margin:2px 0 0;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-main);display:grid;place-content:center}.gb-check input:checked{border-color:var(--accent-green);background:var(--accent-green)}.gb-check input:checked:after{content:'✓';color:#111;font-weight:900;font-size:18px}body.light-theme .gb-check input:checked:after{color:#fff}
.gb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gb-field label{display:block;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:9px}.gb-stepper{display:flex;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);overflow:visible}.gb-stepper input{appearance:none;min-width:0;width:100%;border:0;background:transparent;padding:13px 4px;text-align:center;font-family:inherit;color:var(--text-light);font-size:18px;border-radius:8px}.gb-tool button{appearance:none;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);color:var(--text-light);font:600 15px/1.5 var(--font-body);padding:11px 16px;min-height:46px;cursor:pointer}.gb-stepper button{flex:0 0 44px;border:0;background:transparent;padding:6px;font-size:23px}.gb-tool button:hover{border-color:var(--accent-green)}.gb-tool button:disabled{opacity:.5;cursor:default}.gb-tool .gb-primary{background:var(--accent-green);border-color:var(--accent-green);color:#111}body.light-theme .gb-tool .gb-primary{color:#fff}.gb-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}.gb-notice,.gb-result{padding:20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);margin-top:18px}.gb-notice[data-state=danger]{border-color:#ffb580}.gb-notice[data-state=danger] strong{color:#ffb580}body.light-theme .gb-notice[data-state=danger] strong{color:#9b3211}.gb-result h3{font-size:20px;line-height:1.5;margin:0 0 12px}.gb-result ol{padding-left:22px}.gb-result li{padding-left:4px;margin:10px 0;line-height:1.75}.gb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gb-metrics div{padding:16px;border:1px solid var(--border-color);border-radius:10px}.gb-metrics dt{font-size:14px;line-height:1.6}.gb-metrics dd{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--accent-green);margin:10px 0 0;overflow-wrap:anywhere}.faq-content .gb-status{min-height:26px;margin-top:14px;font-size:15px}.gb-stepper:has(input[aria-invalid=true]){border-color:#ffb580}body.light-theme .gb-stepper:has(input[aria-invalid=true]){border-color:#9b3211}.gb-tool [hidden]{display:none!important}.gb-tool noscript{display:block;margin-top:15px}
@media(max-width:700px){.gb-tool{padding:22px 17px}.gb-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-metrics{grid-template-columns:1fr}.gb-actions button{flex:1 1 auto}.gb-notice,.gb-result{padding:16px}.gb-choice span{padding:10px 12px}}
@media(max-width:420px){.gb-fields{grid-template-columns:1fr}.gb-choices{gap:8px}.gb-tool button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.gb-tool *{scroll-behavior:auto;transition:none}}
.faq-content .gb-tool #gb-heading{color:var(--accent-green)!important}.gb-choice:focus-within span{outline:3px solid var(--accent-green);outline-offset:3px}
.faq-content .gb-result ol{counter-reset:ghstep;list-style:none;padding:0;margin:16px 0}.faq-content .gb-result ol li{position:relative;counter-increment:ghstep;padding:0 0 0 38px;margin:12px 0;min-height:28px}.faq-content .gb-result ol li:before{content:counter(ghstep)!important;position:absolute;left:0;top:2px;width:25px;height:25px;display:grid;place-content:center;border-radius:50%;background:var(--accent-green);color:#111;font-size:14px;font-weight:700}body.light-theme .faq-content .gb-result ol li:before{color:#fff}

.gb-tool .gb-fields,.gb-tool .gb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.gb-tool .gb-fields,.gb-tool .gb-metrics{grid-template-columns:1fr}}

.gb-tool .gb-text{appearance:none;width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);color:var(--text-light);font:inherit;padding:14px}.gb-tool .gb-text[aria-invalid=true]{border-color:#ffb580}.gb-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.gb-records .gb-check{margin:6px 0}@media(max-width:600px){.gb-records{grid-template-columns:1fr}}

.gb-tool .gb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.gb-tool .gb-card{border:1px solid var(--border-color);border-radius:12px;padding:18px;margin:20px 0}.gb-tool label.gb-field{display:block;font-size:15px;font-weight:600;line-height:1.6;margin:14px 0}.gb-tool .gb-field>input{appearance:none;display:block;width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);color:var(--text-light);font:inherit;padding:14px;margin-top:8px}.gb-tool .gb-field>input[aria-invalid=true]{border-color:#ffb580}.gb-tool .gb-result strong{font-size:clamp(24px,3vw,32px);color:var(--accent-green);overflow-wrap:anywhere}.gb-tool .gb-result h4{font-size:20px;margin:0 0 16px}.gb-tool .gb-stepper{margin-top:8px}.gb-tool button[type=submit]{background:var(--accent-green);color:#111}body.light-theme .gb-tool button[type=submit]{color:#fff}@media(max-width:700px){.gb-tool .gb-grid{grid-template-columns:1fr;gap:0}.gb-tool .gb-card{margin:14px 0}}

#grantaMasterCylinderMapTool{scroll-margin-top:100px}#grantaMasterCylinderMapTool h3{font-size:clamp(24px,3vw,34px);line-height:1.3;color:var(--accent-green)}#grantaMasterCylinderMapTool .gmcm-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-yellow,#ffce55)}#grantaMasterCylinderMapTool .gb-field{margin:15px 0}#grantaMasterCylinderMapTool .gmcm-check{display:flex;align-items:center;gap:12px;cursor:pointer;margin:20px 0}#grantaMasterCylinderMapTool .gmcm-check input{appearance:none;-webkit-appearance:none;flex:0 0 24px;width:24px;height:24px;margin:0;border:2px solid var(--border-color,#536657);border-radius:6px;background:transparent;cursor:pointer}#grantaMasterCylinderMapTool .gmcm-check input:checked{background:var(--accent-green);border-color:var(--accent-green);box-shadow:inset 0 0 0 4px var(--bg-main,#151915)}#grantaMasterCylinderMapTool .gmcm-check input:focus-visible{outline:3px solid var(--accent-green);outline-offset:3px}#grantaMasterCylinderMapTool .gmcm-line{padding:16px 0;border-bottom:1px solid var(--border-color,#415246)}#grantaMasterCylinderMapTool .gmcm-line strong{display:block;font-size:17px;color:var(--text-primary,#eee)}body.light-theme #grantaMasterCylinderMapTool .gmcm-line strong{color:#17271b}#grantaMasterCylinderMapTool .gmcm-line span{display:block;margin-top:7px}#grantaMasterCylinderMapTool .gb-result h4{font-size:21px;line-height:1.5;color:var(--accent-green)}#grantaMasterCylinderMapTool .gb-status{min-height:44px}#grantaMasterCylinderMapTool .gb-stepper input{appearance:none;-webkit-appearance:none;min-width:0;font-size:18px}#grantaMasterCylinderMapTool .gb-stepper:focus-within{outline:2px solid var(--accent-green);outline-offset:2px}
#grantaMasterCylinderMapTool .gb-metrics strong{display:block;margin-top:8px}

#grantaMasterCylinderMapTool .gb-fields{grid-template-columns:repeat(3,minmax(0,1fr))}#grantaMasterCylinderMapTool .gb-metrics strong{display:block}@media(max-width:800px){#grantaMasterCylinderMapTool .gb-fields{grid-template-columns:1fr}}

.light-theme #grantaMasterCylinderMapTool .gmcm-eyebrow{color:#805400}
#grantaMasterCylinderMapTool .gb-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){#grantaMasterCylinderMapTool .gb-metrics{grid-template-columns:1fr}}
#grantaMasterCylinderMapTool .gb-fields{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){#grantaMasterCylinderMapTool .gb-fields{grid-template-columns:1fr}}
#grantaMasterCylinderMapTool fieldset{min-width:0;margin:24px 0;padding:22px;border:1px solid rgba(0,255,0,.22);border-radius:14px}
#grantaMasterCylinderMapTool legend{max-width:100%;padding:0 10px;font-weight:700;line-height:1.6}
#grantaMasterCylinderMapTool .gmcm-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#grantaMasterCylinderMapTool .gmcm-options label{display:flex;align-items:center;gap:12px;min-height:48px;padding:14px;background:var(--gb-field-bg,#111);border:1px solid rgba(0,255,0,.16);border-radius:10px;cursor:pointer;font-weight:600}
#grantaMasterCylinderMapTool .gmcm-options input{appearance:none;-webkit-appearance:none;flex:0 0 22px;width:22px;height:22px;margin:0;border:2px solid #16892e;border-radius:50%;background:transparent;cursor:pointer}
#grantaMasterCylinderMapTool .gmcm-options input:checked{background:radial-gradient(circle,#00e522 0 5px,transparent 6px)}
#grantaMasterCylinderMapTool .gmcm-options label:has(input:checked){border-color:#00c820;background:rgba(0,180,35,.1)}
#grantaMasterCylinderMapTool input:focus-visible{outline:2px solid #00d626;outline-offset:4px}
#grantaMasterCylinderMapTool ul{padding-left:24px;margin-top:18px}#grantaMasterCylinderMapTool li{margin:14px 0;line-height:1.8}
body.light-theme #grantaMasterCylinderMapTool .gmcm-options label{background:#f3f5f1;color:#0d2144}body.light-theme #grantaMasterCylinderMapTool .gmcm-options label:has(input:checked){background:#e9f3e9}
@media(max-width:700px){#grantaMasterCylinderMapTool .gmcm-options{grid-template-columns:1fr}#grantaMasterCylinderMapTool fieldset{padding:16px 12px}#grantaMasterCylinderMapTool legend{padding:0 5px}}

#grantaMasterCylinderMapTool .gb-result li::before{content:none!important;display:none!important}#grantaMasterCylinderMapTool .gb-result li{padding-left:0;list-style:disc}#grantaMasterCylinderMapTool .gb-result ul{padding-left:24px}#grantaMasterCylinderMapTool .gmcm-first{padding:18px;border-left:3px solid #00cc22;border-radius:10px;background:rgba(0,160,30,.08);font-weight:700}

#grantaMasterCylinderMapTool .gb-fields>label.gb-field{display:flex;flex-direction:column;justify-content:space-between}

#grantaMasterCylinderMapTool .gmcm-diagram{margin:24px 0 12px;padding:18px;background:linear-gradient(130deg,#15291a,#101713);border:1px solid #29482e;border-radius:18px}#grantaMasterCylinderMapTool svg{display:block;width:100%;height:auto;max-height:430px}#grantaMasterCylinderMapTool svg text{fill:#e0e9df;font:26px Arial,sans-serif}#grantaMasterCylinderMapTool svg .gmcm-dark{fill:#253d2c}#grantaMasterCylinderMapTool .gmcm-zone circle{fill:#14251a;stroke:#809e86;stroke-width:3}#grantaMasterCylinderMapTool .gmcm-zone.gmcm-active circle{fill:#00cf18;stroke:#c5ffbf;stroke-width:5}#grantaMasterCylinderMapTool .gmcm-zone.gmcm-active text{fill:#061c0b;font-weight:700}#grantaMasterCylinderMapTool .gmcm-caption{font-size:14px;line-height:1.65;color:#abb8a9}#grantaMasterCylinderMapTool .gmcm-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}#grantaMasterCylinderMapTool .gmcm-case{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 18px;border:1px solid #355a3b;background:#111a13;color:#f0f6ed;border-radius:12px;min-height:62px;cursor:pointer;font:600 16px/1.5 Arial,sans-serif}#grantaMasterCylinderMapTool .gmcm-case span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#243a29;color:#73ed7a}#grantaMasterCylinderMapTool .gmcm-case[aria-pressed=true]{border-color:#00e219;background:#17351d}#grantaMasterCylinderMapTool .gmcm-case:focus-visible,#grantaMasterCylinderMapTool .gmcm-answer:focus-visible{outline:2px solid #9dff7a;outline-offset:3px}#grantaMasterCylinderMapTool .gmcm-explanation{display:grid;gap:20px;margin:24px 0}#grantaMasterCylinderMapTool .gmcm-explanation dt{font-weight:700;color:#8bea83;margin-bottom:8px}#grantaMasterCylinderMapTool .gmcm-explanation dd{margin:0;line-height:1.8}#grantaMasterCylinderMapTool .gmcm-answer{display:inline-block;padding:12px 16px;margin-bottom:20px;color:#b0ff9e;border:1px solid #346c37;border-radius:10px;text-decoration:none}body.light-theme #grantaMasterCylinderMapTool .gmcm-case{background:#f4f8f1;color:#18321f}body.light-theme #grantaMasterCylinderMapTool .gmcm-case[aria-pressed=true]{background:#e2f5dc;border-color:#219528}body.light-theme #grantaMasterCylinderMapTool .gmcm-caption{color:#52674e}body.light-theme #grantaMasterCylinderMapTool .gmcm-explanation dt{color:#256c26}body.light-theme #grantaMasterCylinderMapTool .gmcm-answer{color:#205b22;background:#f5fbef}@media(max-width:700px){#grantaMasterCylinderMapTool .gmcm-cases{grid-template-columns:1fr}#grantaMasterCylinderMapTool .gmcm-diagram{padding:8px;margin-top:20px}#grantaMasterCylinderMapTool svg text{font-size:28px}}

#grantaMasterCylinderMapTool .gmcm-diagram{margin-bottom:20px}#grantaMasterCylinderMapTool .gmcm-caption{margin-top:20px}@media(max-width:700px){#grantaMasterCylinderMapTool svg text{font-size:36px}}
