[data-hub-scroll] { --hub-dock-clearance: 104px; }
.hub-scroll-rail { position: relative; min-width: 0; }
.hub-scroll-viewport { width: 100%; min-width: 0; overflow: clip; }
.hub-scroll-stage { min-width: 0; }
.hub-pan-active .hub-scroll-stage { position: sticky; top: 0; height: 100vh; height: 100svh; box-sizing: border-box; padding-block: calc(var(--hub-sticky-top, 0px) + 18px) var(--hub-dock-clearance); display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.hub-pan-active .hub-scroll-track { overflow: visible; touch-action: pan-y; scroll-snap-type: none; will-change: transform; }
.hub-scroll-nav { display: flex; justify-content: flex-end; gap: 8px; }
.hub-scroll-nav[hidden] { display: none; }
.hub-scroll-nav button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); font-size: 20px; cursor: pointer; }
.hub-scroll-nav button:disabled { opacity: .35; cursor: default; }
[data-news-layout] .news-highlights.hub-scroll-rail { padding: 0; }
[data-news-layout] .hub-pan-active .news-highlights__head { margin-bottom: 0; }
[data-news-layout] .hub-pan-active .news-highlights__track { display: flex; padding-block: 0; }
[data-news-layout] .hub-pan-active .news-highlight { flex: 0 0 calc((100% - 36px) / 3); }
[data-news-layout] .news-highlight .story-row__media { aspect-ratio: 16 / 10; max-height: 24svh; }
[data-news-layout] .news-highlight > p:not(.story-meta) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
[data-hub-scroll] .paw-shelf .hub-scroll-track { display: flex; gap: 12px; }
[data-hub-scroll] .paw-shelf li { flex: 0 0 calc((100% - 36px) / 4); }
[data-hub-scroll] .paw-shelf__actions { align-items: center; }
[data-hub-scroll] .paw-shelf__action { min-height: 44px; box-sizing: border-box; }
[data-hub-scroll] .everyday-rail__stage { padding-bottom: var(--hub-dock-clearance); gap: 12px; }
[data-hub-scroll] .everyday-rail__card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--surface); }
[data-hub-scroll] .everyday-rail__card > a { border: 0; border-radius: 0; height: auto; padding-bottom: 8px; }
[data-hub-scroll] .everyday-rail__thumb { aspect-ratio: 16 / 10; max-height: 22svh; }
[data-hub-scroll] .everyday-rail__card strong { font-size: clamp(15px, 1.25vw, 18px); }
.hub-rail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 10px 10px; margin-top: auto; }
.hub-rail-actions > a, .hub-rail-actions > button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--ink); font: 700 12px/1.2 var(--display); text-decoration: none; cursor: pointer; }
.hub-rail-actions > button { background: var(--gold); color: var(--accent-ink); border-color: var(--gold); }
.hub-rail-actions > a:last-child { color: var(--gold); border-color: var(--gold); }
.hub-rail-actions > :focus-visible, .hub-scroll-nav button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 1050px) and (min-width: 601px) {
  [data-news-layout] .hub-pan-active .news-highlight { flex-basis: calc((100% - 18px) / 2); }
}
@media (max-width: 820px) {
  [data-hub-scroll] { --hub-dock-clearance: 160px; }
  [data-hub-scroll] .paw-shelf li { flex-basis: min(74vw, 280px); }
  [data-hub-scroll] .paw-shelf__thumb-box { max-height: 20svh; }
  [data-hub-scroll] .everyday-rail__title span { font-size: clamp(23px, 6vw, 32px); }
  [data-hub-scroll] .everyday-rail__nav { display: flex; justify-content: flex-end; gap: 8px; }
  [data-hub-scroll] .everyday-rail__nav button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
  .hub-rail-actions { padding-inline: 8px; gap: 4px; }
  .hub-rail-actions > a, .hub-rail-actions > button { font-size: 11px; padding-inline: 7px; }
}
@media (max-width: 600px) {
  [data-news-layout] .hub-pan-active .news-highlight { flex-basis: 86%; }
  [data-news-layout] .news-highlight h3 { font-size: 21px; }
  [data-news-layout] .news-highlight .story-row__media { max-height: 22svh; }
}
@media (max-height: 650px) {
  [data-hub-scroll] .everyday-rail__thumb, [data-news-layout] .news-highlight .story-row__media, [data-hub-scroll] .paw-shelf__thumb-box { max-height: 16svh; }
  [data-hub-scroll] .everyday-rail__card a > span:last-child { -webkit-line-clamp: 1; }
}
@media (max-width: 340px) and (max-height: 650px) {
  [data-hub-scroll] .everyday-rail__thumb { max-height: 12svh; }
  [data-hub-scroll] .everyday-rail__card a > span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hub-scroll-rail { height: auto !important; }
  .hub-scroll-stage { position: static; height: auto; padding: 16px 0; }
  .hub-scroll-track { transform: none !important; scroll-behavior: auto; }
}