/*
 * 1SAFETY Course Player V3
 * Adult / realistic / mobile-first lesson experience
 * Loaded only on test/courseAnswer via layouts/column1.php.
 * Existing Course Engine mechanics are intentionally untouched.
 */

:root{
    --c3-yellow:#FFC400;
    --c3-yellow-2:#FFD91A;
    --c3-yellow-soft:#FFF7D1;
    --c3-ink:#111318;
    --c3-text:#2E343B;
    --c3-muted:#747D88;
    --c3-line:#E7EAEE;
    --c3-line-strong:#D9DEE4;
    --c3-surface:#FFFFFF;
    --c3-bg:#F5F6F7;
    --c3-green:#169B52;
    --c3-green-soft:#ECF8F1;
    --c3-red:#D74343;
    --c3-red-soft:#FFF1F1;
    --c3-radius:18px;
}

/* =========================================================
   COURSE MODE — remove portal chrome from the lesson itself
   ========================================================= */
body.course-v3-active{
    background:var(--c3-bg)!important;
    color:var(--c3-ink)!important;
}
body.course-v3-active .rs-header,
body.course-v3-active .rs-bottom-nav,
body.course-v3-active .rs-footer{
    display:none!important;
}
body.course-v3-active .rs-main{
    margin:0!important;
    padding:0!important;
    min-height:100dvh!important;
    background:var(--c3-bg)!important;
}
body.course-v3-active #content{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:100%!important;
}

/* =========================================================
   SHELL / TOP LESSON BAR
   ========================================================= */
