.pmq { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.pmq__k { font-family: var(--type-hud-font-family); font-size: var(--type-hud-font-size); font-weight: var(--type-hud-font-weight); letter-spacing: var(--type-hud-letter-spacing); text-transform: uppercase; color: var(--color-text-tertiary); white-space: nowrap; }
.pmq__view { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.pmq__track { display: flex; width: max-content; gap: var(--space-3); margin: 0; padding: var(--space-1) 0; list-style: none; animation: pmq-run var(--_dur, 48s) linear infinite; }
.pmq:hover .pmq__track, .pmq:focus-within .pmq__track { animation-play-state: paused; }
.pmq__track > li { flex: none; }
@keyframes pmq-run { to { transform: translateX(calc(-50% - var(--space-3) / 2)); } }

.tkt { --_n: 7px; --_stub: 4.75rem; position: relative; display: grid; grid-template-columns: var(--_stub) auto; align-items: stretch; min-height: 52px; text-decoration: none; color: var(--color-text-primary);
  background: var(--color-bg-surface); border: var(--border-width-hairline) solid var(--color-border-subtle);
  
  -webkit-mask: radial-gradient(circle var(--_n) at var(--_stub) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--_n) at var(--_stub) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
  mask: radial-gradient(circle var(--_n) at var(--_stub) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--_n) at var(--_stub) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
  transition: background-color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard); }
.tkt:hover, .tkt:focus-visible { background: var(--color-bg-surface-raised, var(--color-bg-surface)); border-color: var(--color-border-strong); }
.tkt:focus-visible { outline-offset: -3px; }
.tkt__stub { display: grid; place-items: center; padding: var(--space-2) var(--space-3); border-right: var(--border-width-hairline) dashed var(--color-border-default); }
.tkt__stub img { display: block; max-width: 100%; max-height: 28px; width: auto; height: auto; opacity: 0.86; } 
[data-theme="light"] .tkt__stub img { filter: brightness(0); opacity: 0.78; }
.tkt__stub .tkt__mono { font-family: var(--font-family-display); font-weight: var(--font-weight-bold); font-size: var(--font-size-14); letter-spacing: -0.01em; color: var(--color-text-secondary); }
.tkt__body { display: grid; align-content: center; gap: 2px; padding: var(--space-2) var(--space-5) var(--space-2) var(--space-4); white-space: nowrap; }
.tkt__body b { font-family: var(--font-family-display); font-weight: var(--font-weight-semibold); font-size: var(--font-size-14); }
.tkt__meta { font-family: var(--type-hud-font-family); font-size: var(--font-size-11); font-weight: var(--type-hud-font-weight); letter-spacing: var(--type-hud-letter-spacing); text-transform: uppercase; color: var(--color-text-tertiary); }
.tkt__meta i { font-style: normal; color: var(--color-text-accent); }
@media (max-width: 700px) { .pmq { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); } }
@media (prefers-reduced-motion: reduce) {
  .pmq__track { animation: none; }
  .pmq__view { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: thin; }
  .pmq__track > li[aria-hidden] { display: none; }
}