/* SGTM V587: scoped dedicated local brake and suspension workshop pages.
   Reuses V586 header, footer, hero animation, CTA buttons, fonts and palette. */
html body main.sgtm587-page {background:#fff;display:block;overflow:clip}
html body main.sgtm587-page .sgtm587-sect {box-sizing:border-box;width:100%;margin:0!important;border:0;border-radius:0!important;max-width:none!important;padding:clamp(50px,6vw,82px) max(22px,calc((100% - 1160px)/2))!important;}
html body main.sgtm587-page .sgtm587-white{background:#fff!important;color:#09263b!important}
html body main.sgtm587-page .sgtm587-pale{background:#f2f7fb!important;color:#0a2d45!important}
html body main.sgtm587-page .sgtm587-navy{background:linear-gradient(120deg,#071b2b,#0d314d)!important;color:#f4fbff!important}
html body main.sgtm587-page .sgtm587-eyebrow{display:block;color:#0089b8;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 13px}
html body main.sgtm587-page .sgtm587-navy .sgtm587-eyebrow{color:#53d6f8}
html body main.sgtm587-page .sgtm587-sect h2{font-size:clamp(27px,2.7vw,39px)!important;letter-spacing:-.025em!important;line-height:1.16!important;color:inherit!important;font-weight:800!important;max-width:900px!important;margin:0 0 17px!important}
html body main.sgtm587-page .sgtm587-sect h2:after{content:'';display:block;height:3px;width:42px;background:#0aa6d8;margin-top:15px}
html body main.sgtm587-page .sgtm587-lead{max-width:845px;line-height:1.75;font-size:clamp(15px,1.25vw,17px);color:#456172;margin:0 0 24px}
html body main.sgtm587-page .sgtm587-navy .sgtm587-lead{color:#cde4f3}
html body main.sgtm587-page .sgtm587-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:27px 0 0}
html body main.sgtm587-page .sgtm587-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
html body main.sgtm587-page .sgtm587-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:190px;text-decoration:none!important;background:#fff!important;color:#12354b!important;border:1px solid #d5e5ed!important;border-top:3px solid #18b7e7!important;border-radius:0!important;padding:24px 21px!important;box-shadow:none!important}
html body main.sgtm587-page .sgtm587-card h3{color:#0e334b!important;font-size:clamp(17px,1.5vw,19px)!important;line-height:1.3!important;margin:9px 0 12px!important;font-weight:800!important}
html body main.sgtm587-page .sgtm587-card h3:after{content:'';display:block;width:31px;height:2px;background:#18b7e7;margin-top:12px}
html body main.sgtm587-page .sgtm587-card p{margin:0;color:#476174!important;font-size:14px;line-height:1.66!important}
html body main.sgtm587-page .sgtm587-index{font-size:11px;color:#0886ad;letter-spacing:.17em;font-weight:850}
html body main.sgtm587-page .sgtm587-link-card:hover,html body main.sgtm587-page .sgtm587-link-card:focus-visible{border-color:#0aa6d8!important;box-shadow:0 7px 24px #062a3f15!important;outline-offset:3px}
html body main.sgtm587-page .sgtm587-link-card b{display:block;color:#007cae;font-size:12px;margin-top:auto;padding-top:16px}
html body main.sgtm587-page .sgtm587-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:23px 0}
html body main.sgtm587-page .sgtm587-labels span{padding:15px 17px;background:#fff;border:1px solid #d6e8f1;border-left:3px solid #04abd6;color:#16354b;font-weight:700;line-height:1.45}
html body main.sgtm587-page .sgtm587-navy .sgtm587-labels span{background:#133e59;color:#f3faff;border:1px solid #366378;border-left:3px solid #18c9f4}
html body main.sgtm587-page .sgtm587-two{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,4vw,64px);align-items:start}
html body main.sgtm587-page .sgtm587-panel{border:1px solid #cbdfe9;background:#fff;padding:clamp(21px,2vw,30px);border-radius:0;color:#15394f}
html body main.sgtm587-page .sgtm587-panel h3{font-size:21px!important;margin:0 0 14px!important;color:#0b304b!important}
html body main.sgtm587-page .sgtm587-panel p{font-size:15px;line-height:1.7;color:#53697b;margin:0 0 15px}
html body main.sgtm587-page .sgtm587-panel a{color:#006d9f;font-weight:800;text-decoration:underline;text-underline-offset:4px}
html body main.sgtm587-page .sgtm587-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
html body main.sgtm587-page .sgtm587-step{padding:17px 20px;border-left:3px solid #08a9d5;background:#fff}
html body main.sgtm587-page .sgtm587-step strong{display:block;color:#0c3750;margin-bottom:7px}
html body main.sgtm587-page .sgtm587-step p{line-height:1.65;color:#486071;margin:0;font-size:14px}
html body main.sgtm587-page .sgtm587-areas{font-size:14px;color:#517184;line-height:1.8;margin-top:18px}
html body main.sgtm587-page .sgtm587-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
html body main.sgtm587-page .sgtm587-related a{display:flex;align-items:center;min-height:74px;padding:17px 18px;color:#143c53!important;font-size:14px;font-weight:800;text-decoration:none!important;background:#fff!important;border:1px solid #d9e7ef!important;border-left:3px solid #18b7e7!important;border-radius:0!important}
html body main.sgtm587-page .sgtm587-related a:hover,html body main.sgtm587-page .sgtm587-related a:focus-visible{border-color:#11aee2!important;background:#f8fdff!important}
html body main.sgtm587-page .sgtm587-faq{max-width:1060px}
html body main.sgtm587-page .sgtm587-faq details{background:white;border:1px solid #d3e5ef;margin:11px 0;border-radius:0!important}
html body main.sgtm587-page .sgtm587-faq summary{list-style:none;cursor:pointer;padding:18px 20px;color:#113750;font-size:15px;font-weight:800}
html body main.sgtm587-page .sgtm587-faq summary::-webkit-details-marker{display:none}
html body main.sgtm587-page .sgtm587-faq summary:after{content:'+';float:right;margin-left:10px;color:#078ec1;font-size:19px}
html body main.sgtm587-page .sgtm587-faq details[open] summary:after{content:'−'}
html body main.sgtm587-page .sgtm587-faq details p{color:#456073;padding:0 20px 20px;margin:0;font-size:15px;line-height:1.7}
html body main.sgtm587-page .sgtm587-cta a{display:inline-block;margin:9px 12px 0 0;padding:15px 22px;background:#078fca;color:#fff!important;text-decoration:none!important;border:1px solid #078fca;border-radius:0!important;font-weight:800}
html body main.sgtm587-page .sgtm587-cta a:nth-of-type(2){background:transparent;border-color:#6fbcd4}
html body main.sgtm587-page .sgtm587-cta p{color:#c8e4f3;line-height:1.65;max-width:850px}
html body main.sgtm587-page .sgtm587-small{font-size:13px;color:#6b8393;line-height:1.65}
html body main.sgtm587-page .sgtm587-navy .sgtm587-small{color:#b2ccdc}
html body main.sgtm587-page.sgtm587-susp .sgtm587-card{border-top-color:#04a2ca!important}
html body main.sgtm587-page.sgtm587-susp .sgtm587-navy .sgtm587-card{border-top-color:#36ceeb!important}
html body #sgtm-hero-v456.sgtm587-hero .hero456-cutout{max-width:620px!important;object-fit:contain!important;aspect-ratio:3/2!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.22))!important}
html body #sgtm-hero-v456.sgtm587-hero .hero456-breadcrumb{display:flex!important;gap:10px;flex-wrap:wrap;align-items:center;line-height:1.45!important}
html body #sgtm-hero-v456.sgtm587-hero .hero456-copy h1{max-width:26ch!important;line-height:1.14!important}
html body main.sgtm587-page .sgtm587-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
html body main.sgtm587-page .sgtm587-trust span{font-size:12px;border:1px solid #cadfeb;color:#1b4963;padding:11px 13px}
html body main.sgtm587-page .sgtm587-hub-card{min-height:245px!important}
html body main.sgtm587-page .sgtm587-hub-card .sgtm587-mini-visual{height:115px;display:flex;align-items:center;justify-content:center}
html body main.sgtm587-page .sgtm587-hub-card img{height:100%;width:auto;max-width:95%;object-fit:contain}
/* Modest homepage and servicing entry points, no header / footer overrides */
html body main .sgtm587-home-entry{margin:0!important;padding:clamp(48px,5vw,68px) max(24px,calc((100% - 1160px)/2))!important;background:#f2f8fc!important}
html body main .sgtm587-home-entry h2{font-size:clamp(26px,2.8vw,37px)!important;color:#0b2c43!important;margin:0 0 14px!important}
html body main .sgtm587-home-entry .sgtm587-entrygrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html body main .sgtm587-home-entry .sgtm587-entrygrid a{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px;border:1px solid #d3e3ed;border-top:3px solid #14b0df;background:#fff;color:#15384d;text-decoration:none!important;padding:16px;border-radius:0!important}
html body main .sgtm587-home-entry .sgtm587-entrygrid img{width:100%;height:90px;object-fit:contain}
html body main .sgtm587-home-entry .sgtm587-entrygrid strong{display:block;color:#0a344d;font-size:18px;margin-bottom:5px}
html body main .sgtm587-home-entry .sgtm587-entrygrid small{color:#4b6679;line-height:1.55}
@media(max-width:900px){html body main.sgtm587-page .sgtm587-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html body main.sgtm587-page .sgtm587-cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}html body main.sgtm587-page .sgtm587-two{grid-template-columns:1fr}}
@media(max-width:620px){html body main.sgtm587-page .sgtm587-sect{padding:40px 18px!important}html body main.sgtm587-page .sgtm587-cards,html body main.sgtm587-page .sgtm587-cards.three,html body main.sgtm587-page .sgtm587-related,html body main.sgtm587-page .sgtm587-labels,html body main.sgtm587-page .sgtm587-steps{grid-template-columns:1fr}html body main.sgtm587-page .sgtm587-card{min-height:0}html body main .sgtm587-home-entry .sgtm587-entrygrid{grid-template-columns:1fr}html body main .sgtm587-home-entry .sgtm587-entrygrid a{grid-template-columns:80px 1fr}}
