/* Boardwork optional coating guide — 2026-09-16 */
.coating-guide-section { background:linear-gradient(180deg, #ffffff 0%, #f7fafc 100%); }
.coating-guide { max-width:1000px; margin:0 auto; padding:40px; border:1px solid #d9e1ea; border-left:5px solid #c0a15a; background:#f8fafc; box-shadow:0 12px 30px rgba(20,37,59,.07); }
.coating-guide__header { margin-bottom:22px; }
.coating-guide__eyebrow { margin:0 0 6px; color:#c0a15a; font-family:var(--heading); font-size:13px; font-weight:700; letter-spacing:.18em; line-height:1.3; }
.coating-guide__header h2 { margin:0; color:#14243a; font-family:var(--heading); font-size:clamp(25px,2.7vw,34px); font-weight:700; letter-spacing:.015em; line-height:1.45; }
.coating-guide__mobile-break { display:none; }
.coating-guide__lead { max-width:910px; margin:0 0 27px; color:#2d3d52; font-size:16px; line-height:2; }
.coating-guide__features { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.coating-guide__feature { min-height:100%; padding:23px 21px; border:1px solid #d7e0e9; background:#ffffff; transition:border-color .32s var(--ease-out), box-shadow .32s var(--ease-out), transform .32s var(--ease-spring); }
.coating-guide__feature:hover { border-color:#ffc19b; box-shadow:0 14px 25px rgba(20,37,59,.1); transform:translateY(-3px); }
.coating-guide__feature h3 { display:flex; align-items:center; gap:8px; margin:0 0 9px; color:#14243a; font-family:var(--heading); font-size:17px; font-weight:700; line-height:1.55; }
.coating-guide__feature h3::before { content:"◆"; flex:0 0 auto; color:var(--accent); font-size:11px; }
.coating-guide__feature p { margin:0; color:#162438; font-size:15px; line-height:1.9; }
.coating-guide__footer { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:27px; padding-top:21px; border-top:1px solid #d2dce6; }
.coating-guide__footer p { margin:0; color:#405168; font-size:14px; line-height:1.8; }
.coating-guide__button { flex:0 0 auto; white-space:nowrap; }
@media (max-width:760px) {
  .coating-guide { padding:28px 20px; border-left-width:4px; }
  .coating-guide__header h2 { font-size:25px; }
  .coating-guide__mobile-break { display:block; }
  .coating-guide__lead { margin-bottom:22px; font-size:16px; line-height:1.95; }
  .coating-guide__features { grid-template-columns:1fr; gap:13px; }
  .coating-guide__feature { padding:20px 18px; }
  .coating-guide__feature:hover { transform:none; }
  .coating-guide__feature h3 { font-size:17px; }
  .coating-guide__feature p { font-size:16px; }
  .coating-guide__footer { align-items:flex-start; flex-direction:column; gap:18px; margin-top:22px; padding-top:19px; }
  .coating-guide__footer p { font-size:14px; }
  .coating-guide__button { width:100%; justify-content:center; }
}

/* Direct links to the optional coating guide settle below the fixed site header. */
#bodywork-coating { scroll-margin-top: 40px; }
@media (max-width:760px) {
  #bodywork-coating { scroll-margin-top: 0; }
}
/* Product logos supplied by BODY SHOP HIRAMATSU. */
.coating-guide__logo { display:flex; align-items:center; min-height:50px; margin:0 0 10px; }
.coating-guide__logo img { display:block; width:auto; max-width:100%; max-height:46px; object-fit:contain; object-position:left center; }
@media (max-width:760px) {
  .coating-guide__logo { min-height:48px; margin-bottom:9px; }
  .coating-guide__logo img { max-height:44px; }
}