body.course-v3-active .ca-shell{
    min-height:100dvh!important;
    height:100dvh!important;
    background:var(--c3-bg)!important;
    color:var(--c3-ink)!important;
    font-family:'SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}

body.course-v3-active .ca-header{
    min-height:58px!important;
    height:58px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid var(--c3-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    z-index:80!important;
}
body.course-v3-active .ca-header__inner{
    width:min(820px,100%)!important;
    max-width:820px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0 18px!important;
}
body.course-v3-active .ca-header a,
body.course-v3-active .ca-header button{
    -webkit-tap-highlight-color:transparent!important;
}
body.course-v3-active .ca-header svg{
    stroke:var(--c3-ink)!important;
}

/* Lesson/module strip */
body.course-v3-active .ca-topic-bar{
    min-height:42px!important;
    background:#fff!important;
    border-bottom:1px solid var(--c3-line)!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-topic-bar__inner{
    width:min(820px,100%)!important;
    max-width:820px!important;
    margin:0 auto!important;
    padding:0 18px!important;
}
body.course-v3-active .ca-topic-bar__number{
    background:var(--c3-yellow)!important;
    color:#111!important;
    border:0!important;
    box-shadow:none!important;
    font-weight:800!important;
}
body.course-v3-active .ca-topic-bar__name{
    color:#4D5661!important;
    font-size:12px!important;
    font-weight:650!important;
}

/* Progress — whatever current player uses, keep it unmistakably 1SAFETY */
body.course-v3-active .ca-progress,
body.course-v3-active .ca-progress-bar,
body.course-v3-active [class*="ca-progress__track"]{
    background:#E8EBEE!important;
    border:0!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-progress__fill,
body.course-v3-active .ca-progress-bar__fill,
body.course-v3-active [class*="ca-progress__fill"],
body.course-v3-active [class*="ca-progress-bar__fill"]{
    background:var(--c3-yellow)!important;
    box-shadow:none!important;
}

/* =========================================================
   SCROLL / CONTENT FRAME
   ========================================================= */
body.course-v3-active .ca-scroll{
    background:var(--c3-bg)!important;
    scrollbar-color:#C9CED4 transparent!important;
}
body.course-v3-active .ca-main{
    width:min(820px,100%)!important;
    max-width:820px!important;
    margin:0 auto!important;
    padding:0 18px 18px!important;
}
body.course-v3-active .ca-type-row{
    padding:14px 2px 9px!important;
    min-height:34px!important;
}
body.course-v3-active .ca-type-badge{
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    background:transparent!important;
    color:#7A838E!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
}
body.course-v3-active .ca-type-badge svg{
    display:none!important;
}
body.course-v3-active .ca-step-counter{
    color:#8B949F!important;
    font-size:11px!important;
    font-weight:650!important;
}
body.course-v3-active .ca-step-counter strong{
    color:var(--c3-ink)!important;
}

/* =========================================================
   MAIN LESSON CARD
   ========================================================= */
body.course-v3-active #ca-form .ca-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid var(--c3-line)!important;
    border-radius:20px!important;
    box-shadow:0 8px 30px rgba(17,19,24,.045)!important;
    overflow:hidden!important;
}
body.course-v3-active #ca-form .ca-card__inner,
body.course-v3-active #ca-form .ca-card__inner--media,
body.course-v3-active #ca-form .ca-card__inner--lottie{
    padding:24px 26px 20px!important;
    background:#fff!important;
}
body.course-v3-active .ca-question{
    margin:0 0 18px!important;
    max-width:720px!important;
    color:var(--c3-ink)!important;
    font-size:24px!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
    font-weight:800!important;
}

/* =========================================================
   REALISTIC MEDIA / THEORY
   ========================================================= */
body.course-v3-active .ca-img-wrap,
body.course-v3-active .ca-video-wrap,
body.course-v3-active .ca-qimg{
    width:100%!important;
    max-width:none!important;
    margin:0 auto 16px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#EEF0F2!important;
    border:1px solid var(--c3-line)!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-img-wrap img,
body.course-v3-active .ca-qimg img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:54dvh!important;
    object-fit:contain!important;
    border-radius:0!important;
    background:#EEF0F2!important;
}
body.course-v3-active .ca-video-wrap video{
    display:block!important;
    width:100%!important;
    border-radius:0!important;
}
body.course-v3-active .course-v3-photo-like img{
    object-fit:cover!important;
    min-height:220px!important;
    max-height:420px!important;
}
body.course-v3-active .ca-text-wrap{
    color:#343B43!important;
    font-size:16px!important;
    line-height:1.58!important;
}
body.course-v3-active .ca-text-wrap p{
    margin:0 0 14px!important;
}
body.course-v3-active .ca-text-wrap h1,
body.course-v3-active .ca-text-wrap h2,
body.course-v3-active .ca-text-wrap h3{
    color:var(--c3-ink)!important;
    letter-spacing:-.02em!important;
}
body.course-v3-active .ca-media-desc{
    margin:0 0 16px!important;
    padding:15px 16px!important;
    border:1px solid #E7DFB4!important;
    border-left:4px solid var(--c3-yellow)!important;
    border-radius:12px!important;
    background:#FFFCED!important;
    box-shadow:none!important;
    color:#3F464E!important;
    font-size:14px!important;
    line-height:1.55!important;
}

/* =========================================================
   STANDARD ANSWERS
   ========================================================= */
body.course-v3-active .ca-options-label{
    margin:2px 0 9px!important;
    color:#8A939E!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
body.course-v3-active #ca-form .ca-options{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    overflow:visible!important;
    max-height:none!important;
}
body.course-v3-active #ca-form .ca-option{
    min-height:58px!important;
    width:100%!important;
    padding:13px 15px!important;
    gap:12px!important;
    border:1.5px solid var(--c3-line-strong)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#242A30!important;
    box-shadow:none!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:650!important;
    transform:none!important;
}
@media(hover:hover){
    body.course-v3-active #ca-form .ca-option:hover{
        border-color:#B9C0C7!important;
        background:#FAFAFA!important;
        box-shadow:none!important;
    }
}
body.course-v3-active #ca-form .ca-option:active,
body.course-v3-active #ca-form .ca-option.is-pressed{
    transform:scale(.988)!important;
    background:#F8F8F8!important;
}
body.course-v3-active #ca-form .ca-option__letter{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    border:1.5px solid #C8CED4!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#7D8791!important;
    font-size:10px!important;
    font-weight:800!important;
}
body.course-v3-active #ca-form .ca-option.is-selected{
    border-color:#D6A900!important;
    background:#FFF9DE!important;
    box-shadow:0 0 0 1px rgba(214,169,0,.08)!important;
}
body.course-v3-active #ca-form .ca-option.is-selected .ca-option__letter{
    border-color:#111!important;
    background:var(--c3-yellow)!important;
    color:#111!important;
}
body.course-v3-active #ca-form .ca-option.is-correct{
    border-color:#78C89D!important;
    background:var(--c3-green-soft)!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .ca-option.is-correct .ca-option__letter,
