/* AcademyCrew R33 QA01 · UX/legal/content preview closeout */
:root{--r33-dot:#b9c9dc;--r33-dot-active:#2879c9;--r33-navy:#0b2c5c;--r33-line:#dbe5f1;--r33-muted:#687995}
/* Tiny carousel indicators must not inherit 44px button touch height. The carousel itself is swipeable and arrows remain 44px. */
.qa09-public .qa10-live-nav button,.qa09-public .qa12-carousel-dots button,.qa09-public #courseCarouselDots button{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;padding:0!important;border-radius:50%!important;background:var(--r33-dot)!important;box-shadow:none!important;transform:none!important}
.qa09-public .qa10-live-nav button.is-active,.qa09-public .qa12-carousel-dots button.is-active,.qa09-public #courseCarouselDots button.is-active{width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;background:var(--r33-dot-active)!important}
.qa09-public .qa10-live-nav,.qa09-public .qa12-carousel-footer,.qa09-public #courseCarouselDots{min-height:12px!important;max-height:18px!important;gap:7px!important}
.qa09-public .qa12-carousel-footer{margin-top:6px!important}.qa09-public .qa12-carousel-count{font-size:.68rem!important;line-height:1!important;min-width:auto!important;color:#627692}
/* Public stats: never split a number across lines. */
.qa09-public .qa09-stats-grid>div{min-width:0!important}.qa09-public .qa09-stats-grid strong{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums;line-height:1!important;font-size:clamp(1.65rem,2.3vw,2.55rem)!important;min-width:max-content}.qa09-public .qa09-stats-grid span{min-width:0}
/* Pricing: three equal cards on desktop and truthful disabled forthcoming offer. */
.qa09-public .qa08-pricing{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px!important;align-items:stretch}.qa09-public .qa08-pricing article{display:flex;flex-direction:column;min-width:0}.qa09-public .qa08-pricing article ul{flex:1}.qa09-public .qa08-pricing article.r33-coming{background:#f8fafc;border-style:dashed}.qa09-public .qa08-pricing article.r33-coming .qa08-price{color:#596b85}.qa09-public .r33-pricing-note{max-width:1000px;margin:20px auto 0;padding:14px 16px;border:1px solid #dce6f3;border-radius:14px;background:#f8fbff;color:#536781;font-size:.78rem;line-height:1.55;text-align:center}
/* Supervisor actions align as two equal-height controls. */
.qa09-public .r22-supervision-actions{display:flex!important;align-items:stretch!important}.qa09-public .r22-supervision-actions .qa08-btn,.qa09-public .r22-supervision-actions .r22-text-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 18px!important;border-radius:13px!important}.qa09-public .r22-supervision-actions .r22-text-link{border:1px solid transparent;text-decoration:none}
/* Compact footer: headings and links remain easy to scan without wasting vertical space. */
.qa09-public .qa08-footer{padding:34px 0 18px!important}.qa09-public .qa08-footer-grid{gap:22px 28px!important}.qa09-public .qa08-footer-grid>div:not(.qa08-footer-brand){gap:4px!important}.qa09-public .qa08-footer-grid strong{margin-bottom:5px!important}.qa09-public .qa08-footer a,.qa09-public .qa08-footer button{display:inline-flex!important;align-items:center!important;min-height:30px!important;line-height:1.25!important}.qa09-public .qa08-footer-bottom{margin-top:22px!important;padding-top:14px!important}
/* One scroll container per public modal. Overlay never scrolls; dialog does. */
.qa09-public .qa08-modal{width:100%!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:clamp(10px,2vw,24px)!important;overflow:hidden!important;overscroll-behavior:none!important;align-items:center!important}.qa09-public .qa08-modal-dialog{width:min(780px,100%)!important;max-height:calc(100dvh - 2*clamp(10px,2vw,24px))!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;border-radius:24px!important}.qa09-public .qa08-modal-dialog.program{width:min(1120px,100%)!important}.qa09-public .qa08-modal-dialog.compact{width:min(700px,100%)!important}.qa09-public .qa08-modal-body{overflow:visible!important}.qa09-public .qa08-modal-close,.qa09-public .qa08-modal-dialog.compact .qa08-modal-close{display:grid!important;place-items:center!important;position:sticky!important;float:right!important;top:12px!important;right:12px!important;margin:0 0 -46px auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:2px solid #fff!important;border-radius:14px!important;background:#0b2c5c!important;color:#fff!important;font-size:1.7rem!important;font-weight:500!important;line-height:1!important;box-shadow:0 8px 22px rgba(6,25,52,.24)!important;opacity:1!important;z-index:30!important}.qa09-public .qa08-modal-close:hover,.qa09-public .qa08-modal-close:focus-visible{background:#174b8a!important;color:#fff!important}
/* Staff read-only learner preview. */
.r33-preview-launch{margin-top:12px}.r33-preview-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(5,20,43,.72);backdrop-filter:blur(7px);overflow:hidden}.r33-preview-dialog{width:min(860px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.r33-preview-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#0d2d5d;color:#fff}.r33-preview-head strong{font-size:1rem}.r33-preview-head small{display:block;color:#c9d7eb;margin-top:2px}.r33-preview-close{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:#fff;color:#0d2d5d;font-size:1.5rem;cursor:pointer}.r33-preview-body{padding:clamp(16px,3vw,28px)}.r33-preview-progress{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:.78rem;margin-bottom:12px}.r33-preview-question h3{margin:0 0 16px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.35}.r33-preview-options{display:grid;gap:9px}.r33-preview-option{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;width:100%;min-height:50px;padding:10px 12px;border:1px solid #d9e3f0;border-radius:13px;background:#fff;text-align:left;color:#16345f;cursor:pointer}.r33-preview-option:hover{border-color:#7090e9;background:#f7f9ff}.r33-preview-option.selected{border-color:#3562e8;background:#eef3ff;box-shadow:0 0 0 2px rgba(53,98,232,.08)}.r33-preview-letter{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#315ee6;font-weight:900}.r33-preview-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}.r33-preview-actions button{min-width:120px}.r33-preview-result{display:grid;gap:14px;text-align:center}.r33-preview-score{font-size:clamp(2.6rem,8vw,4.7rem);font-weight:950;color:#12366a;line-height:1}.r33-preview-review{display:grid;gap:10px;text-align:left}.r33-preview-review article{padding:12px;border:1px solid #dbe5f1;border-radius:12px}.r33-preview-review .ok{color:#17734c}.r33-preview-review .bad{color:#a63831}.r33-staff-browser{display:grid;gap:14px}.r33-staff-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}.r33-staff-question-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}.r33-staff-question-card{display:flex;flex-direction:column;padding:15px;border:1px solid #dbe5f1;border-radius:15px;background:#fff}.r33-staff-question-card h4{margin:7px 0 8px;line-height:1.4}.r33-staff-question-card p{margin:0 0 12px;color:#667891;font-size:.8rem}.r33-staff-question-card .btn{margin-top:auto;align-self:flex-start}
/* General responsive closeout. */
@media(max-width:900px){.qa09-public .qa08-pricing{grid-template-columns:1fr!important;max-width:620px!important}.qa09-public .qa08-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qa09-public .qa08-footer-brand{grid-column:1/-1!important}.r33-staff-toolbar{grid-template-columns:1fr}}
@media(max-width:640px){.qa09-public .qa08-modal{padding:8px!important;align-items:stretch!important}.qa09-public .qa08-modal-dialog,.qa09-public .qa08-modal-dialog.program,.qa09-public .qa08-modal-dialog.compact{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:18px!important}.qa09-public .qa08-modal-body{padding:20px 16px 24px!important}.qa09-public .qa08-footer-grid{grid-template-columns:1fr!important;gap:16px!important}.qa09-public .qa08-footer-brand{grid-column:auto!important}.qa09-public .r22-supervision-actions{flex-direction:column}.qa09-public .r22-supervision-actions>*{width:100%}.r33-preview-overlay{padding:8px}.r33-preview-dialog{max-height:calc(100dvh - 16px);border-radius:16px}.r33-preview-actions>*{flex:1 1 100%}}
@media(max-width:390px){.qa09-public .qa09-stats-grid strong{font-size:1.8rem!important}.qa09-public .qa12-carousel-count{display:none!important}}
/* R47 RC8 commercial journey */
.signup-hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.existing-account-cta{white-space:nowrap}.existing-account-mode #contactStep .r23-account-left{background:#f7f9fc;border:1px solid #d9e2f2;border-radius:14px;padding:14px}.existing-account-mode .existing-account-cta{display:none}.existing-account-banner{margin:0 0 14px;padding:14px 16px;border:1px solid #cbd8ee;border-radius:14px;background:#f7f9ff}.existing-account-banner strong{display:block;margin-bottom:4px}
