/* Feed runtime additions. The Art stylesheet owns the visual language. */
.local-preview-notice { margin: 12px auto; max-width: 1080px; padding: 10px 16px; color: var(--neon-amber); border: 1px dashed var(--border-subtle); border-radius: 10px; font-size: 12px; }
[hidden], .drawer-backdrop[hidden] { display: none !important; }
.feed-main { max-width: 1240px; margin: 0 auto; padding: 24px 20px 40px; }
.brand-filters-dock { height: auto !important; }
.brand-filters-scroll { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 8px 10px !important; padding: 4px 0 !important; overflow-x: visible !important; }
.brand-filters-scroll .brand-filter-pill { flex: 0 0 auto !important; margin: 0 !important; }
.feed-runtime-status, .feed-preview-notice { color: var(--text-secondary); font-size: 14px; line-height: 1.5; }
.feed-preview-notice { padding: 10px 14px; border: 1px dashed var(--neon-amber); border-radius: 10px; }
.feed-runtime-status:empty { display: none; }
.feed-card { min-width: 0; overflow-wrap: anywhere; scroll-margin-top: 145px; }
.feed-video-box .feed-stop-btn { display: block; position: absolute; top: 8px; right: 8px; z-index: 8; width: 38px; height: 38px; border: 1px solid white; border-radius: 50%; background: #10141f; color: white; cursor: pointer; }
.feed-video-box.is-playing .feed-stop-btn { display: block !important; }
.feed-cover-missing { padding: 25px; color: white; text-align: center; }
.feed-model-tags { flex-wrap: wrap; gap: 6px; }
.feed-model-tags button { max-width: 100%; white-space: normal; text-align: left; }
.feed-date-tag { text-decoration: none; color: var(--text-muted); font-size: 11px; }
.feed-date-tag:hover { color: var(--neon-mint); text-decoration: underline; }
.feed-card-bottom { gap: 12px; }
.feed-card-bottom .can-i-get-one-btn { flex-shrink: 0; }
.footer-nav .footer-col p { max-width: 300px; font-size: 13px; line-height: 1.6; }
.pending-verification-badge { display: inline-flex; align-items: center; padding: 3px 9px; border: 1px solid rgba(255, 159, 67, .4); border-radius: var(--radius-pill); color: var(--neon-amber); background: rgba(255, 159, 67, .1); font-size: 11px; font-weight: 800; }
.pending-verification-note { color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.drawer-panel { box-sizing: border-box; max-width: min(580px,100%); overscroll-behavior: contain; }
.drawer-panel p, .drawer-panel li, .drawer-panel dd, .drawer-panel a { overflow-wrap: anywhere; }
.drawer-access-card { font-size: 14px; line-height: 1.6; }
.drawer-access-card h4 { margin: 0; }
.drawer-price { font-size: clamp(18px,4vw,25px); }
.drawer-access-card details { margin-top: 10px; }
.feed-sources { padding-left: 18px; font-size: 12px; }
.feed-sources li { margin-bottom: 10px; }
.feed-sources span { display: block; color: var(--text-secondary); }
.feed-checked, .feed-stale { color: var(--text-secondary); font-size: 12px; }
.feed-model-choices { display: flex; flex-wrap: wrap; gap: 10px; }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--neon-mint); outline-offset: 4px; }
.drawer-panel summary { cursor: pointer; }
@media (max-width: 640px) {
  .feed-main { padding: 16px 16px 50px; }
  .feed-card { scroll-margin-top: 132px; }
  .drawer-panel { padding: 18px 16px; }
  .feed-card-bottom > * { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}