.spotlight-tour {
  position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  margin: 0; padding: 0; border: 0; overflow: visible; background: transparent;
  color: var(--ink, #172a23); pointer-events: none; z-index: 1000; font-family: inherit;
}
.spotlight-tour[hidden] { display: none !important; }
.spotlight-tour::backdrop { background: transparent; pointer-events: none; }
.spotlight-mask { position: fixed; background: rgba(22, 30, 28, .62); pointer-events: auto; }
.spotlight-ring { position: fixed; border: 2px solid #fff; outline: 3px solid #229878; border-radius: 7px; box-shadow: 0 0 0 6px rgba(34,152,120,.22); pointer-events: none; }
.spotlight-ring[hidden] { display: none; }
.spotlight-card {
  position: fixed; width: 360px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px);
  overflow: auto; box-sizing: border-box; padding: 20px; background: #fff; border: 1px solid #d6e1db;
  border-radius: 8px; box-shadow: 0 14px 48px rgba(0,0,0,.24); pointer-events: auto; letter-spacing: 0;
}
.spotlight-card:focus { outline: none; }
.spotlight-progress { color: #247e65; font-size: 12px; font-weight: 650; }
.spotlight-card h2 { font-size: 19px; line-height: 1.4; margin: 10px 0; color: #172a23; }
.spotlight-card p { font-size: 14px; line-height: 1.7; margin: 0; overflow-wrap: anywhere; color: #3b4b43; }
.spotlight-card p.spotlight-hint { margin-top: 10px; font-size: 12px; color: #66766e; }
.spotlight-hint:empty { display: none; }
.spotlight-actions { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.spotlight-actions button { border: 1px solid #d6e1db; border-radius: 4px; background: white; color: #324b3e; font: inherit; font-size: 13px; min-height: 38px; padding: 8px 10px; cursor: pointer; }
.spotlight-actions button:first-child { margin-right: auto; padding-left: 0; border-color: transparent; color: #66766e; }
.spotlight-actions button.primary { background: #14735a; border-color: #14735a; color: white; }
.spotlight-actions button:disabled { opacity: .4; cursor: default; }
.spotlight-actions button:focus-visible { outline: 3px solid #d59823; outline-offset: 2px; }
@media(max-width:520px) { .spotlight-card { padding: 16px; } .spotlight-card h2 { font-size: 17px; } .spotlight-actions { gap: 6px; } }