/* Breakpoints (reference only — CSS custom properties can't drive @media conditions): mobile <640px, tablet 640-1024px, desktop >1024px. */
:root{--container-pad:clamp(20px,5vw,24px);--space-section-y:clamp(48px,9vw,96px);}
.ds-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8,32px)}
.ds-row-wrap{display:flex;flex-wrap:wrap}
.ds-nav-links{display:flex;align-items:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ds-nav-links::-webkit-scrollbar{display:none}
@media (max-width:640px){
.ds-stack-mobile{flex-direction:column!important}
.ds-center-mobile{text-align:center!important;justify-content:center!important}
}