body.course-v3-active #ca-form .ca-option.is-correct .ca-option__state{
    background:var(--c3-green)!important;
    border-color:var(--c3-green)!important;
    color:#fff!important;
}
body.course-v3-active #ca-form .ca-option.is-wrong{
    border-color:#E69A9A!important;
    background:var(--c3-red-soft)!important;
    box-shadow:none!important;
}

/* =========================================================
   FEEDBACK — adult, calm, not "game confetti"
   ========================================================= */
body.course-v3-active #ca-form .ca-feedback{
    width:auto!important;
    max-width:none!important;
    margin:14px 26px 0!important;
    padding:15px 16px!important;
    gap:12px!important;
    border-radius:14px!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .ca-feedback--correct{
    background:var(--c3-green-soft)!important;
    border:1px solid #C7E8D5!important;
}
body.course-v3-active #ca-form .ca-feedback--wrong{
    background:var(--c3-red-soft)!important;
    border:1px solid #F0C7C7!important;
}
body.course-v3-active .ca-feedback__icon{
    width:36px!important;
    height:36px!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-feedback--correct .ca-feedback__icon{
    background:var(--c3-green)!important;
}
body.course-v3-active .ca-feedback--wrong .ca-feedback__icon{
    background:var(--c3-red)!important;
}
body.course-v3-active .ca-feedback__title{
    margin:0 0 2px!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
body.course-v3-active .ca-feedback--correct .ca-feedback__title{
    color:#116B3A!important;
}
body.course-v3-active .ca-feedback--wrong .ca-feedback__title{
    color:#A73333!important;
}
body.course-v3-active .ca-feedback__sub{
    color:#5F6872!important;
    font-size:13px!important;
    line-height:1.42!important;
}

/* Explanation */
body.course-v3-active #ca-form .ca-explanation,
body.course-v3-active #ca-form .ca-explanation.is-visible{
    width:auto!important;
    max-width:none!important;
    margin:10px 26px 0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
}
body.course-v3-active #ca-form .ca-explanation__card{
    max-height:34dvh!important;
    padding:16px 17px 18px!important;
    border:1px solid var(--c3-line)!important;
    border-radius:14px!important;
    background:#FAFBFC!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-explanation__card::before{
    display:none!important;
}
body.course-v3-active .ca-explanation__icon{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    box-shadow:none!important;
}
body.course-v3-active .ca-explanation__eyebrow{
    color:#89929C!important;
    font-size:10px!important;
}
body.course-v3-active .ca-explanation__title{
    color:var(--c3-ink)!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
body.course-v3-active .ca-explanation__lead,
body.course-v3-active .ca-explanation__list li{
    color:#4D5660!important;
    font-size:14px!important;
    line-height:1.5!important;
}

/* =========================================================
   TOOLBAR / PRIMARY CTA
   ========================================================= */
body.course-v3-active #ca-form .ca-toolbar{
    width:100%!important;
    min-height:72px!important;
    margin-top:16px!important;
    padding:12px 26px 16px!important;
    gap:9px!important;
    border-top:1px solid var(--c3-line)!important;
    background:#fff!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .ca-toolbar__inner{
    width:100%!important;
    max-width:none!important;
    gap:9px!important;
}
body.course-v3-active #ca-form .ca-btn{
    min-height:50px!important;
    border-radius:12px!important;
    padding:0 18px!important;
    border:1px solid var(--c3-line-strong)!important;
    background:#fff!important;
    color:#262C32!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
