/* Local enhancements over the site's preserved, compiled design stylesheet. */
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
.mobile-navigation { padding: 1rem 1.5rem 1.5rem; display: grid; gap: .65rem; max-height: calc(100dvh - 80px); overflow: auto; border-top: 1px solid #15121c14; }
.mobile-navigation a { text-align: center; justify-content: center; }
[role="tab"][aria-selected="true"] { color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
[role="tab"][aria-selected="false"] { color: #0009; background: #00000005; border-color: #0000001a; }
.showcase-panel > h3 { display: none; }
@media (min-width: 768px) { .mobile-navigation { display: none; } }
/* The original full nav needs more room than the tablet breakpoint permits. */
@media (min-width:768px) and (max-width:1199px) { header nav:not(.mobile-navigation) { display:none; } header button[aria-controls="mobile-navigation"] { display:flex; } .mobile-navigation:not([hidden]) { display:grid; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation:none !important; transition:none !important; } }
/* Keep wide workflow diagrams scrollable inside their cards on phones. */
.grid > *, .card-hover { min-width: 0; }
/* Longer next-intake labels wrap inside their existing pills. */
.feature-pill { white-space: normal; min-width: 0; max-width: 100%; line-height: 1.45; }