/* IPN 1.10 · Horizontal tab bars / chip rows that overflow: [data-scrollnav] (assets/js/scrollnav.js).
   Scrolls sideways with a hidden scrollbar, momentum, edge fades, drag and wheel. Layout only — the theme styles the items. */
[data-scrollnav] { flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; max-width: 100%; min-width: 0; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scroll-behavior: smooth; cursor: default; user-select: none; -webkit-user-select: none; }
[data-scrollnav]::-webkit-scrollbar { display: none; height: 0; }
[data-scrollnav] > * { flex: none; }
[data-scrollnav].is-dragging { cursor: grabbing; scroll-behavior: auto; }
[data-scrollnav].is-dragging > * { pointer-events: none; }
/* edge fades: the mask follows the scroll position (is-start / is-end are set by the script) */
[data-scrollnav].sn-fade { --sn-l: 24px; --sn-r: 24px; -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--sn-l), #000 calc(100% - var(--sn-r)), transparent); mask-image: linear-gradient(to right, transparent, #000 var(--sn-l), #000 calc(100% - var(--sn-r)), transparent); }
[data-scrollnav].sn-fade.is-start { --sn-l: 0px; }
[data-scrollnav].sn-fade.is-end { --sn-r: 0px; }
html[dir="rtl"] [data-scrollnav].sn-fade.is-start { --sn-l: 24px; --sn-r: 0px; }
html[dir="rtl"] [data-scrollnav].sn-fade.is-end { --sn-r: 24px; --sn-l: 0px; }
html[dir="rtl"] [data-scrollnav].sn-fade.is-start.is-end, [data-scrollnav].sn-fade.is-start.is-end { --sn-l: 0px; --sn-r: 0px; }
@media (prefers-reduced-motion: reduce) { [data-scrollnav] { scroll-behavior: auto; } }