/* Draft-only, optically balanced artwork. No production stylesheet is modified. */
body.illustrations-refined-20261024 { --art-ink:#151914; --art-line:#dcded5; }
body.illustrations-refined-20261024 #main .illustrated-service-links {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;
}
body.illustrations-refined-20261024 #main .illustrated-service-links > a {
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  min-width:0; min-height:0; gap:16px; padding:18px 16px 20px;
  color:var(--art-ink); background:#fff; border:1px solid var(--art-line);
  border-radius:10px; text-align:left; text-decoration:none;
}
body.illustrations-refined-20261024 #main .illustrated-service-links > a:hover {
  background:#fffcf2; border-color:#98701b;
}
body.illustrations-refined-20261024 #main .illustrated-service-links > a:focus-visible {
  outline:3px solid #805b00; outline-offset:4px;
}
body.illustrations-refined-20261024 #main .art-frame {
  position:relative; display:block; flex:0 0 auto; align-self:center;
  width:240px; max-width:100%; height:auto; aspect-ratio:4/3;
  overflow:hidden; isolation:isolate;
}
body.illustrations-refined-20261024 #main .art-frame > img {
  display:block; position:absolute; inset:0; width:100%; max-width:100%; height:100%;
  max-height:none; aspect-ratio:4/3; margin:0; object-fit:contain;
  object-position:center; transform-origin:center;
  transform:translate(var(--art-x,0%),var(--art-y,0%)) scale(var(--art-scale,1));
}
body.illustrations-refined-20261024 #main .illustrated-service-copy { display:block; min-width:0; }
body.illustrations-refined-20261024 #main .illustrated-service-copy strong {
  display:block; min-height:2.5em; color:var(--art-ink); font-size:22px;
  font-weight:750; line-height:1.25; letter-spacing:-.02em; overflow-wrap:anywhere;
}
body.illustrations-refined-20261024 #main .illustrated-service-copy small {
  display:block; margin-top:8px; color:#50564c; font-size:16px; line-height:1.5; font-weight:400;
}
body.illustrations-refined-20261024 #main .illustrated-article-card > .art-frame {
  width:100%; max-width:320px; height:180px; margin:16px auto 4px;
}
body.illustrations-refined-20261024 #main .illustrated-article-card > .art-frame > img {
  /* Preserve a true 4:3 artwork canvas even in a wider article-card slot. */
  width:240px; max-width:100%; height:180px; left:50%; right:auto;
  transform:translate(calc(-50% + var(--art-x,0%)),var(--art-y,0%)) scale(var(--art-scale,1));
}
body.illustrations-refined-20261024 #main .refined-article-figure {
  max-width:420px; margin:28px auto 32px; padding:0; background:transparent;
}
body.illustrations-refined-20261024 #main .refined-article-figure .art-frame { width:360px; }
body.illustrations-refined-20261024 #main .refined-article-figure figcaption {
  margin-top:10px; color:#50564c; font-size:14px; line-height:1.5; text-align:center;
}
body.illustrations-refined-20261024 #main .refined-battery-hero {
  background:#f4f2eb; color:#151914; overflow:hidden;
}
body.illustrations-refined-20261024 #main .refined-battery-hero .page-hero-image {
  height:auto; max-height:430px; aspect-ratio:4/3; object-fit:contain;
  object-position:center; border-radius:0;
}
@media (min-width:1001px) and (max-width:1279px) {
  body.illustrations-refined-20261024 #main .illustrated-service-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.illustrations-refined-20261024 #main .illustrated-service-links > a:nth-last-child(-n+2) { grid-column:span 2; }
}
@media (min-width:761px) and (max-width:1000px) {
  body.illustrations-refined-20261024 #main .illustrated-service-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  body.illustrations-refined-20261024 #main .illustrated-service-links { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.illustrations-refined-20261024 #main .illustrated-service-links > a {
    display:grid; grid-template-columns:104px minmax(0,1fr); align-items:center;
    min-height:116px; padding:16px 12px; gap:16px;
  }
  body.illustrations-refined-20261024 #main .illustrated-service-links .art-frame {
    width:104px; height:78px; max-width:104px; align-self:center;
  }
  body.illustrations-refined-20261024 #main .illustrated-service-copy strong {
    min-height:0; font-size:20px; line-height:1.25; overflow-wrap:normal;
  }
  body.illustrations-refined-20261024 #main .illustrated-service-copy small {
    margin-top:6px; font-size:15.5px; line-height:1.4;
  }
  body.illustrations-refined-20261024 #main .illustrated-article-card > .art-frame {
    height:156px; margin-block:12px 0;
  }
  body.illustrations-refined-20261024 #main .illustrated-article-card > .art-frame > img {
    width:208px; height:156px;
  }
  body.illustrations-refined-20261024 #main .refined-battery-hero .page-hero-image {
    max-height:230px; height:auto; aspect-ratio:4/3;
  }
  body.illustrations-refined-20261024 #main .refined-article-figure { margin-block:24px; }
  body.illustrations-refined-20261024 #main .refined-article-figure .art-frame { width:280px; }
}
@media (max-width:359px) {
  body.illustrations-refined-20261024 #main .illustrated-service-links > a {
    grid-template-columns:88px minmax(0,1fr); gap:12px; padding:14px 10px;
  }
  body.illustrations-refined-20261024 #main .illustrated-service-links .art-frame { width:88px; max-width:88px; height:66px; }
  body.illustrations-refined-20261024 #main .illustrated-service-copy strong { font-size:18px; }
  body.illustrations-refined-20261024 #main .illustrated-service-copy small { font-size:15px; }
}

/* Derived from alpha silhouettes; original artwork pixels remain unchanged. */
body.illustrations-refined-20261024 img[src*="illustration-oil-"] { --art-scale:0.91443; --art-x:-2.2861%; --art-y:3.2328%; }
body.illustrations-refined-20261024 img[src*="illustration-brakes-"] { --art-scale:0.86122; --art-x:-1.7224%; --art-y:-0.3150%; }
body.illustrations-refined-20261024 img[src*="illustration-tyres-"] { --art-scale:0.88459; --art-x:-1.6033%; --art-y:0.3215%; }
body.illustrations-refined-20261024 img[src*="illustration-chassis-"] { --art-scale:0.88596; --art-x:-1.9934%; --art-y:0.2661%; }
body.illustrations-refined-20261024 img[src*="illustration-stk-"] { --art-scale:0.98571; --art-x:-0.7393%; --art-y:0.0218%; }
body.illustrations-refined-20261024 img[src*="illustration-diagnostics-"] { --art-scale:0.89802; --art-x:-0.4490%; --art-y:3.6713%; }
body.illustrations-refined-20261024 img[src*="illustration-timing-"] { --art-scale:0.82392; --art-x:-2.5748%; --art-y:-1.9005%; }
body.illustrations-refined-20261024 img[src*="illustration-clutch-"] { --art-scale:0.89004; --art-x:-1.7245%; --art-y:-3.1617%; }
body.illustrations-refined-20261024 img[src*="illustration-service-"] { --art-scale:0.84762; --art-x:-0.0530%; --art-y:2.3777%; }
body.illustrations-refined-20261024 img[src*="illustration-battery-"] { --art-scale:0.92843; --art-x:-1.4507%; --art-y:-4.5416%; }
body.illustrations-refined-20261024 img[src*="illustration-exhaust-"] { --art-scale:0.92749; --art-x:0.0580%; --art-y:2.4557%; }
