.legacy-part-guide { max-width: 1060px; padding-bottom: 64px; }
.legacy-part-guide-hero { max-width: 860px; padding: 26px 0 34px; }
.legacy-part-guide-hero h1 { margin: 14px 0 24px; font-family: 'Geist', Arial, sans-serif; font-size: clamp(34px,4.5vw,60px); font-weight: 650; line-height: 1.1; letter-spacing: -.035em; overflow-wrap: break-word; }
.legacy-part-guide-hero > p:not(.micro-label) { max-width: 800px; margin: 15px 0 0; color: #4b6058; font-size: 15px; line-height: 1.8; }
.legacy-part-guide-hero > .legacy-part-guide-intro { color: #25473b; font-size: 18px; line-height: 1.65; }
.legacy-part-guide-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 0 0 22px; }
.legacy-part-guide-checks > article { min-width: 0; padding: 26px; border: 1px solid rgba(19,40,34,.18); border-radius: 18px; background: #fffdf8; }
.legacy-part-guide-step { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #dfefe8; color: #245747; font-size: 12px; font-weight: 750; }
.legacy-part-guide h2 { margin: 16px 0 14px; font-family: 'Geist', Arial, sans-serif; font-size: clamp(20px,2vw,25px); font-weight: 650; line-height: 1.3; letter-spacing: -.02em; overflow-wrap: break-word; }
.legacy-part-guide-checks ul { display: grid; gap: 14px; margin: 0; padding-left: 20px; color: #41584e; font-size: 14px; line-height: 1.75; }
.legacy-part-guide-checks li { padding-left: 4px; }
.legacy-part-guide-checks li::marker { color: #c65337; }
.legacy-part-guide-safety { padding: 24px 28px; border-radius: 15px; background: #e2eee7; }
.legacy-part-guide-safety h2, .legacy-part-guide-availability h2, .legacy-part-guide-related h2 { margin-top: 0; }
.legacy-part-guide-safety p, .legacy-part-guide-availability p, .legacy-part-guide-related p { margin: 0; color: #42594f; font-size: 14px; line-height: 1.8; }
.legacy-part-guide-sources { margin: 28px 0; }
.legacy-part-guide-sources h2 { font-size: 20px; }
.legacy-part-guide-sources ul { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.legacy-part-guide-sources a { display: inline; color: #245747; font-size: 14px; font-weight: 650; line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legacy-part-guide-sources a:focus-visible { outline: 2px solid #c65337; outline-offset: 4px; }
.legacy-part-guide-sources p { max-width: 850px; margin: 6px 0 0; color: #42594f; font-size: 14px; line-height: 1.75; }
.legacy-part-guide-availability { margin: 28px 0; padding: 22px 0; border-block: 1px solid rgba(19,40,34,.16); }
.legacy-part-guide-availability h2 { font-size: 17px; margin-bottom: 8px; }
.legacy-part-guide-related { display: grid; gap: 20px; padding: 14px 0 0; }
.legacy-part-guide-related nav { display: flex; flex-wrap: wrap; gap: 12px; }
.legacy-part-guide-related nav a { flex: 1 1 200px; display: flex; align-items: center; justify-content: space-between; min-height: 48px; gap: 16px; padding: 13px 18px; margin: 0; color: #174c3b; background: #fffdf8; border: 1px solid #8eaaa0; font-size: 14px; line-height: 1.4; text-align: left; }
.legacy-part-guide-related nav a:hover { background: #dfefe8; border-color: #245747; }
.legacy-part-guide-related nav a:focus-visible { outline: 2px solid #c65337; outline-offset: 3px; }
.legacy-part-guide-related > a { justify-self: start; max-width: 100%; font-size: 14px; line-height: 1.4; }
@media (max-width: 640px) { .legacy-part-guide { padding-bottom: 42px; } .legacy-part-guide-hero { padding: 12px 0 26px; } .legacy-part-guide-hero h1 { font-size: clamp(31px,8.5vw,43px); margin-bottom: 20px; } .legacy-part-guide-checks { grid-template-columns: minmax(0,1fr); gap: 14px; } .legacy-part-guide-checks > article { padding: 22px; } .legacy-part-guide-safety { padding: 22px; } .legacy-part-guide-related nav { display: grid; grid-template-columns: minmax(0,1fr); } .legacy-part-guide-related > a { justify-self: stretch; } }