.mitk-spotlight-card { min-width: 0; border: 1px solid #29364d; border-radius: .7rem; background: #111a2b; }
.mitk-spotlight-card__link { display: flex; gap: .8rem; padding: .8rem; color: #e9edf7; text-decoration: none; align-items: center; min-width: 0; }
.mitk-spotlight-card__art { flex: 0 0 60px; width: 60px; height: 60px; border-radius: .5rem; background: #263253; display: grid; place-items: center; overflow: hidden; font-size: 1.8rem; }
.mitk-spotlight-card__art img { width: 100%; height: 100%; object-fit: cover; }
.mitk-spotlight-card__copy { display: grid; gap: .25rem; min-width: 0; overflow-wrap: anywhere; }
.mitk-spotlight-card__copy small { color: #bbc7e2; font-size: .75rem; }
.mitk-spotlight-card__copy strong { font-size: 1rem; }
.mitk-spotlight-card__copy > span { font-size: .8rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mitk-mega__intro .mitk-spotlight-card { margin-top: .9rem; }
.mitk-mega__intro .mitk-spotlight-card__link { padding: .65rem; }
.mitk-mega__links .mitk-spotlight-card { grid-column: 1 / -1; }
.mitk-mega__links a.mitk-spotlight-card__link { display: flex; align-items: center; min-height: 0; border: 0; background: transparent; }
.mitk-mobile-menu__panel nav a.mitk-spotlight-card__link { display: flex; align-items: center; }
.mitk-mobile-menu__panel nav a.mitk-spotlight-card__link span { max-width: none; white-space: normal; color: inherit; font-size: inherit; text-overflow: clip; }
.mitk-mobile-menu__panel nav a.mitk-spotlight-card__link > .mitk-spotlight-card__art { font-size: 1.8rem; }
.mitk-spotlight-card :focus-visible, .mitk-spotlights :focus-visible { outline: 3px solid #d38aff; outline-offset: 3px; }
.mitk-spotlight-placements { display: flex; gap: .5rem; overflow-x: auto; margin-bottom: 1.25rem; padding: .3rem; scrollbar-width: thin; scrollbar-color: #657599 #111a2b; }
.mitk-spotlight-placements a { flex-shrink: 0; }
.mitk-spotlight-placements [aria-current] { border-color: #c995ff; background: #2a2143; }
.mitk-spotlight-editor { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 1rem; align-items: start; }
.mitk-spotlights .mitk-admin-card { padding: 1.2rem; background: #101a2a; border: 1px solid #29364d; border-radius: .75rem; min-width: 0; }
.mitk-spotlights form, .mitk-spotlights fieldset { display: grid; gap: .6rem; min-width: 0; }
.mitk-spotlights fieldset { border: 1px solid #52627c; border-radius: .5rem; padding: .85rem; }
.mitk-spotlights input[type="datetime-local"] { color-scheme: dark; }
.mitk-spotlights form + form { margin-top: 1.2rem; border-top: 1px solid #29364d; padding-top: 1.2rem; }
.mitk-spotlights input, .mitk-spotlights select, .mitk-spotlights textarea { width: 100%; min-width: 0; box-sizing: border-box; background: #091321; color: #edf1fb; border: 1px solid #52627c; padding: .65rem; border-radius: .35rem; }
.mitk-spotlight-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.mitk-spotlights [aria-invalid=true] { border: 2px solid #f0a8b8; }
.mitk-spotlight-error { color: #ffc2ce; }
.mitk-spotlights [data-spotlight-save][hidden] { display: none !important; }
.mitk-spotlight-discover { width: calc(100% - 2rem); max-width: 660px; margin: 1.5rem auto; }
@media (max-width: 768px) { .mitk-spotlight-editor, .mitk-spotlight-dates { grid-template-columns: minmax(0,1fr); } }