:root {
    --home-forest:#214f45;
    --home-leaf:#2f6658;
    --home-mint:#dce9df;
    --home-paper:#f8f7f1;
    --home-coral:#c45e44;
    --home-ink:#1f302c;
}
.home-parts-page { --parts-navy:var(--home-forest); --parts-blue:var(--home-leaf); --parts-amber:#a84b36; --parts-paper:var(--home-paper); --parts-panel:var(--home-mint); --parts-ink:var(--home-ink); }
.home-parts-hero { background:linear-gradient(115deg,#173d36 0 57%,#2f6658 57%); }
.home-parts-page .parts-kicker { color:#f2be96; }
.home-parts-page .parts-search button,.home-parts-page .parts-button { color:#fff; background:var(--home-coral); border-color:#913f2e; }
.home-parts-page .parts-search button:hover,.home-parts-page .parts-button:hover { background:#d16c52; }
.pegboard-scene { position:relative; min-height:460px; overflow:hidden; background-color:#dce9df; background-image:radial-gradient(circle,#55746b 2px,transparent 2.5px); background-size:28px 28px; border:12px solid #f5f0e4; box-shadow:0 20px 48px rgba(4,22,18,.24); }
.pegboard-scene::before { content:""; position:absolute; inset:8% 7%; border:1px solid rgba(33,79,69,.25); }
.peg-label { position:absolute; z-index:2; padding:.45rem .7rem; color:#fff; background:var(--home-forest); font:700 .78rem/1 "Source Sans 3",sans-serif; letter-spacing:.12em; }
.peg-label-a { top:16%; left:13%; transform:rotate(-2deg); }
.peg-label-b { right:13%; top:48%; transform:rotate(2deg); }
.peg-label-c { left:29%; bottom:12%; }
.peg-piece { position:absolute; display:block; background:#fff; border:2px solid var(--home-forest); box-shadow:7px 8px 0 rgba(33,79,69,.12); }
.peg-piece-a { width:35%; height:17%; top:28%; left:14%; border-radius:2px 2px 18px 18px; }
.peg-piece-b { width:24%; height:32%; right:16%; top:13%; border-radius:36px 36px 4px 4px; }
.peg-piece-c { width:47%; height:15%; right:12%; bottom:18%; border-radius:3px; }
.peg-piece-a::after,.peg-piece-c::after { content:""; position:absolute; width:22px; height:22px; left:18px; top:-17px; border:3px solid var(--home-coral); border-bottom:0; border-radius:12px 12px 0 0; }
.home-section-tint { background:#eef3ed; }
.home-search-signal { display:grid; grid-template-columns:auto 1fr; gap:.2rem 1rem; align-items:center; margin-top:1.25rem; padding:1rem 1.1rem; color:var(--home-ink); background:#fff4ea; border-left:5px solid var(--home-coral); text-decoration:none; }
.home-search-signal span { grid-row:1 / span 2; padding:.35rem .5rem; color:#fff; background:var(--home-coral); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.home-search-signal strong { font-size:1rem; }
.home-search-signal small { color:#5f6863; }
.parts-missing-grid { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; width:100%; }
.parts-missing-actions { display:grid; gap:.65rem; min-width:15rem; }
.parts-missing-actions>a:not(.parts-button) { color:#fff; font-weight:700; text-align:center; text-underline-offset:3px; }
@media (max-width:980px) { .home-parts-hero { background:#214f45; } .pegboard-scene { min-height:390px; } }
@media (max-width:700px) { .pegboard-scene { min-height:330px; border-width:8px; } .parts-missing-grid { grid-template-columns:1fr; } .parts-missing-actions { min-width:0; } .home-search-signal { grid-template-columns:1fr; } .home-search-signal span { grid-row:auto; width:max-content; } }