/* Three mini portraits. Motion pauses on demand; static strips can be swiped on mobile. */
.dailycreatorspotlight{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .6rem;padding:.65rem .85rem;margin:.4rem 0 .85rem;border:1px solid var(--line,#bc94a7);border-radius:14px;background:rgba(191,140,163,.08);color:var(--ink,#392c35);min-width:0;max-width:100%;box-sizing:border-box}
.dailycreatorspotlight[hidden]{display:none}
.spotlightheading h2{font:inherit;font-weight:600;font-size:.84rem;line-height:1.35;margin:0;color:inherit}
.spotlightheading small{display:block;font-size:.67rem;opacity:.78;margin-top:.15rem}
.spotlightviewport{grid-column:1/-1;min-width:0;width:100%;overflow:hidden;container-type:inline-size;border-radius:9px;padding:3px 0}
.spotlighttrack{display:flex;width:max-content;animation:creator-spotlight-scroll 32s linear infinite;will-change:transform}
.spotlightgroup{display:flex;gap:.65rem;width:max(100cqw,36rem);padding-right:.65rem;flex:none;box-sizing:border-box}
.spotlightmini{display:flex;flex:1;align-items:center;gap:.65rem;min-width:0;padding:.55rem .65rem;border:1px solid var(--line,#bc94a7);border-radius:10px;background:var(--control-bg,#fffaf6);color:var(--ink,#392c35);font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.spotlightmini img{flex:none;width:56px;height:56px;object-fit:cover;object-position:50% 30%;border-radius:50%;border:1px solid var(--line,#bc94a7)}
.spotlightmini>span{min-width:0;overflow-wrap:anywhere}.spotlightmini strong{display:block;font-size:.85rem;line-height:1.3}.spotlightmini small{display:block;font-size:.67rem;opacity:.8;margin-top:.3rem}
.spotlightpause{min-width:44px;min-height:44px;padding:.5rem;border:1px solid var(--line,#bc94a7);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit}
.dailycreatorspotlight:hover .spotlighttrack{animation-play-state:paused}
.spotlightmini:focus-visible,.spotlightpause:focus-visible{outline:2px solid var(--rose,#a75971);outline-offset:2px}
.spotlight-paused .spotlighttrack,.spotlight-reduced .spotlighttrack,.dailycreatorspotlight:has(:focus-visible) .spotlighttrack{animation:none;transform:none;will-change:auto}
.spotlight-paused .spotlightviewport,.spotlight-reduced .spotlightviewport,.dailycreatorspotlight:has(:focus-visible) .spotlightviewport{overflow-x:auto;scroll-padding-inline:3px}
.spotlight-paused #spotlightcopy,.spotlight-reduced #spotlightcopy,.dailycreatorspotlight:has(:focus-visible) #spotlightcopy{display:none}
@keyframes creator-spotlight-scroll{to{transform:translateX(-50%)}}
@media(max-width:640px){.dailycreatorspotlight{padding:.55rem .65rem}.spotlightheading h2{font-size:.78rem}.spotlightmini{padding:.5rem;gap:.5rem}.spotlightmini img{width:48px;height:48px}.spotlightmini strong{font-size:.8rem}.spotlightgroup{width:max(100cqw,33rem)}}
@media(prefers-reduced-motion:reduce){.spotlighttrack{animation:none;transform:none;will-change:auto}.spotlightviewport{overflow-x:auto}#spotlightcopy{display:none}}