/* BK Teach academy — navy surfaces, clear white type, blue and yellow accents. */
:root {
    --lp-canvas:#10162f; --lp-raised:#141e3d; --lp-card:#161f40; --lp-border:#33415f;
    --lp-ink:#f5f7ff; --lp-ink-bright:#fff; --lp-ink-muted:#bdc6db; --lp-ink-faint:#a6b3cf;
    --lp-brand:#1858df; --lp-brand-light:#6da5ff; --lp-brand-dark:#1042b8;
    --lp-font-display:var(--lp-font); --academy-yellow:#ffda33;
}
body { background-color:var(--lp-canvas); color:var(--lp-ink); }
.ad-shell { --ad-canvas:#10162f; --ad-panel:#141e3d; --ad-raised:#182445; --ad-border:#33415f; --ad-ink:#f5f7ff; --ad-muted:#bdc6db; --ad-faint:#a6b3cf; --ad-brand:#1858df; --ad-brand-light:#6da5ff; }
.sp-shell--courses { --book-bg:#10162f; --book-ink:#f5f7ff; }
:is(.sp-topbar,.sp-bottom,.ad-topbar,.ad-rail,.lp-nav,.lp-header,.guest-header) { background:#0b1230; border-color:#2b3859; }
.is-landing.gradient-bg { background:#121d42; }
.lp-hero--bleed { --lp-hero-bg:#121d42; }
.lp-hero--bleed .lp-hero__image { mix-blend-mode:lighten; }
.lp-hero--bleed .lp-hero__veil { background:linear-gradient(180deg,rgba(18,29,66,.18) 20%,rgba(18,29,66,.2) 64%,#121d42 100%),linear-gradient(90deg,#121d42 0%,rgba(18,29,66,.8) 38%,rgba(18,29,66,.1) 78%); }
.public-mobile-nav--landing { background:#0b1230 !important; border-color:#33415f; }
.sp-shell.sp-shell--home:not(.sp-shell--learn) .sp-topbar { background:#0b1230; }
.sp-shell :is(.sp-card,.sp-course-card,.sp-module-row,.sp-modules-banner,.sp-toc),
.sp-shell--home .sp-card,.sp-shell--home .sp-stat { background:#161f40; border-color:#33415f; box-shadow:none; }
.sp-shell--courses .sp-learn-body,.sp-shell--courses .sp-learn-chrome { background:#10162f; }
.sp-shell--courses .sp-learn-chrome { border-color:#33415f; }
.sp-shell--courses .sp-module-chapters { background:#10162f; border-color:#33415f; }
:is(.lp-hero__title,.lp-section-title,.lp-pillar__title,.lp-offer-modal__title,.lp-promo-card__title,.auth-panel__title,.sp-title,.tb-gate__title),
.sp-shell--home .sp-home-hero__title,.ad-page-head h2 {
    font-family:var(--lp-font); font-style:normal; letter-spacing:-.025em; font-weight:700;
}
.sp-shell--home .sp-home-hero__title { color:#fff; }
.lp-hero--bleed :is(.lp-hero__title,.lp-hero__title-lead,.lp-hero__title-accent) { font-family:var(--lp-font) !important; font-weight:700 !important; font-style:normal !important; text-transform:none; letter-spacing:-.03em; white-space:normal; }
.lp-hero--bleed .lp-hero__title { font-size:clamp(2.25rem,5.5vw,4.5rem); line-height:1.14; max-width:40rem; }
.lp-hero--bleed .lp-hero__title-accent { color:#ffda33; }
.sp-shell--home :is(.sp-section__title,.sp-stat__label,.sp-continue__meta,.sp-progress--inline) { color:#bdc6db; }
.sp-shell--home .sp-continue .sp-chip--brand { background:#ffda33; border-color:#ffda33; color:#10162f; }
.sp-shell--home .sp-stat__icon--amber { color:#ffda33; }
.sp-shell--home .sp-progress__fill { background:#86ddb9; box-shadow:none; }
:is(.lp-eyebrow,.bk-quiz-eyebrow) { color:#ffda33; }
.sp-shell--courses .sp-lesson__body.bk-chapter,
.sp-lesson__body.bk-chapter :where(p,li,td,th,h1,h2,h3,h4,h5,h6,blockquote) { color:#f5f7ff !important; }
body.sp-lesson__body.bk-chapter,.ad-write-doc { background:#10162f; }
.ad-write-chrome { background:#0b1230; }
.bk-module-quiz-link { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px; margin-top:18px; border:1px solid #33415f; border-left:3px solid #ffda33; border-radius:12px; background:#141e3d; }
.bk-module-quiz-link strong { color:#fff; font-size:15px; }
.bk-module-quiz-link p { margin:5px 0 0; color:#bdc6db; font-size:13px; line-height:1.6; }
.bk-quiz-page { max-width:880px; width:100%; min-width:0; margin:0 auto; padding-bottom:32px; }
.bk-quiz-header { margin-bottom:28px; }
.bk-quiz-page :is(h1,h2,h3) { font-family:var(--lp-font); font-style:normal; letter-spacing:normal; }
.bk-quiz-header h1 { margin:10px 0 12px; color:#fff; font-size:clamp(24px,4vw,36px); font-weight:700; line-height:1.4; letter-spacing:-.025em; overflow-wrap:anywhere; }
.bk-quiz-header > p:not(.bk-quiz-eyebrow) { margin:8px 0; color:#bdc6db; font-size:15px; line-height:1.8; }
.bk-quiz-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:16px; color:#a8c9ff; font-size:14px; }
.bk-quiz-eyebrow { margin:0; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.bk-quiz-panel { min-width:0; margin:0 0 20px; padding:24px; border:1px solid #33415f; border-radius:16px; background:#161f40; }
.bk-quiz-settings { border-top:3px solid #ffda33; }
.bk-quiz-settings > p,.bk-quiz-hint,.bk-quiz-actions > span { color:#bdc6db; font-size:13px; line-height:1.8; }
.bk-quiz-settings > p { margin:12px 0; }
.bk-quiz-toggle { display:flex; gap:12px; align-items:center; color:#fff; font-size:16px; font-weight:600; line-height:1.6; }
.bk-quiz-toggle input { width:20px; height:20px; flex-shrink:0; accent-color:#1858df; }
.bk-quiz-total { display:inline-block; margin-top:8px; padding:6px 10px; color:#10162f; background:#ffda33; border-radius:5px; font-size:12px; font-weight:700; }
.bk-quiz-question__head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:20px; }
.bk-quiz-question__head h2 { color:#fff; font-size:17px; font-weight:600; }
.bk-quiz-remove,.bk-quiz-choice-remove { min-height:44px; color:#ffb4b4; font-size:13px; }
.bk-quiz-field { display:flex; flex-direction:column; gap:8px; color:#bdc6db; font-size:14px; line-height:1.6; min-width:0; }
.bk-quiz-field :is(input,textarea),.bk-quiz-choice-editor > input {
    width:100%; min-width:0; min-height:46px; border:1px solid #48577b; border-radius:8px; padding:12px; background:#10162f; color:#fff; font:inherit; font-size:16px; line-height:1.7;
}
.bk-quiz-field textarea { resize:vertical; }
.bk-quiz-field :is(input,textarea):focus,.bk-quiz-choice-editor > input:focus { outline:2px solid #6da5ff; outline-offset:2px; }
.bk-quiz-hint { margin:18px 0 10px; }
.bk-quiz-choices { display:flex; flex-direction:column; gap:12px; }
.bk-quiz-choice-editor { display:grid; grid-template-columns:56px minmax(0,1fr) 36px; gap:10px; align-items:center; }
.bk-quiz-correct { display:flex; gap:8px; align-items:center; justify-content:center; min-height:44px; color:#bdc6db; }
.bk-quiz-correct input,.bk-quiz-choice > input { width:18px; height:18px; flex-shrink:0; accent-color:#6da5ff; }
.bk-quiz-choice-remove:disabled { opacity:.3; cursor:not-allowed; }
.bk-quiz-text-button { display:inline-flex; align-items:center; min-height:44px; color:#a8c9ff; font-size:14px; font-weight:600; }
.bk-quiz-question__foot { display:grid; grid-template-columns:120px minmax(0,1fr); gap:20px; margin-top:20px; }
.bk-quiz-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; }
.bk-quiz-actions :is(button,a) { min-height:48px; }
.bk-quiz-empty { padding:30px 20px; margin-bottom:20px; text-align:center; color:#bdc6db; border:1px dashed #48577b; border-radius:12px; }
.bk-quiz-legend { color:#ffda33; font-size:13px; font-weight:700; padding:0 8px; }
.bk-quiz-prompt { margin:6px 0 20px; color:#fff; font-size:18px; font-weight:600; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.bk-quiz-choice { display:flex; align-items:flex-start; gap:12px; min-height:56px; padding:16px; border:1px solid #48577b; border-radius:10px; color:#f5f7ff; background:#10162f; cursor:pointer; line-height:1.8; font-size:16px; }
.bk-quiz-choice > input { margin-top:5px; }
.bk-quiz-choice > span:last-child { min-width:0; overflow-wrap:anywhere; white-space:pre-line; }
.bk-quiz-choice-letter { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:28px; height:28px; border:1px solid #48577b; border-radius:6px; font-size:13px; font-weight:700; color:#bdc6db; }
.bk-quiz-choice:has(> input:checked) { border-color:#7caaff; background:#1c3262; box-shadow:inset 0 0 0 1px #7caaff; }
.bk-quiz-choice:has(> input:focus-visible) { outline:2px solid #ffda33; outline-offset:3px; }
.bk-quiz-error,.bk-quiz-wrong { color:#ffb4b4; font-size:13px; }
.bk-quiz-right { color:#98e7bf; font-size:13px; }
.bk-quiz-result { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:28px; border-top:3px solid #ffda33; }
.bk-quiz-result p { margin:0 0 12px; color:#bdc6db; font-size:14px; line-height:1.8; }
.bk-quiz-result h2 { margin-bottom:12px; color:#fff; font-size:21px; font-weight:600; line-height:1.5; }
.bk-quiz-score { display:block; color:#fff; font-size:42px; font-weight:700; line-height:1.4; white-space:nowrap; }
.bk-quiz-score small { color:#bdc6db; font-size:22px; }
.bk-quiz-percent { color:#ffda33; font-size:16px; font-weight:600; }
.bk-quiz-result .sp-btn { white-space:normal; text-align:center; line-height:1.7; }
.bk-quiz-review { cursor:default; }
.bk-quiz-review small { display:block; color:inherit; font-size:12px; margin-top:4px; }
.bk-quiz-review.is-correct { border-color:#71d9aa; background:#16382f; color:#d7ffe9; }
.bk-quiz-review.is-incorrect { border-color:#db848e; background:#3a2031; color:#ffe0e4; }
.bk-quiz-explanation { margin-top:18px; padding:14px; background:#10162f; border-left:3px solid #ffda33; color:#bdc6db; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.sp-quiz-callout--native { border:1px solid #33415f; background:#161f40; }
.sp-quiz-callout--native .sp-quiz-callout__eyebrow { color:#ffda33; }
.sp-quiz-callout--native .sp-quiz-callout__title { color:#fff; }
.sp-quiz-callout--native .sp-quiz-callout__text { color:#bdc6db; margin-bottom:16px; }
@media(max-width:639px) {
    .bk-quiz-panel { padding:18px 14px; border-radius:12px; }
    .bk-quiz-question__foot { grid-template-columns:minmax(0,1fr); gap:16px; }
    .bk-quiz-question__foot > label:first-child { max-width:150px; }
    .bk-quiz-choice-editor { grid-template-columns:44px minmax(0,1fr) 30px; gap:6px; }
    .bk-quiz-choice { padding:14px 12px; gap:8px; }
    .bk-quiz-result { grid-template-columns:minmax(0,1fr); gap:20px; }
    .bk-quiz-actions > :is(button,.sp-btn),.bk-module-quiz-link > a { width:100%; justify-content:center; }
}