.cfg-component-nav { margin: 22px 0 30px; padding: 20px 22px; border-radius: 14px; background: #f8f2e9; }
.cfg-component-nav strong { display: block; margin-bottom: 10px; }
.cfg-component-nav__links { display: flex; flex-wrap: wrap; gap: 9px; }
.cfg-component-nav__links a { display: inline-block; padding: 8px 12px; border: 1px solid #d9c4aa; border-radius: 99px; color: #573d28; background: #fff; text-decoration: none; }
.cfg-component-nav__links a:hover, .cfg-component-nav__links a:focus { text-decoration: underline; }
.cfg-component-section { scroll-margin-top: 92px; }
.cfg-wizard { margin: 28px 0; padding: 22px; border: 1px solid #d9c4aa; border-radius: 14px; background: #fff9f0; }
.cfg-wizard h2, .cfg-wizard h3 { margin-top: 0; }
.cfg-wizard__options { display: flex; flex-wrap: wrap; gap: 10px; }
.cfg-wizard button { padding: 10px 14px; border: 1px solid #77553c; border-radius: 8px; background: #fff; color: #3f2c20; cursor: pointer; font: inherit; }
.cfg-wizard button:hover, .cfg-wizard button:focus-visible { background: #f4e7d6; outline: 2px solid #77553c; outline-offset: 2px; }
.cfg-wizard__controls { display: flex; gap: 10px; margin-top: 18px; }
.cfg-wizard [hidden] { display: none !important; }
.cfg-parts { margin: 30px 0; scroll-margin-top: 92px; }
.cfg-parts__table { overflow-x: auto; }
.cfg-parts table { border-collapse: collapse; width: 100%; min-width: 690px; }
.cfg-parts th, .cfg-parts td { padding: 10px; border: 1px solid #dfd5c9; text-align: left; vertical-align: top; }
.cfg-parts thead { background: #f8f2e9; }
@media (max-width: 600px) { .cfg-wizard, .cfg-component-nav { padding: 16px; } .cfg-wizard__options { display: grid; } }
/* The existing homepage card targets an empty, noindex archive. Show it only after real part guides exist. */
.cfg-errors { max-width: 1000px; margin: 25px auto 55px; }
.cfg-errors__intro, .cfg-errors__review { padding: 18px 21px; border-radius: 12px; background: #f8f2e9; }
.cfg-errors__finder { margin: 26px 0; padding: 22px; border: 1px solid #d9c4aa; border-radius: 14px; background: #fffaf3; }
.cfg-errors__finder h2 { margin: 0 0 15px; font-size: 1.35rem; }
.cfg-errors__fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.cfg-errors__fields label { display: grid; gap: 7px; font-weight: 700; }
.cfg-errors__fields select { width: 100%; min-width: 0; min-height: 44px; padding: 9px; border: 1px solid #aa9078; border-radius: 8px; background: white; font: inherit; }
.cfg-errors__finder button { margin-top: 18px; padding: 11px 16px; border: 0; border-radius: 8px; background: #583c29; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.cfg-errors__finder button:disabled { opacity: .5; cursor: default; }
.cfg-errors__finder select:focus-visible, .cfg-errors__finder button:focus-visible { outline: 3px solid #a86339; outline-offset: 2px; }
.cfg-errors__brands { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0; }
.cfg-errors__brands a { padding: 9px 13px; border: 1px solid #d9c4aa; border-radius: 25px; background: #fff; color: #563b29; text-decoration: none; }
.cfg-errors__brands a[aria-current], .cfg-errors__brands a:hover { background: #583c29; color: white; }
.cfg-errors__brand { margin: 34px 0; }
.cfg-errors__model { margin: 24px 0; }
.cfg-errors__model h3 { margin-bottom: 5px; }
.cfg-errors__scope { color: #62564b; font-size: .95rem; }
.cfg-errors__summary li { margin: 12px 0; }
.cfg-errors__summary span, .cfg-errors__kind { color: #785535; font-size: .88rem; font-weight: 700; }
.cfg-errors__card { margin: 22px 0; padding: 23px 27px; border: 1px solid #e2d5c7; border-radius: 14px; background: #fffefa; scroll-margin-top: 90px; }
.cfg-errors__legacy-anchor { display: block; height: 0; scroll-margin-top: 90px; }
.cfg-errors__card h4 { margin: 0 0 16px; font-size: 1.4rem; }
.cfg-errors__card h5 { margin: 19px 0 5px; font-size: 1rem; }
.cfg-errors__card ul, .cfg-errors__card ol { margin-top: 5px; }
.cfg-errors__kind { margin: 0 0 5px; text-transform: uppercase; letter-spacing: .05em; }
.cfg-errors__note { padding: 12px; border-left: 3px solid #ab754b; background: #f9f1e5; }
.cfg-errors__links { margin-bottom: 0; border-top: 1px solid #e2d5c7; padding-top: 14px; }
@media (max-width: 600px) { .cfg-errors__card, .cfg-errors__finder { padding: 18px; } .cfg-errors__fields { grid-template-columns: 1fr; } }
.cfg-model-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 42%); gap: 28px; align-items: center; }
.cfg-model-hero h1 { margin-bottom: 12px; }
.cfg-model-code { margin: 0 0 12px; }
.cfg-model-all { display: inline-block; margin-top: 8px; }
.cfg-model-image { margin: 0; }
.cfg-model-image img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain; border-radius: 14px; background: #f8f2e9; }
.cfg-model-image figcaption { margin-top: 8px; font-size: .83rem; color: #61564c; }
.cfg-model-facts { margin: 26px 0; padding: 22px; border: 1px solid #e5dacb; border-radius: 14px; background: #fffdf9; }
.cfg-model-facts h2 { margin-top: 0; }
.cfg-model-facts h3 { margin-bottom: 6px; }
.cfg-model-facts ul { margin-top: 0; }
.cfg-model-scope { max-width: 75ch; }
.cfg-model-source { font-size: .9rem; }
.cfg-model-manual, .cfg-model-parts { scroll-margin-top: 90px; }
.cfg-model-finder { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 22px 0 35px; padding: 22px; background: #f8f2e9; border-radius: 14px; }
.cfg-model-finder p { width: 100%; margin: 0 0 5px; }
.cfg-model-finder label { display: grid; gap: 5px; }
.cfg-model-finder select, .cfg-model-finder button { min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid #aa9078; border-radius: 8px; background: white; color: #34281f; font: inherit; }
.cfg-model-finder #cfg-model-choice { min-width: 240px; }
.cfg-model-finder button { background: #553b2a; color: white; cursor: pointer; }
.cfg-model-finder button:disabled { opacity: .5; cursor: default; }
.cfg-model-finder select:focus-visible, .cfg-model-finder button:focus-visible, .cfg-model-tile:focus-visible { outline: 3px solid #ae6941; outline-offset: 2px; }
.cfg-model-directory { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 8px 24px; }
.cfg-model-directory__brand { margin: 18px 0; min-width: 0; }
.cfg-model-directory__brand--many { grid-column: 1 / -1; }
.cfg-model-directory__grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 18px; }
.cfg-model-tile { display: grid; align-content: start; gap: 6px; padding: 14px; border: 1px solid #e5dacb; border-radius: 12px; color: #34281f; text-decoration: none; background: #fff; }
.cfg-model-tile:hover { border-color: #967658; box-shadow: 0 4px 15px #34281f14; }
.cfg-model-tile img { width: 100%; height: 160px; object-fit: cover; border-radius: 8px; }
.cfg-model-tile span { font-size: .88rem; color: #61564c; }
@media (max-width: 700px) { .cfg-model-hero { grid-template-columns: 1fr; } .cfg-model-image img { max-height: 280px; } .cfg-model-finder { display: grid; } .cfg-model-finder select, .cfg-model-finder #cfg-model-choice { width: 100%; min-width: 0; } .cfg-model-directory { grid-template-columns: 1fr; } }
.cfg-diagnose { max-width: 1040px; margin: 24px auto; }
.cfg-diagnose > h2 { margin-top: 0; }
.cfg-diagnose__picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px 14px; padding: 22px; border-radius: 16px; background: #f8f2e9; }
.cfg-diagnose__picker label { font-weight: 700; }
.cfg-diagnose__picker select { grid-row: 2; width: 100%; min-width: 0; min-height: 46px; padding: 9px 12px; border: 1px solid #aa9078; border-radius: 8px; font: inherit; background: white; color: #34281f; }
.cfg-diagnose__picker button { grid-column: 1/-1; justify-self: start; margin-top: 12px; padding: 11px 18px; border: 0; border-radius: 8px; background: #603b29; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.cfg-diagnose__picker button:disabled { opacity: .5; cursor: default; }
.cfg-diagnose__availability { min-height: 1.5em; }
.cfg-diagnose__stage { margin: 26px 0; padding: 24px; border: 1px solid #e3d5c5; border-radius: 16px; background: #fffdf9; }
.cfg-diagnose__stage[hidden], .cfg-diagnose__controls [hidden] { display: none !important; }
.cfg-diagnose__stage h3 { margin: 3px 0 14px; }
.cfg-diagnose__progress { margin: 0; color: #825a3c; font-weight: 700; }
.cfg-diagnose__choices { display: flex; flex-wrap: wrap; gap: 10px; }
.cfg-diagnose__choices button, .cfg-diagnose__controls button { padding: 11px 15px; border: 1px solid #987b63; border-radius: 8px; background: white; color: #3f2c20; font: inherit; cursor: pointer; }
.cfg-diagnose__choices button:hover, .cfg-diagnose__controls button:hover { background: #f7ead9; }
.cfg-diagnose__picker select:focus-visible, .cfg-diagnose button:focus-visible { outline: 3px solid #a86339; outline-offset: 2px; }
.cfg-diagnose__controls { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.cfg-diagnose__causes { display: grid; gap: 14px; margin-top: 18px; }
.cfg-diagnose__causes > h4 { margin: 4px 0 0; }
.cfg-diagnose__cause { padding: 18px 20px; border: 1px solid #e5dacb; border-radius: 12px; background: #fff; }
.cfg-diagnose__cause h4 { margin: 7px 0 14px; }
.cfg-diagnose__cause dl { display: grid; grid-template-columns: minmax(120px,180px) minmax(0,1fr); gap: 8px 18px; margin: 0; }
.cfg-diagnose__cause dt { font-weight: 700; color: #62432e; }
.cfg-diagnose__cause dd { margin: 0; }
.cfg-diagnose__priority { display: inline-block; padding: 4px 10px; border-radius: 99px; background: #f4e4cf; color: #523521; font-size: .86rem; font-weight: 700; }
.cfg-diagnose__parts { padding: 12px 14px; border-radius: 8px; background: #f8f2e9; }
.cfg-diagnose__parts h5, .cfg-diagnose__parts p { margin: 0 0 7px; }
.cfg-diagnose__source, .cfg-diagnose__note { color: #5f564d; font-size: .9rem; }
.cfg-parts-directory { max-width: 1060px; margin: 22px auto 50px; }
.cfg-parts-directory__nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.cfg-parts-directory__nav a { padding: 9px 13px; border-radius: 40px; border: 1px solid #cbb59f; background: #fffaf4; }
.cfg-parts-directory__model { padding: 20px 0; border-top: 1px solid #e3d5c5; scroll-margin-top: 100px; }
.cfg-parts-directory__model h2 { margin-top: 0; }
.cfg-parts-directory__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(265px,1fr)); gap: 16px; }
.cfg-parts-directory__card { padding: 18px; border: 1px solid #dfd2c3; border-radius: 12px; background: #fff; overflow-wrap: anywhere; }
.cfg-parts-directory__card h3 { margin: 4px 0 12px; }
.cfg-parts-directory__kind { color: #704932; font-size: .88rem; font-weight: 700; }
.cfg-parts-directory__checked { color: #62564b; font-size: .85rem; }
@media (max-width: 700px) { .cfg-diagnose__picker { display: flex; flex-direction: column; padding: 16px; } .cfg-diagnose__picker label:not(:first-child) { margin-top: 8px; } .cfg-diagnose__picker button { align-self: stretch; } .cfg-diagnose__stage { padding: 16px; } .cfg-diagnose__choices { display: grid; } .cfg-diagnose__cause dl { grid-template-columns: 1fr; gap: 3px; } .cfg-diagnose__cause dd { margin-bottom: 10px; } }
.cfg-compare{max-width:900px;margin:2rem auto;padding:1.5rem;border:1px solid #dfd5c9;border-radius:16px;background:#fffaf4;color:#28221d}
.cfg-compare h2,.cfg-compare h3{color:#3d2819}
.cfg-compare__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.cfg-compare label{display:block;font-weight:650;line-height:1.5}
.cfg-compare input[type=number],.cfg-compare select{display:block;box-sizing:border-box;width:100%;margin:.35rem 0 0;padding:.7rem;border:1px solid #867a70;border-radius:8px;background:#fff;color:#211b17;font:inherit}
.cfg-compare__check{margin:.8rem 0;font-weight:400!important}
.cfg-compare__check input{margin-right:.5rem}
.cfg-compare button{margin:1rem 0;padding:.8rem 1.2rem;border:0;border-radius:8px;background:#724125;color:white;font:inherit;font-weight:700;cursor:pointer}
.cfg-compare button:hover,.cfg-compare button:focus{background:#563019}
.cfg-compare__result{margin:1.4rem 0;padding:1.2rem;border-left:5px solid #724125;background:#f4ede5}
.cfg-compare__result[hidden]{display:none}
.cfg-compare__note{font-size:.9rem;color:#4d463f}
@media(max-width:650px){.cfg-compare{padding:1rem}.cfg-compare__grid{grid-template-columns:1fr}}
.cfg-guide-products{margin:1.6rem 0;padding:1.25rem 1.5rem;border:1px solid #d7c9ba;border-radius:12px;background:#fcf8f2}
.cfg-guide-products h2{margin-top:0}
.cfg-guide-products ul{padding-left:1.3rem}
.cfg-guide-products li{margin:.6rem 0}
.cfg-parts-directory__paid{padding:.75rem 1rem;background:#f8efe5;border-left:3px solid #724125}