.spec-directory-jump { margin: -8px 0 28px; font-size: 12px; }
.spec-directory-jump a { text-decoration: underline; text-underline-offset: 4px; }
.spec-directory { padding-block: 54px 64px; border-top: 1px solid var(--line); }
.spec-directory .section-heading { margin-bottom: 20px; }
.spec-directory .section-heading h2 { font-size: clamp(34px, 3.6vw, 52px); }
.spec-directory-note { max-width: 760px; margin-bottom: 30px; font-size: 12px; line-height: 1.85; color: var(--muted); }
.spec-directory-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.spec-directory-group { min-width: 0; padding-top: 20px; border-top: 2px solid var(--brand-accent); }
.spec-directory-group h3 { font: 600 14px var(--sans); line-height: 1.6; }
.spec-directory-group > p { color: var(--muted); font-size: 11px; line-height: 1.8; margin: 10px 0 16px; }
.spec-directory-group ul { list-style: none; padding: 0; margin: 0; }
.spec-directory-group li + li { border-top: 1px solid var(--line); }
.spec-directory-group a { display: block; padding: 11px 0; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 4px; }
.spec-directory-group a:hover { color: var(--brand-accent); text-decoration-color: currentColor; }
.spec-directory a:focus-visible, .spec-directory-jump a:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 4px; }
#product-specifications { scroll-margin-top: 110px; }
@media (max-width: 1000px) { .spec-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }
@media (max-width: 600px) { .spec-directory { padding-block: 40px; } .spec-directory-grid { grid-template-columns: 1fr; gap: 26px; } .spec-directory-group a { min-height: 44px; } .spec-directory-jump { line-height: 1.8; } }