*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#20262d;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.8}a{color:#b9232e}a:hover{text-decoration-thickness:2px}.wrap{max-width:1120px;margin:auto;padding:0 22px}.topbar{background:#20262d;color:#fff;font-size:.76rem;letter-spacing:.12em}.topbar .wrap{padding-top:6px;padding-bottom:6px}.site-head{background:#fff;border-bottom:3px solid #d52d32}.head{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px;flex-wrap:wrap}.logo{font-size:1.6rem;font-weight:900;letter-spacing:-.04em;text-decoration:none;color:#20262d}.logo b{color:#d52d32}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{text-decoration:none;color:#263039;font-weight:700;font-size:.92rem}.hero{background:linear-gradient(120deg,#20262d,#3a434c);color:#fff;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;min-height:360px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.28;letter-spacing:-.05em;margin:12px 0}.hero p{color:#e1e6e9}.eyebrow{font-size:.77rem;font-weight:900;letter-spacing:.18em;color:#d52d32}.hero .eyebrow{color:#ff9ba1}.car-art{position:relative;height:170px;transform:rotate(-3deg)}.car-art:before{content:"";position:absolute;left:7%;right:7%;top:46%;height:43%;border-radius:70px 110px 22px 22px;background:#d52d32;box-shadow:inset 0 -18px #a41c26}.car-art:after{content:"";position:absolute;left:27%;right:25%;top:18%;height:49%;border-radius:100px 110px 0 0;background:linear-gradient(#e0edf5 5%,#91a6b4 8%,#273746 70%);border:9px solid #d52d32;border-bottom:0}.wheel{position:absolute;bottom:0;width:65px;height:65px;background:#161a1e;border:13px solid #303a42;border-radius:50%;z-index:2;box-shadow:inset 0 0 0 9px #bdc6cd}.wheel.left{left:19%}.wheel.right{right:16%}.section{padding:48px 0}.section.alt{background:#f4f6f7}.section h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 10px;letter-spacing:-.04em}.section-lead{color:#5b6570;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe3e7;border-radius:14px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 5px 18px #20262d0a;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#d52d32}.card h3{font-size:1.2rem;margin:8px 0}.card p{font-size:.92rem;color:#59636e;margin:0 0 16px}.card .go{margin-top:auto;color:#b9232e;font-weight:800}.tag{display:inline-block;font-size:.72rem;font-weight:900;color:#ae222b;background:#fff0f1;border-radius:4px;padding:3px 8px;align-self:flex-start}.page-title{background:#f4f6f7;border-bottom:1px solid #dfe3e7;padding:48px 0}.page-title h1{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.page-title p{max-width:750px;color:#59636e}.article{max-width:830px;padding-top:42px;padding-bottom:70px}.article h2{margin-top:40px;border-left:5px solid #d52d32;padding-left:14px}.article p,.article li{line-height:2}.notice{padding:17px 20px;background:#f4f6f7;border-left:4px solid #d52d32;border-radius:5px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.field label{display:block;font-weight:800;margin-bottom:7px}.field input,.field select{display:block;width:100%;font:inherit;padding:12px;border:2px solid #ccd3d9;border-radius:9px}.field input:focus,.field select:focus{outline:3px solid #f8c6ca;border-color:#d52d32}.result{background:#20262d;color:#fff;padding:24px;border-radius:14px;margin:24px 0}.result strong{display:block;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.3;color:#fff}.btn{display:inline-block;background:#d52d32;color:#fff;text-decoration:none;border-radius:8px;padding:10px 20px;font-weight:800}.muted{color:#626d78}.site-footer{background:#20262d;color:#dbe0e4;padding:40px 0}.site-footer a{color:#fff}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:10}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero .wrap{grid-template-columns:1fr}.car-art{max-width:460px}.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.grid,.formgrid{grid-template-columns:1fr}.nav{gap:10px}.head{padding:12px 22px}.hero .wrap{padding-top:36px;padding-bottom:35px}.section{padding:35px 0}}
/* MOTORCAR v2.1 editorial readability */
.article-extra{margin:32px 0 36px;padding-top:12px;border-top:1px solid #dfe3e7}.article-extra h3{margin:28px 0 8px;font-size:1.2rem;line-height:1.5}.article-extra p{max-width:74ch}.article-extra h2{margin-top:24px}


/* MOTORCAR V2.4 MOBILE USABILITY */
/* Input legibility, keyboard focus, touch targets; calculation logic untouched. */
.field input,.field select{min-height:52px;font-size:16px;line-height:1.4;background:#fff;color:#20262d}
.field label{line-height:1.55}
.field input:focus-visible,.field select:focus-visible{outline:3px solid #d52d32;outline-offset:2px}
a:focus-visible,.btn:focus-visible{outline:3px solid #d52d32;outline-offset:3px}
.result{overflow-wrap:anywhere}
.result strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:540px){
 .wrap{padding-left:18px;padding-right:18px}
 .formgrid{gap:18px;margin:22px 0}
 .field input,.field select{min-height:56px;padding:13px 14px}
 .field label{font-size:1rem}
 .result{padding:20px 18px;margin:22px 0}
 .result strong{font-size:clamp(1.7rem,7vw,2.3rem)}
 .nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px}
 .footer-links a{display:inline-flex;align-items:center;min-height:44px}
 .article{padding-top:30px;padding-bottom:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}

/* MOTORCAR V2.6 RESPONSIVE HEADER AND HERO */
/* Keep navigation visible without horizontal overflow. */
.hero .wrap > *{min-width:0}
.hero h1,.hero p{overflow-wrap:break-word}
.car-art{width:100%;min-width:0;max-width:460px;margin-inline:auto}
@media(max-width:800px){
 .hero .wrap{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:540px){
 .head{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding-top:12px;padding-bottom:10px}
 .head .logo{align-self:flex-start;font-size:1.5rem;line-height:1.4}
 .nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px 12px;width:100%;min-width:0}
 .nav a{min-height:44px;max-width:100%;overflow-wrap:anywhere;font-size:.9rem}
 .hero .wrap{grid-template-columns:minmax(0,1fr);gap:22px}
 .hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem);letter-spacing:-.04em}
 .hero p{max-width:100%}
 .car-art{height:clamp(115px,34vw,170px);transform:rotate(-2deg)}
 .wheel{width:clamp(42px,12vw,65px);height:clamp(42px,12vw,65px);border-width:clamp(8px,2.4vw,13px)}
}
@media(max-width:360px){
 .nav{gap:0 10px}
 .nav a{font-size:.85rem}
 .hero .eyebrow{letter-spacing:.08em}
}

/* MOTORCAR V2.7 HERO WIDTH CONTAINMENT */
/* The hero must fit narrow screens without cropping text or the car. */
@media(max-width:800px){
 .hero .wrap{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
 .hero .wrap>div{min-width:0;max-width:100%;width:100%}
 .hero h1,.hero p{max-width:100%;overflow-wrap:anywhere}
 .hero .car-art{display:block;width:100%;max-width:min(460px,100%);min-width:0;margin-inline:auto;transform:none}
}
@media(max-width:540px){
 .hero .wrap{padding-left:18px;padding-right:18px;gap:24px}
 .hero .car-art{height:clamp(115px,32vw,150px)}
 .hero .car-art:before{left:5%;right:5%}
 .hero .car-art:after{left:25%;right:25%}
 .hero .wheel.left{left:16%}
 .hero .wheel.right{right:14%}
}


/* MOTORCAR V4.7 MOBILE NAVIGATION */
/* Readable two-column touch navigation; desktop unchanged. */
@media (max-width:540px) {
  .head .nav {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .head .nav a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:48px;
    padding:10px 8px;
    border:1px solid #dfe3e7;
    border-radius:10px;
    background:#f4f6f7;
    color:#263039;
    font-size:1rem;
    font-weight:700;
    line-height:1.4;
    text-align:center;
    text-decoration:none;
    overflow-wrap:anywhere;
  }
  .head .nav a:focus-visible {
    outline:3px solid #d52d32;
    outline-offset:2px;
  }
}


/* MOTORCAR V4.8 CALCULATOR USABILITY */
/* Presentation only: no calculation logic changes. */
.formgrid > * {
  min-width:0;
}
.field {
  min-width:0;
}
.field label {
  font-size:1rem;
  line-height:1.6;
}
.field input,
.field select {
  max-width:100%;
  min-width:0;
  min-height:54px;
  font-size:1.0625rem;
  padding:13px 14px;
}
.result {
  min-width:0;
  overflow-wrap:anywhere;
}
.result strong {
  line-height:1.45;
  font-variant-numeric:tabular-nums;
}
@media (max-width:540px) {
  .formgrid {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .field label {
    font-size:1.0625rem;
  }
  .field input,
  .field select {
    min-height:58px;
    font-size:1.125rem;
    padding:14px 15px;
  }
  .result {
    padding:22px 20px;
    border-radius:14px;
  }
  .result strong {
    font-size:clamp(1.75rem,7vw,2.35rem);
  }
  .ev-result-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .ev-result-box {
    min-width:0;
    overflow-wrap:anywhere;
  }
}


/* MOTORCAR V4.9 MOBILE COMPACT */
@media (max-width:540px) {
  .page-title + .wrap.article:has(.formgrid) {
    padding-top:20px;
  }
  .formgrid {
    margin-top:16px;
    margin-bottom:16px;
  }
}


/* MOTORCAR V5.4 BRAND: scoped header/footer presentation only */
.site-head {
  background: linear-gradient(180deg,#ffffff 0%,#f7f8f9 100%);
  border-bottom: 3px solid #c32634;
  box-shadow: 0 3px 13px rgba(21,28,36,.10);
}
.site-head .head { min-height: 76px; }
.site-head .logo {
  display: inline-flex; align-items: center; gap: 11px;
  font-weight: 900; font-size: clamp(1.35rem,2.4vw,1.9rem);
  letter-spacing: -.045em; line-height: 1.1; text-decoration: none;
  color: #252a31; white-space: nowrap;
}
.site-head .logo b { color: #c32634; font-weight: 900; }
.site-head .logo::before {
  content: ""; display: inline-block; flex: 0 0 43px;
  width: 43px; height: 43px;
  background: url('/assets/img/motorcar-gauge.svg') center/contain no-repeat;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.16));
}
.site-head .nav a { font-weight: 700; }
.site-head .nav a:hover, .site-head .nav a:focus-visible { color: #bb1f30; }
.site-footer {
  color: #e9edf1;
  background-color: #20252c;
  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px),linear-gradient(180deg,#2c333b,#1d2229);
  border-top: 4px solid #bf2633;
}
.site-footer .wrap > strong {
  display: inline-flex; align-items: center; gap: 10px;
  color: #fff; font-size: 1.45rem; font-weight: 900;
  letter-spacing: -.025em;
}
.site-footer .wrap > strong::before {
  content: ""; display: inline-block; width: 34px; height: 34px;
  background: url('/assets/img/motorcar-gauge.svg') center/contain no-repeat;
}
.site-footer .footer-links a { font-weight: 650; }
.site-footer a:focus-visible, .site-head a:focus-visible { outline: 3px solid #f09b42; outline-offset: 3px; }
@media (max-width: 600px) {
  .site-head .head { min-height: 66px; }
  .site-head .logo { font-size: 1.3rem; gap: 8px; }
  .site-head .logo::before { width: 35px; height: 35px; flex-basis: 35px; }
}
/* END MOTORCAR V5.4 BRAND */


/* MOTORCAR V5.4.1 DARK BRAND CORRECTION
   Restore the approved dark gauge wordmark concept.
   Scope: header/footer only; all calculators untouched. */
.site-head {
  background: #242930;
  background-image: linear-gradient(115deg, #292f37 0%, #20252c 65%, #252b32 100%);
  border-bottom: 3px solid #c52a35;
  box-shadow: 0 3px 14px rgba(15,20,26,.16);
}
.site-head .head { min-height: 78px; }
.site-head .logo {
  color: #f8fafc;
  font-size: clamp(1.4rem, 2.35vw, 1.95rem);
  font-weight: 900;
  letter-spacing: -.045em;
  text-shadow: 0 1px 0 rgba(0,0,0,.14);
}
.site-head .logo b { color: #f04b54; font-weight: 900; }
.site-head .logo::before {
  width: 46px; height: 46px; flex-basis: 46px;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.30));
}
.site-head .nav a, .site-head .nav a:visited { color: #f1f3f5; font-weight: 700; }
.site-head .nav a:hover, .site-head .nav a:focus-visible { color: #ff9299; }
.site-head .logo:focus-visible, .site-head .nav a:focus-visible { outline: 3px solid #ffbd6d; outline-offset: 4px; }
.site-footer { background-color: #20252c; border-top-color: #c52a35; }
.site-footer .wrap > strong { color: #fff; }
@media (max-width: 760px) {
  .site-head .head { min-height: 66px; }
  .site-head .logo { font-size: 1.32rem; }
  .site-head .logo::before { width: 37px; height: 37px; flex-basis: 37px; }
}
/* END MOTORCAR V5.4.1 DARK BRAND CORRECTION */




/* MOTORCAR LOGO BALANCE V543 START */
.site-head .head { min-height: 76px !important; padding: 9px 0 !important; align-items: center !important; }
.site-head .logo {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 58px !important;
  padding: 0 0 16px 59px !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font: 900 27px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing: -0.9px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.site-head .logo b { color: #f04455 !important; font-weight: 900 !important; }
.site-head .logo::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 0 !important;
  background: transparent url('/assets/img/motorcar-flash-original.svg?v=543') center/contain no-repeat !important;
  box-shadow: none !important;
}
.site-head .logo::after {
  content: "AUTOMOTIVE KNOWLEDGE & TOOLS" !important;
  position: absolute !important;
  left: 59px !important;
  bottom: 3px !important;
  width: calc(100% - 59px) !important;
  text-align: center !important;
  font: 700 9px/1.1 Arial,Helvetica,sans-serif !important;
  letter-spacing: 0 !important;
  color: #c7cbd1 !important;
  white-space: nowrap !important;
}
@media(max-width:720px) {
 .site-head .head { min-height: 68px !important; }
 .site-head .logo { min-height: 52px !important; padding-left: 52px !important; padding-bottom: 15px !important; font-size: 24px !important; }
 .site-head .logo::before { width: 42px !important; height: 42px !important; }
 .site-head .logo::after { left: 52px !important; width: calc(100% - 52px) !important; font-size: 8px !important; }
}
/* MOTORCAR LOGO BALANCE V543 END */

/* MOTORCAR LOGO FINISH V544 START */
.site-head .logo {
  font-size: 23px !important;
  letter-spacing: -1.15px !important;
  font-weight: 900 !important;
  padding-left: 56px !important;
  padding-bottom: 14px !important;
  min-height: 55px !important;
}
.site-head .logo b {
  margin-left: -1.5px !important;
  color: #ef3340 !important;
}
.site-head .logo::before {
  width: 44px !important;
  height: 44px !important;
  background-image: url('/assets/img/motorcar-flash-metallic.svg?v=544') !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.22)) !important;
}
.site-head .logo::after {
  left: 56px !important;
  width: calc(100% - 56px) !important;
  font-size: 8px !important;
  bottom: 4px !important;
  letter-spacing: -.12px !important;
}
@media (max-width: 720px) {
 .site-head .logo { font-size: 21px !important; padding-left: 51px !important; min-height: 52px !important; }
 .site-head .logo::before { width: 40px !important; height: 40px !important; }
 .site-head .logo::after { left: 51px !important; width: calc(100% - 51px) !important; font-size: 7.5px !important; }
}
/* MOTORCAR LOGO FINISH V544 END */

/* MOTORCAR SUBTITLE TIGHTEN V545 START */
.site-head .logo::after {
  letter-spacing: -0.55px !important;
  transform: translateY(-1px) !important;
}
@media (max-width: 720px) {
  .site-head .logo::after {
    letter-spacing: -0.48px !important;
  }
}
/* MOTORCAR SUBTITLE TIGHTEN V545 END */

/* MOTORCAR HEADER PRECISION V546 START */
/* Keep the Flash meter; refine only the wordmark and header spacing. */
.site-head .head {
  box-sizing: border-box !important;
  padding-left: max(20px, env(safe-area-inset-left)) !important;
  padding-right: max(20px, env(safe-area-inset-right)) !important;
}
.site-head .logo {
  flex: 0 0 auto !important;
  font-size: 22px !important;
  min-height: 53px !important;
  padding-left: 55px !important;
  padding-bottom: 11px !important;
  letter-spacing: -1.2px !important;
  color: #f8f9fc !important;
  text-shadow: 0 1px 0 #9ca2ac, 0 -1px 0 rgba(255,255,255,.2) !important;
}
.site-head .logo b {
  margin-left: -1.5px !important;
  color: #e92b3d !important;
  text-shadow: 0 1px 0 #7d0715, 0 -1px 0 rgba(255,166,173,.48) !important;
}
.site-head .logo::before {
  width: 43px !important;
  height: 43px !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.25)) !important;
}
.site-head .logo::after {
  left: 55px !important;
  width: calc(100% - 55px) !important;
  bottom: 7px !important;
  font-size: 7.5px !important;
  line-height: 1 !important;
  letter-spacing: -.55px !important;
  transform: none !important;
  color: #bfc4cc !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.12) !important;
}
/* At narrower window widths, give navigation its own compact row. */
@media (max-width: 1080px) {
  .site-head .head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px 12px !important;
    padding-top: 8px !important;
    padding-bottom: 9px !important;
  }
  .site-head .nav {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px 18px !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .site-head .nav a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 28px !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #f2f3f5 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}
@media (max-width: 540px) {
  .site-head .head { padding-left: 16px !important; padding-right: 16px !important; }
  .site-head .logo { font-size: 21px !important; min-height: 50px !important; padding-left: 52px !important; padding-bottom: 10px !important; }
  .site-head .logo::before { width: 40px !important; height: 40px !important; }
  .site-head .logo::after { left: 52px !important; width: calc(100% - 52px) !important; font-size: 7.2px !important; bottom: 6px !important; }
  .site-head .nav { gap: 4px 14px !important; }
  .site-head .nav a { font-size: 12px !important; }
}
/* MOTORCAR HEADER PRECISION V546 END */

/* MOTORCAR WORDMARK TIGHT V547 START */
/* Tighten MOTOR/CAR and give the subtitle a compact bold appearance. */
.site-head .logo {
  letter-spacing: -1.65px !important;
}
.site-head .logo b {
  margin-left: -4px !important;
}
.site-head .logo::after {
  font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
  font-size: 7.7px !important;
  font-weight: 900 !important;
  letter-spacing: -0.35px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: scaleX(.88) !important;
  transform-origin: center center !important;
}
@media (max-width: 540px) {
  .site-head .logo::after {
    font-size: 7.3px !important;
    transform: scaleX(.85) !important;
  }
}
/* MOTORCAR WORDMARK TIGHT V547 END */

/* MOTORCAR WORDMARK CENTER V548 START */
/* Shift only the visible MOTORCAR text right; keep icon and subtitle anchored. */
.site-head .logo {
  padding-left: 60px !important;
}
.site-head .logo::after {
  left: 55px !important;
  width: calc(100% - 60px) !important;
}
@media (max-width: 540px) {
  .site-head .logo { padding-left: 57px !important; }
  .site-head .logo::after {
    left: 52px !important;
    width: calc(100% - 57px) !important;
  }
}
/* MOTORCAR WORDMARK CENTER V548 END */

/* MOTORCAR PIANO BLACK HEADER V549 START */
/* Background finish only. Logo, navigation, geometry and page content stay untouched. */
.site-head {
  background-color: #080b10 !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.095) 0%, rgba(255,255,255,.028) 2%, rgba(255,255,255,0) 18%, rgba(0,0,0,.18) 67%, rgba(0,0,0,.37) 100%),
    linear-gradient(112deg, #171d25 0%, #10151c 26%, #080b10 58%, #121820 100%) !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.42) !important;
}
/* MOTORCAR PIANO BLACK HEADER V549 END */

/* MOTORCAR DEEP METALLIC RED DIVIDER V550 START */
/* Only the lower edge of the shared header. */
.site-head {
  border-bottom: 3px solid #65000e !important;
  border-image: linear-gradient(90deg,
    #48000b 0%, #870015 18%, #d3172c 43%,
    #ff5362 49.7%, #f9a0a7 50%, #b90820 51%,
    #760014 78%, #450009 100%) 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09),
              inset 0 -1px 0 rgba(255,99,110,.35),
              0 2px 5px rgba(63,0,10,.24) !important;
}
/* MOTORCAR DEEP METALLIC RED DIVIDER V550 END */


/* MOTORCAR DIVIDER NO GLARE V551 START */
.site-head {
  border-bottom: 0 !important;
  background-image:
    linear-gradient(
      to bottom,
      #e12a37 0%,
      #a50017 45%,
      #58000d 100%
    ) !important;
  background-size: 100% 3px !important;
  background-position: bottom left !important;
  background-repeat: no-repeat !important;
}
.site-head::after {
  background: none !important;
  box-shadow: none !important;
}
/* MOTORCAR DIVIDER NO GLARE V551 END */


/* MOTORCAR HEADER HEIGHT V552 START */
@media (min-width: 1081px) {
  .site-head .head {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}
@media (max-width: 1080px) {
  .site-head .head {
    padding-top: 13px !important;
    padding-bottom: 14px !important;
  }
}
/* MOTORCAR HEADER HEIGHT V552 END */


/* MOTORCAR WORDMARK FINISH V553 START */

/* Metallic resin finish for MOTOR */
.site-head .logo {
  letter-spacing: -1.8px !important;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #ffffff 27%,
    #e6ebf1 43%,
    #ffffff 54%,
    #aeb7c2 88%,
    #f7f9fc 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

/* Deep glossy metallic red for CAR */
.site-head .logo b {
  margin-left: -5px !important;
  display: inline !important;
  background: linear-gradient(
    180deg,
    #ff9ba2 0%,
    #ff4658 24%,
    #ed1d35 48%,
    #a5001b 84%,
    #ed3447 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

/* Raise the compact subtitle slightly */
.site-head .logo::after {
  bottom: 9px !important;
  -webkit-text-fill-color: #c7cbd2 !important;
  color: #c7cbd2 !important;
  background: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
}

@media (max-width: 1080px) {
  .site-head .logo::after {
    bottom: 8px !important;
  }
}

/* MOTORCAR WORDMARK FINISH V553 END */


/* MOTORCAR WORDMARK ALIGN V554 START */

/* MOTOR and CAR: visually one continuous word */
.site-head .logo {
  letter-spacing: -1.9px !important;
  font-kerning: normal !important;
}

/* Remove extra gap at the color boundary */
.site-head .logo b {
  margin-left: -6px !important;
}

/* Center subtitle beneath the visible wordmark */
.site-head .logo::after {
  left: 60px !important;
  width: calc(100% - 60px) !important;
  text-align: center !important;
  bottom: 10px !important;
  transform: none !important;
  letter-spacing: -0.45px !important;
}

@media (max-width: 1080px) {
  .site-head .logo::after {
    left: 57px !important;
    width: calc(100% - 57px) !important;
    bottom: 9px !important;
  }
}

/* MOTORCAR WORDMARK ALIGN V554 END */

/* MOTORCAR NEWLOGO WORDMARK V555 START */
/* Keep the black header and crimson divider untouched. */
.site-head .logo {
  padding-left: 64px !important;
  letter-spacing: -2.05px !important;
  font-kerning: normal !important;
}
.site-head .logo b {
  margin-left: -7px !important;
}
.site-head .logo::before {
  background-image: url('/assets/img/motorcar-newlogo-metallic-v555.svg') !important;
  background-position: center !important;
  background-size: contain !important;
}
.site-head .logo::after {
  left: 64px !important;
  width: calc(100% - 64px) !important;
  text-align: center !important;
  bottom: 10px !important;
  transform: scaleX(.88) !important;
  transform-origin: center !important;
}
@media (max-width: 1080px) {
  .site-head .logo { padding-left: 61px !important; }
  .site-head .logo::after { left: 61px !important; width: calc(100% - 61px) !important; bottom: 9px !important; }
}
/* MOTORCAR NEWLOGO WORDMARK V555 END */


/* MOTORCAR HEADER FINISH V556 START */
/* Keep existing black header, red divider and metallic SVG unchanged. */
.site-head .logo {
  letter-spacing: -1.1px !important;
  font-kerning: normal !important;
  padding-left: 68px !important; /* v555 64px + requested 4px */
}
.site-head .logo b { margin-left: -7px !important; }
.site-head .logo::after {
  left: 68px !important;
  width: calc(100% - 68px) !important;
  bottom: 8px !important;
  transform: none !important;
  transform-origin: center !important;
  letter-spacing: 0 !important;
  font-kerning: normal !important;
  font-stretch: normal !important;
  font-weight: 600 !important;
  font-size: 6px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  text-align: center !important;
  overflow: visible !important;
}
@media (max-width: 1080px) {
  .site-head .logo { padding-left: 65px !important; }
  .site-head .logo::after { left: 65px !important; width: calc(100% - 65px) !important; bottom: 8px !important; }
}
/* MOTORCAR HEADER FINISH V556 END */

/* MOTORCAR COMPACT HEADER V558 START */
/* Final compact layout; NewLogo SVG remains unchanged. */
.site-head { background:#252a30 !important; background-image:none !important; }
.site-head .logo {
  position:relative !important; display:inline-block !important;
  box-sizing:border-box !important; width:auto !important; max-width:100% !important;
  min-height:82px !important; padding:13px 0 23px 86px !important;
  margin:0 !important; font-size:34px !important; font-weight:900 !important;
  line-height:1.1 !important; letter-spacing:-0.7px !important;
  white-space:nowrap !important; vertical-align:middle !important;
  text-decoration:none !important; transform:none !important;
}
.site-head .logo b {
  margin-left:-2px !important; letter-spacing:-0.7px !important;
  font-size:inherit !important; line-height:inherit !important;
}
.site-head .logo::before {
  content:'' !important; position:absolute !important;
  left:0 !important; top:50% !important; transform:translateY(-50%) !important;
  width:70px !important; height:70px !important;
  background-image:url('/assets/img/motorcar-newlogo-metallic-v555.svg') !important;
  background-size:contain !important; background-position:center !important;
  background-repeat:no-repeat !important;
}
.site-head .logo::after {
  content:'AUTOMOTIVE KNOWLEDGE & TOOLS' !important;
  position:absolute !important; display:block !important;
  left:86px !important; right:auto !important; top:auto !important;
  bottom:10px !important; width:max-content !important; max-width:none !important;
  height:auto !important; margin:0 !important; padding:0 !important;
  font-size:11px !important; line-height:1.2 !important;
  font-weight:650 !important; letter-spacing:0 !important;
  word-spacing:normal !important; white-space:nowrap !important;
  text-align:left !important; transform:none !important; opacity:1 !important;
}
@media (max-width:1080px) {
  .site-head .logo { min-height:74px !important; padding:12px 0 21px 76px !important; font-size:29px !important; }
  .site-head .logo::before { width:62px !important; height:62px !important; }
  .site-head .logo::after { left:76px !important; bottom:9px !important; font-size:9px !important; }
}
@media (max-width:480px) {
  .site-head .logo { min-height:65px !important; padding:9px 0 20px 65px !important; font-size:25px !important; }
  .site-head .logo::before { width:54px !important; height:54px !important; }
  .site-head .logo::after { left:65px !important; bottom:8px !important; font-size:8px !important; }
}
/* MOTORCAR COMPACT HEADER V558 END */

/* MOTORCAR NATURAL WORDMARK V559 START */
/* Override old negative kerning and CAR margin; keep original metallic SVG. */
.site-head .logo {
  display:inline-block !important;
  position:relative !important;
  box-sizing:border-box !important;
  min-height:55px !important;
  padding:10px 0 18px 54px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:normal !important;
  font-kerning:normal !important;
  word-spacing:normal !important;
  white-space:nowrap !important;
}
.site-head .logo b {
  display:inline !important;
  margin-left:0 !important;
  padding-left:0 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
}
.site-head .logo::before {
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:43px !important;
  height:43px !important;
  background-image:url('/assets/img/motorcar-newlogo-metallic-v555.svg') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}
.site-head .logo::after {
  left:54px !important;
  right:auto !important;
  bottom:8px !important;
  width:max-content !important;
  max-width:none !important;
  font:700 8px/1.15 Arial,Helvetica,sans-serif !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
  text-align:left !important;
  white-space:nowrap !important;
  transform:none !important;
}
@media (max-width:1080px) {
  .site-head .logo {min-height:52px !important;padding:9px 0 17px 51px !important;font-size:22px !important;}
  .site-head .logo::before {width:40px !important;height:40px !important;}
  .site-head .logo::after {left:51px !important;bottom:7px !important;font-size:7.5px !important;}
}
@media (max-width:600px) {
  .site-head .logo {min-height:49px !important;padding:8px 0 16px 47px !important;font-size:20px !important;}
  .site-head .logo::before {width:37px !important;height:37px !important;}
  .site-head .logo::after {left:47px !important;bottom:6px !important;font-size:7px !important;}
}
/* MOTORCAR NATURAL WORDMARK V559 END */

/* MOTORCAR FINAL SPACING V5510 START */
/* Small natural gap between MOTOR and CAR; center subtitle under the wordmark. */
.site-head .logo {
  width:224px !important;
  max-width:none !important;
  letter-spacing:normal !important;
}
.site-head .logo b {
  margin-left:3px !important;
  letter-spacing:normal !important;
}
.site-head .logo::after {
  left:45px !important;
  right:auto !important;
  width:170px !important;
  max-width:none !important;
  text-align:center !important;
  letter-spacing:normal !important;
}
@media (max-width:1080px) {
  .site-head .logo {width:209px !important;}
  .site-head .logo b {margin-left:2px !important;}
  .site-head .logo::after {left:43px !important;width:158px !important;}
}
@media (max-width:600px) {
  .site-head .logo {width:192px !important;}
  .site-head .logo b {margin-left:2px !important;}
  .site-head .logo::after {left:39px !important;width:145px !important;}
}
/* MOTORCAR FINAL SPACING V5510 END */


/* MOTORCAR NAV RESPONSIVE REPAIR V56 START */
/* Navigation geometry only: approved logo and subtitle untouched. */
@media (min-width: 901px) {
  .site-head .head {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
  }
  .site-head .nav {
    display: flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
  }
}
@media (max-width: 900px) {
  .site-head .head {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
  }
  .site-head .nav {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
  }
}
@media (max-width: 420px) {
  .site-head .nav { gap: 0 12px !important; }
  .site-head .nav a { font-size: 11px !important; white-space: nowrap !important; }
}
/* MOTORCAR NAV RESPONSIVE REPAIR V56 END */

/* MOTORCAR FOOTER V561 START */
.site-footer .wrap > strong.footer-brand {
  display:inline-flex; align-items:center; gap:0;
  color:#f5f7fa; font-weight:900; letter-spacing:normal;
}
.site-footer .wrap > strong.footer-brand::before {
  content:""; display:inline-block; flex:none;
  width:34px; height:34px; margin-right:10px;
  background-image:url('/assets/img/motorcar-newlogo-metallic-v555.svg'); background-position:center;
  background-size:contain; background-repeat:no-repeat;
}
.site-footer .wrap > strong.footer-brand span { color:#ec3546; }
/* MOTORCAR FOOTER V561 END */

/* MOTORCAR FOOTER BRAND FINISH V562 START */
.site-footer .wrap > strong.footer-brand-wordmark {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 0 14px 44px !important;
  margin: 0 0 4px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  line-height: 34px !important;
  font-weight: 900 !important;
  letter-spacing: -0.6px !important;
  white-space: nowrap !important;
}
.site-footer .wrap > strong.footer-brand-wordmark::before {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
}
.site-footer .footer-brand-motor { color: #f7f8fa !important; font-weight: 900 !important; }
.site-footer .footer-brand-car { color: #e33243 !important; font-weight: 900 !important; margin: 0 !important; }
.site-footer .wrap > strong.footer-brand-wordmark::after {
  content: "AUTOMOTIVE KNOWLEDGE & TOOLS" !important;
  position: absolute !important;
  left: 44px !important;
  right: 0 !important;
  bottom: 1px !important;
  display: block !important;
  color: #e6e9ed !important;
  font: 700 8px/11px Arial, Helvetica, sans-serif !important;
  letter-spacing: -0.25px !important;
  text-align: center !important;
  white-space: nowrap !important;
}
@media (max-width: 420px) {
  .site-footer .wrap > strong.footer-brand-wordmark { font-size: 21px !important; }
}
/* MOTORCAR FOOTER BRAND FINISH V562 END */

/* MOTORCAR FOOTER HEADER ICON SYNC V563 START */
/* Match the footer gauge to the actual header SVG; preserve all other branding. */
.site-footer .wrap > strong.footer-brand-wordmark::before {
  background-image: url("/assets/img/motorcar-newlogo-metallic-v555.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
/* MOTORCAR FOOTER HEADER ICON SYNC V563 END */

/* MOTORCAR FOOTER VERTICAL ALIGN V564 START */
.site-footer .wrap > strong.footer-brand-wordmark {
  line-height: 29px !important;
  padding-top: 0 !important;
  padding-bottom: 12px !important;
  vertical-align: middle !important;
}
.site-footer .wrap > strong.footer-brand-wordmark::before {
  top: 4px !important;
}
.site-footer .wrap > strong.footer-brand-wordmark::after {
  bottom: 0 !important;
  line-height: 11px !important;
}
/* MOTORCAR FOOTER VERTICAL ALIGN V564 END */