/* AcademyCrew R20 · production candidate visual system */
:root{--r20-ink:#10264d;--r20-muted:#60718a;--r20-line:#d6e1ef;--r20-focus:#1f75d8;--r20-radius:14px}
/* HERO: integrated two-column top + full-width benefit rail */
.qa09-public .qa09-hero{padding:24px 0 30px!important}
.qa09-public .qa09-hero-grid{display:grid!important;grid-template-columns:minmax(420px,.82fr) minmax(640px,1.18fr)!important;grid-template-areas:"copy media" "benefits benefits"!important;gap:18px 26px!important;align-items:center!important;min-height:0!important}
.qa09-public .qa09-hero-copy{grid-area:copy;padding:24px 0 12px!important;align-self:center}
.qa09-public .qa09-hero-copy h1{font-size:clamp(3.25rem,5vw,5.85rem)!important;line-height:.93!important;max-width:11.4ch!important;margin-top:8px!important}
.qa09-public .qa08-hero-lead{font-size:1.04rem!important;line-height:1.58!important;max-width:61ch!important}
.qa09-public .qa09-hero-media{grid-area:media;height:clamp(520px,35vw,670px)!important;margin:0 max(-34px,calc((100vw - 1540px)/-2)) 0 0!important;align-self:center!important;border-radius:34px 0 0 34px!important}
.qa09-public .qa09-hero-media picture{border-radius:34px 0 0 34px!important}
.qa09-public .qa09-hero-media picture img{object-position:56% 44%!important}
.qa09-public .r20-hero-benefits{grid-area:benefits;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:2px 0 0!important;position:relative;z-index:4}
.qa09-public .r20-hero-benefits span{min-height:106px!important;padding:16px 16px!important;border-radius:16px!important;background:rgba(9,36,72,.78)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 28px rgba(1,14,34,.12);display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.qa09-public .r20-hero-benefits b{font-size:.82rem!important;line-height:1.25!important;color:#fff!important}
.qa09-public .r20-hero-benefits small{font-size:.72rem!important;line-height:1.42!important;color:#bed0e8!important;margin-top:7px!important}
@media(max-width:1220px){.qa09-public .qa09-hero-grid{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr)!important}.qa09-public .qa09-hero-media{height:560px!important}.qa09-public .r20-hero-benefits{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:980px){.qa09-public .qa09-hero-grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "media" "benefits"!important}.qa09-public .qa09-hero-copy{padding-bottom:0!important}.qa09-public .qa09-hero-copy h1{max-width:14ch!important}.qa09-public .qa09-hero-media{height:auto!important;aspect-ratio:16/9!important;margin:0!important;border-radius:28px!important}.qa09-public .qa09-hero-media picture{border-radius:28px!important}.qa09-public .r20-hero-benefits{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:700px){.qa09-public .qa09-hero{padding:18px 0 24px!important}.qa09-public .qa09-hero-grid{gap:18px!important}.qa09-public .qa09-hero-copy{padding:10px 0 0!important}.qa09-public .qa09-hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)!important;max-width:12ch!important}.qa09-public .qa09-hero-media{aspect-ratio:auto!important}.qa09-public .qa09-hero-media picture{aspect-ratio:6/5!important}.qa09-public .r20-hero-benefits{grid-template-columns:1fr 1fr!important;gap:8px!important}.qa09-public .r20-hero-benefits span{min-height:116px!important;padding:14px!important}}
@media(max-width:430px){.qa09-public .r20-hero-benefits{grid-template-columns:1fr!important}.qa09-public .r20-hero-benefits span{min-height:auto!important}}

/* Shared form/control discipline for staff surfaces */
.app-shell button,.app-shell input,.app-shell select,.app-shell textarea,.adm button,.adm input,.adm select,.adm textarea{font-family:inherit}
.app-shell button,.app-shell .btn,.adm button,.adm .btn{font-weight:750;letter-spacing:-.01em}
.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea,.adm input:not([type=checkbox]):not([type=radio]),.adm select,.adm textarea{min-height:44px;border-radius:12px;border-color:#cfdaea;font-size:.91rem;color:var(--r20-ink);background:#fff}
.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell textarea:focus-visible,.app-shell button:focus-visible,.app-shell a:focus-visible,.adm input:focus-visible,.adm select:focus-visible,.adm textarea:focus-visible,.adm button:focus-visible,.adm a:focus-visible{outline:3px solid rgba(31,117,216,.24)!important;outline-offset:2px!important;border-color:#5b91d5!important}
.app-shell h1,.app-shell h2,.app-shell h3,.adm h1,.adm h2,.adm h3{letter-spacing:-.035em}
.app-shell .muted,.adm .muted{color:var(--r20-muted)}

/* Superadmin context selector: never verticalize labels/chips */
.superadmin-command .command-tabs{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:10px 14px!important}
.superadmin-command .command-tabs>.tab{flex:0 0 auto!important;white-space:nowrap!important;min-height:46px!important;padding:0 18px!important}
.superadmin-command .r23-context-shell{margin-left:auto!important;display:grid!important;grid-template-columns:auto minmax(170px,220px) minmax(150px,205px) auto!important;align-items:center!important;gap:10px!important;padding:6px 0 6px 16px!important;min-width:0!important;border-left:1px solid #dce5f0!important}
.superadmin-command .r23-context-shell>span:first-child{white-space:nowrap!important;width:auto!important;writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:normal!important;font-size:.72rem!important;line-height:1.15!important;text-align:left!important}
.superadmin-command .r23-context-shell select{width:100%!important;min-width:0!important;max-width:none!important;min-height:46px!important;padding:0 38px 0 14px!important;font-size:.86rem!important;border-radius:12px!important}
.superadmin-command .r23-context-chip{display:flex!important;width:auto!important;min-width:126px!important;max-width:176px!important;min-height:46px!important;justify-content:center!important;padding:8px 14px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-align:center!important;line-height:1.2!important;border-radius:15px!important;font-size:.74rem!important}
.superadmin-command .r19-admin-shortcut{display:flex;justify-content:flex-end;margin:14px 32px 20px!important}.superadmin-command .r19-admin-shortcut .btn{min-height:48px;padding:0 22px;border-radius:14px;white-space:nowrap}
@media(max-width:1380px){.superadmin-command .r23-context-shell{flex-basis:100%!important;grid-template-columns:auto minmax(180px,1fr) minmax(160px,1fr) auto!important;margin:8px 0 0!important;padding:10px 0 2px!important;border-left:0!important;border-top:1px solid #e3eaf3!important;width:100%!important}}
@media(max-width:760px){.superadmin-command .command-tabs{align-items:stretch!important}.superadmin-command .command-tabs>.tab{flex:1 1 calc(50% - 8px)!important}.superadmin-command .r23-context-shell{grid-template-columns:1fr 1fr!important}.superadmin-command .r23-context-shell>span:first-child{grid-column:1/-1!important}.superadmin-command .r23-context-chip{grid-column:1/-1!important;max-width:none!important;width:100%!important}.superadmin-command .r19-admin-shortcut{margin:12px 16px 18px!important}.superadmin-command .r19-admin-shortcut .btn{width:100%;white-space:normal;text-align:center}}
@media(max-width:480px){.superadmin-command .r23-context-shell{grid-template-columns:1fr!important}.superadmin-command .r23-context-shell>*{grid-column:1!important}.superadmin-command .command-tabs>.tab{flex-basis:100%!important}}

/* Tables and action areas */
.app-shell table,.adm table{font-variant-numeric:tabular-nums}.app-shell th,.adm th{font-weight:800!important;letter-spacing:.025em}.app-shell td,.adm td{vertical-align:middle}.app-shell .section-head,.adm .section-head{gap:18px}.app-shell .section-head .btn,.adm .section-head .btn{flex:0 0 auto}
@media(max-width:700px){.app-shell .section-head,.adm .section-head{align-items:flex-start;flex-direction:column}.app-shell .section-head .btn,.adm .section-head .btn{width:100%}}

/* Question/exam visual semantics */
.r23-course-shell .question-card,.r23-course-shell .r23-question,.r23-course-shell [data-question-card]{border-radius:18px!important;border:1px solid #dce5f1!important;box-shadow:0 8px 24px rgba(13,43,82,.06)!important}
.r23-course-shell label:has(input[type=radio]),.r23-course-shell label:has(input[type=checkbox]){border-radius:13px;transition:border-color .15s,background .15s,box-shadow .15s}
.r23-course-shell label:has(input[type=radio]:checked),.r23-course-shell label:has(input[type=checkbox]:checked){border-color:#5787e8!important;background:#f1f5ff!important;box-shadow:0 0 0 2px rgba(64,103,220,.08)}
.r23-course-shell button,.r23-course-shell .btn{font-weight:780;min-height:44px}
.r23-course-shell .result-card,.r23-course-shell [class*=result]{border-radius:18px}