/* Small usability pass; Tonight ranking and My TVI's personal record are unchanged. */
:is(.tvi-tonight,.tvi-my) .surface-skip { position: fixed; top: -100px; left: 20px; z-index: 10001; padding: 12px 18px; background: #f5f0e8; color: #211912; }
:is(.tvi-tonight,.tvi-my) .surface-skip:focus { top: 12px; }
:is(.tvi-tonight,.tvi-my) :is(a,button,input,select,summary):focus-visible { outline: 2px solid #dba970; outline-offset: 4px; }
.tvi-tonight .legacy-notice { color: #bcb5ab !important; }
.tvi-my :is(.history-meta,.privacy-note) { color: #bfb6a8; font-size: 13px; line-height: 1.65; }
.tvi-my :is(.history-remove,.reaction-btn,.memory-detail-button,.shelf-action) { min-height: 44px; }
.tvi-my .history-remove { padding: 8px; font-size: 13px; color: #c2b29d; }
.tvi-my .reaction-btn { font-size: 13px; }
.tvi-my .history-row > * { min-width: 0; }
@media(min-width: 741px) and (max-width: 1000px) {
  .tvi-my .history-row.has-reactions { grid-template-columns: 48px minmax(0,1fr) 54px; }
  .tvi-my .history-row.has-reactions .history-reaction { grid-column: 2 / -1; grid-row: 2; }
  .tvi-my .history-row.has-reactions .history-remove { grid-column: 2 / -1; grid-row: 3; justify-self: start; }
}
@media(max-width: 740px) {
  .tvi-my .history-iq { align-self: start; }
  .tvi-my .history-remove { grid-column: 2 / -1; grid-row: 3; justify-self: start; }
  .tvi-my .history-reaction { grid-column: 2 / -1; grid-row: 2; }
  .tvi-my .shelf-action { grid-column: 2 / -1; grid-row: 2; justify-self: start; }
}
@media(prefers-reduced-motion: reduce) {
  :is(.tvi-tonight,.tvi-my) *, :is(.tvi-tonight,.tvi-my) *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}