/* Only new navigation and traceability components. Original styles.css remains unchanged. */
.section-menu { position: relative; z-index: 10; }
.section-menu summary { cursor: pointer; font-size: 15px; list-style: none; }
.section-menu summary::-webkit-details-marker { display: none; }
.section-menu summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.section-menu-links { position: absolute; top: calc(100% + 12px); right: 0; width: 220px; padding: 8px; border: 1px solid var(--border); border-radius: 7px; background: var(--navy-deep); box-shadow: 0 12px 30px rgba(0,0,0,.3); }
.section-menu-links a { display: block; padding: 10px 12px; }
.main-nav a[aria-current="page"] { color: var(--cyan); }
.traceability-scroll { overflow-x: auto; margin-top: 28px; }
.traceability-table { width: 100%; border-collapse: collapse; text-align: left; }
.traceability-table caption { text-align: left; margin-bottom: 14px; color: var(--cyan); }
.traceability-table th, .traceability-table td { padding: 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
@media (max-width: 620px) { .section-menu summary { font-size: 13px; } .section-menu-links { right: -60px; width: 210px; } }

/* Homepage Explore dropdown. */
.home-nav { justify-content: flex-end; }
.hero-explore { margin-top: 34px; }
.hero-explore .section-menu { width: max-content; }
.hero-explore summary { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 118px; min-height: 50px; padding: 7px 18px; border: 1px solid var(--cyan); border-radius: 5px; color: #001b2b; background: linear-gradient(100deg, #05d9df 0%, #00bdf3 100%); }
.hero-explore .section-menu-links { left: 0; right: auto; }
.hero-explore .section-menu-links a { font-size: 15px; text-decoration: none; }
.hero-explore .section-menu-links a:hover { color: var(--cyan); background: rgba(0, 224, 232, .08); }

/* Who We Serve introduction spacing. */
.about[aria-labelledby="audience-title"] .about-copy { margin-bottom: 24px; }