[data-school-picker] { position: relative; text-align: left; }
.sp-input { width: 100%; box-sizing: border-box; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--border-divider, rgba(148,163,184,.35)); background: var(--bg-input, rgba(15,23,42,.35)); color: inherit; font: inherit; }
.sp-list { list-style: none; margin: 6px 0 0; padding: 4px; border-radius: 12px; border: 1px solid var(--border-divider, rgba(148,163,184,.35)); background: var(--bg-card, rgba(15,23,42,.85)); }
.sp-list a { display: block; padding: 9px 12px; border-radius: 8px; color: inherit; text-decoration: none; }
.sp-list a:hover, .sp-list a:focus { background: rgba(99,102,241,.22); }
.sp-note { margin-top: 8px; font-size: 13px; opacity: .75; }