body.course-v3-active #ca-form .ca-btn--next,
body.course-v3-active #ca-form .ca-btn--end,
body.course-v3-active #ca-form #cev22-check-btn,
body.course-v3-active #ca-form #cev22-continue-btn{
    background:var(--c3-yellow)!important;
    border-color:#DCAF00!important;
    color:#111!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .ca-btn--next:hover,
body.course-v3-active #ca-form .ca-btn--end:hover,
body.course-v3-active #ca-form #cev22-check-btn:hover,
body.course-v3-active #ca-form #cev22-continue-btn:hover{
    background:var(--c3-yellow-2)!important;
}
body.course-v3-active #ca-form .ca-btn:active{
    transform:translateY(1px)!important;
}
body.course-v3-active #ca-form .ca-btn:disabled{
    opacity:.42!important;
}

/* =========================================================
   MATCH / CLASSIFY / SORT — V3 visual language
   ========================================================= */
body.course-v3-active #ca-form .cev22-interaction{
    gap:14px!important;
    color:var(--c3-ink)!important;
}
body.course-v3-active #ca-form .cev22-title{
    margin:0!important;
    max-width:720px!important;
    color:var(--c3-ink)!important;
    font-size:24px!important;
    line-height:1.16!important;
    letter-spacing:-.025em!important;
    font-weight:800!important;
}
body.course-v3-active #ca-form .cev22-lead{
    margin:-3px 0 2px!important;
    color:#69727D!important;
    font-size:14px!important;
    line-height:1.45!important;
}
body.course-v3-active #ca-form .cev22-fields{
    border-top:0!important;
}
body.course-v3-active #ca-form .cev22-field{
    border-bottom:1px solid var(--c3-line)!important;
    background:transparent!important;
}
body.course-v3-active #ca-form .cev22-field__text{
    color:#20262C!important;
    font-weight:750!important;
}
body.course-v3-active #ca-form .cev22-choice{
    min-height:52px!important;
    border:1.5px solid var(--c3-line-strong)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#2D343B!important;
    box-shadow:none!important;
    font-weight:650!important;
}
body.course-v3-active #ca-form .cev22-choice:hover{
    border-color:#B8BFC7!important;
    background:#FAFAFA!important;
}
body.course-v3-active #ca-form .cev22-choice__dot{
    border:1.5px solid #C6CCD2!important;
    background:#fff!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .cev22-choice.is-selected{
    border-color:#D6A900!important;
    background:#FFF9DE!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .cev22-choice.is-selected .cev22-choice__dot{
    border-color:#111!important;
    background:var(--c3-yellow)!important;
    box-shadow:inset 0 0 0 4px #fff!important;
}
body.course-v3-active #ca-form .cev22-field.is-correct{
    background:transparent!important;
}
body.course-v3-active #ca-form .cev22-field.is-correct .cev22-choice.is-selected{
    border-color:#78C89D!important;
    background:var(--c3-green-soft)!important;
}
body.course-v3-active #ca-form .cev22-field.is-correct .cev22-field__text::after{
    background:var(--c3-green)!important;
    color:#fff!important;
}
body.course-v3-active #ca-form .cev22-field.is-wrong{
    background:transparent!important;
}
body.course-v3-active #ca-form .cev22-field.is-wrong .cev22-choice.is-selected{
    border-color:#E69A9A!important;
    background:var(--c3-red-soft)!important;
}
body.course-v3-active #ca-form .cev22-sort{
    gap:9px!important;
}
body.course-v3-active #ca-form .cev22-sort__item{
    min-height:64px!important;
    padding:10px 11px!important;
    border:1.5px solid var(--c3-line-strong)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body.course-v3-active #ca-form .cev22-sort__position{
    background:#F0F2F4!important;
    color:#56606A!important;
    border-radius:10px!important;
}
body.course-v3-active #ca-form .cev22-arrow{
    border:1px solid #D8DDE2!important;
    background:#fff!important;
    color:#111!important;
}
body.course-v3-active #ca-form .cev22-sort__item.is-correct{
    border-color:#78C89D!important;
    background:var(--c3-green-soft)!important;
}
body.course-v3-active #ca-form .cev22-sort__item.is-correct .cev22-sort__position{
    background:var(--c3-green)!important;
    color:#fff!important;
}
body.course-v3-active #ca-form .cev22-sort__item.is-wrong{
    border-color:#E69A9A!important;
    background:var(--c3-red-soft)!important;
}
body.course-v3-active #ca-form .cev224-mobile-stepper{
    border-bottom:1px solid var(--c3-line)!important;
}
body.course-v3-active #ca-form .cev224-segment{
    background:#E5E8EB!important;
}
body.course-v3-active #ca-form .cev224-segment.is-active{
    background:#111!important;
}
body.course-v3-active #ca-form .cev224-segment.is-answered{
    background:var(--c3-yellow)!important;
}
body.course-v3-active #ca-form .cev225-mini-back{
    border:1px solid var(--c3-line)!important;
    background:#fff!important;
    color:#111!important;
}

