.course-board-picker{box-sizing:border-box;width:460px;max-width:calc(100% - 32px);max-height:85dvh;margin:auto;padding:28px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#0f172a;box-shadow:0 18px 64px #0f172a30;overflow:auto;}
.course-board-picker::backdrop{background:rgba(15,23,42,.5);}
.course-board-picker[open]{animation:coursePickerEnter .18s ease-out;}
.course-board-picker [hidden]{display:none!important;}
.course-board-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.course-board-picker__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#edf5ff;color:#1565c0;font-size:21px;}
.course-board-picker__header button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:#f1f5f9;color:#475569;cursor:pointer;}
.course-board-picker__class{margin:0 0 8px;color:#1565c0;font-size:13px;font-weight:700;}
.course-board-picker h2{margin:0 0 22px;font-size:24px;line-height:1.3;letter-spacing:0;}
.course-board-picker__options{display:grid;gap:10px;}
.course-board-picker__option{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;width:100%;min-height:58px;padding:16px;border:1px solid #dce5ef;border-radius:6px;background:#fff;color:#123052;text-align:left;font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
.course-board-picker__option span{overflow-wrap:anywhere;min-width:0;}
.course-board-picker__option:hover,.course-board-picker__option:focus-visible{border-color:#1565c0;background:#f2f7ff;}
.course-board-picker__option i{flex:0 0 16px;color:#1565c0;}
.course-board-picker__option[aria-busy="true"]{border-color:#ff6500;background:#fff7ed;}
.course-board-picker button:disabled{cursor:wait;opacity:.65;}
.course-board-picker button:focus-visible{outline:2px solid #1565c0;outline-offset:3px;}
.course-board-picker [data-purchase-status]{margin:16px 0 0;font-size:14px;color:#64748b;}
.course-board-picker [data-purchase-error]{margin:16px 0 0;padding:12px;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:#b91c1c;font-size:14px;line-height:1.5;}
.course-board-picker [data-purchase-retry]{margin-top:12px;padding:10px 16px;border:1px solid #dce5ef;border-radius:6px;background:#fff;color:#1565c0;font:inherit;font-size:14px;cursor:pointer;}
@keyframes coursePickerEnter{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:480px){.course-board-picker{padding:22px;}}
@media(prefers-reduced-motion:reduce){.course-board-picker[open]{animation:none;}}