/* Homepage navigation only. Theme tokens keep the light/dark switch native. */
.home-tabs {padding: 12px var(--indent) 10px; background: var(--bg); border-bottom: 1px solid var(--bdc); min-width: 0;}
.home-tabs__track {display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; padding: 3px 2px 6px; scrollbar-width: thin; scrollbar-color: var(--accent) transparent; -webkit-overflow-scrolling: touch;}
.home-tabs__track::-webkit-scrollbar {height: 3px;}
.home-tabs__track::-webkit-scrollbar-thumb {background: var(--accent); border-radius: 3px;}
.home-tabs__track::-webkit-scrollbar-track {background: transparent;}
.home-tabs__track[data-ready] {touch-action: auto;}
@media (hover: hover) and (pointer: fine) {.home-tabs__track[data-ready] {cursor: grab;}}
.home-tabs__track.is-dragging, .home-tabs__track.is-dragging a {cursor: grabbing; user-select: none;}
.home-tabs__link {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 40px; padding: 8px 15px; border: 1px solid transparent; border-radius: var(--ui-elem-bdrs, 4px); background: var(--bg-darker); color: var(--tt); font-size: 14px; font-weight: 500; line-height: 20px; white-space: nowrap; text-decoration: none; -webkit-user-drag: none; user-select: none; transition: background-color .15s, border-color .15s, color .15s;}
.home-tabs__link--catalog {background: var(--accent); color: #162710;}
.home-tabs__link:focus-visible {outline: 2px solid var(--accent); outline-offset: 2px;}
@media (hover: hover) {.home-tabs__link:hover {border-color: var(--accent); color: var(--tt);} .home-tabs__link--catalog:hover {background: var(--ui-bg-btn-hover); color: #102008;}}
@media (max-width: 700px) {.home-tabs {padding-top: 9px; padding-bottom: 7px;} .home-tabs__link {min-height: 42px; padding: 9px 13px;}}
@media (prefers-reduced-motion: reduce) {.home-tabs__link {transition: none;}}