/* Remove the old game-like rewards visually without touching logic */
body.course-v3-active .ca-reward-toast,
body.course-v3-active .ca-streak-banner{
    display:none!important;
}

/* =========================================================
   MOBILE — reference design
   ========================================================= */
@media(max-width:700px){
    body.course-v3-active{
        background:#fff!important;
        overflow:hidden!important;
    }
    body.course-v3-active .rs-main{
        background:#fff!important;
    }
    body.course-v3-active .ca-shell{
        background:#fff!important;
        height:100dvh!important;
        min-height:100dvh!important;
    }
    body.course-v3-active .ca-header{
        height:54px!important;
        min-height:54px!important;
    }
    body.course-v3-active .ca-header__inner{
        min-height:54px!important;
        padding:0 14px!important;
    }
    body.course-v3-active .ca-topic-bar{
        min-height:36px!important;
    }
    body.course-v3-active .ca-topic-bar__inner{
        padding:0 14px!important;
    }
    body.course-v3-active .ca-scroll{
        background:#fff!important;
        padding-bottom:0!important;
    }
    body.course-v3-active .ca-main{
        width:100%!important;
        max-width:none!important;
        padding:0 14px 0!important;
        background:#fff!important;
    }
    body.course-v3-active .ca-type-row{
        padding:12px 0 9px!important;
    }

    body.course-v3-active #ca-form .ca-card,
    body.course-v3-active #ca-form .ca-card--interaction{
        min-height:0!important;
        height:auto!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    body.course-v3-active #ca-form .ca-card__inner,
    body.course-v3-active #ca-form .ca-card__inner--media,
    body.course-v3-active #ca-form .ca-card__inner--lottie,
    body.course-v3-active #ca-form .ca-card--interaction .ca-card__inner{
        padding:10px 0 12px!important;
        overflow:visible!important;
    }

    body.course-v3-active .ca-question{
        margin:0 0 16px!important;
        font-size:22px!important;
        line-height:1.17!important;
        letter-spacing:-.025em!important;
    }

    body.course-v3-active .ca-img-wrap,
    body.course-v3-active .ca-video-wrap,
    body.course-v3-active .ca-qimg{
        margin:0 0 15px!important;
        border-radius:14px!important;
    }
    body.course-v3-active .ca-img-wrap img,
    body.course-v3-active .ca-qimg img{
        max-height:42dvh!important;
    }
    body.course-v3-active .course-v3-photo-like img{
        min-height:210px!important;
        max-height:38dvh!important;
        object-fit:cover!important;
    }
    body.course-v3-active .ca-text-wrap{
        font-size:15px!important;
        line-height:1.56!important;
    }
    body.course-v3-active .ca-media-desc{
        padding:13px 14px!important;
        border-radius:11px!important;
        font-size:13.5px!important;
    }

    body.course-v3-active #ca-form .ca-options{
        gap:8px!important;
    }
    body.course-v3-active #ca-form .ca-option{
        min-height:56px!important;
        padding:12px 13px!important;
        border-radius:13px!important;
        font-size:14px!important;
    }

    body.course-v3-active #ca-form .ca-feedback{
        margin:12px 0 0!important;
        padding:14px!important;
        border-radius:13px!important;
    }
    body.course-v3-active #ca-form .ca-explanation,
    body.course-v3-active #ca-form .ca-explanation.is-visible{
        margin:9px 0 0!important;
    }
    body.course-v3-active #ca-form .ca-explanation__card{
        max-height:30dvh!important;
        border-radius:13px!important;
    }

    body.course-v3-active #ca-form .ca-toolbar,
    body.course-v3-active #ca-form .ca-card--interaction .ca-toolbar{
        position:sticky!important;
        bottom:0!important;
        z-index:40!important;
        width:calc(100% + 28px)!important;
        margin:14px -14px 0!important;
        min-height:76px!important;
        padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
        border-top:1px solid var(--c3-line)!important;
        background:rgba(255,255,255,.98)!important;
        backdrop-filter:blur(12px)!important;
        -webkit-backdrop-filter:blur(12px)!important;
    }
    body.course-v3-active #ca-form .ca-toolbar__inner{
        width:100%!important;
        gap:8px!important;
    }
    body.course-v3-active #ca-form .ca-btn{
        min-height:52px!important;
        border-radius:12px!important;
        font-size:14px!important;
    }
    body.course-v3-active #ca-form .ca-btn--prev{
        flex:0 0 auto!important;
        min-width:50px!important;
        padding:0 14px!important;
    }
    body.course-v3-active #ca-form .ca-btn--next,
    body.course-v3-active #ca-form .ca-btn--end,
    body.course-v3-active #ca-form #cev22-check-btn,
    body.course-v3-active #ca-form #cev22-continue-btn{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    body.course-v3-active #ca-form .cev22-title{
        font-size:22px!important;
        line-height:1.16!important;
    }
    body.course-v3-active #ca-form .cev22-field__text{
        font-size:17px!important;
        line-height:1.28!important;
    }
    body.course-v3-active #ca-form .cev22-choice{
        min-height:56px!important;
        padding:12px 13px!important;
        border-radius:13px!important;
        font-size:14px!important;
    }
    body.course-v3-active #ca-form .cev22-sort__item{
        min-height:64px!important;
        border-radius:13px!important;
    }

    /* Never force desktop hover polish onto touch. */
    body.course-v3-active *{
        -webkit-tap-highlight-color:transparent;
    }
}

/* Compact phones */
@media(max-width:380px){
    body.course-v3-active .ca-main{
        padding-left:12px!important;
        padding-right:12px!important;
    }
    body.course-v3-active .ca-question,
    body.course-v3-active #ca-form .cev22-title{
        font-size:20px!important;
    }
    body.course-v3-active #ca-form .ca-toolbar,
    body.course-v3-active #ca-form .ca-card--interaction .ca-toolbar{
        width:calc(100% + 24px)!important;
        margin-left:-12px!important;
        margin-right:-12px!important;
        padding-left:12px!important;
        padding-right:12px!important;
    }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
    body.course-v3-active *,
    body.course-v3-active *::before,
    body.course-v3-active *::after{
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
}