/**
 * StanLoop Fan Quiz Experience — v0.1.88.18.23.2
 *
 * DOM-first, CSS-first presentation for Tutor LMS 4.0.1 native quiz markup.
 * This file does not clone, move, or replace Tutor content.
 */

body.stanloop-quiz-experience-page {
    --sl-quiz-green: #58a52f;
    --sl-quiz-green-deep: #2f7c20;
    --sl-quiz-green-soft: #edf8e7;
    --sl-quiz-orange: #ff7417;
    --sl-quiz-orange-deep: #f45d00;
    --sl-quiz-orange-soft: #fff0e5;
    --sl-quiz-red: #e5483f;
    --sl-quiz-red-soft: #fff1ef;
    --sl-quiz-blue: #4267df;
    --sl-quiz-ink: #142038;
    --sl-quiz-muted: #667189;
    --sl-quiz-line: #e3e8df;
    --sl-quiz-canvas: #f6f8f3;
    --sl-quiz-card: #ffffff;
    --sl-quiz-shadow: 0 22px 60px rgba(36, 49, 75, .10);
    --sl-quiz-shadow-soft: 0 12px 32px rgba(36, 49, 75, .075);
    margin: 0 !important;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 5% 3%, rgba(88, 165, 47, .11), transparent 29%),
        radial-gradient(circle at 96% 1%, rgba(255, 116, 23, .10), transparent 28%),
        var(--sl-quiz-canvas) !important;
    color: var(--sl-quiz-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.stanloop-quiz-experience-page *,
body.stanloop-quiz-experience-page *::before,
body.stanloop-quiz-experience-page *::after {
    box-sizing: border-box;
}

/* Keep the quiz template focused on learning. */
body.stanloop-quiz-experience-page #masthead,
body.stanloop-quiz-experience-page #colophon,
body.stanloop-quiz-experience-page .site-header:not(.tutor-learning-header),
body.stanloop-quiz-experience-page .site-footer,
body.stanloop-quiz-experience-page .bb-mobile-header-wrapper {
    display: none !important;
}

/* -------------------------------------------------------------------------
 * Native quiz landing / attempts page inside Tutor's learning shell
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .tutor-learning-area {
    min-height: 100vh;
    background: transparent !important;
}

body.stanloop-quiz-experience-page .tutor-learning-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    height: 72px !important;
    z-index: 80 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(20, 32, 56, .08) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 28px rgba(36, 49, 75, .07);
    backdrop-filter: blur(18px);
}

body.stanloop-quiz-experience-page .tutor-learning-header-inner {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 22px !important;
    gap: 14px;
    overflow: visible !important;
}

body.stanloop-quiz-experience-page .tutor-learning-header-content {
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: visible !important;
}

body.stanloop-quiz-experience-page .tutor-learning-header-content::before {
    content: "StanLoop\00a0 LEARNING";
    flex: 0 0 auto;
    padding-right: 16px;
    border-right: 1px solid rgba(20, 32, 56, .09);
    color: var(--sl-quiz-green-deep);
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.045em;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page .tutor-learning-header-content::first-letter {
    color: var(--sl-quiz-orange);
}

body.stanloop-quiz-experience-page .tutor-learning-header-back .tutor-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 1px solid rgba(20, 32, 56, .11) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--sl-quiz-ink) !important;
}

body.stanloop-quiz-experience-page .tutor-learning-header-back .tutor-btn:hover {
    border-color: rgba(88, 165, 47, .35) !important;
    background: var(--sl-quiz-green-soft) !important;
    color: var(--sl-quiz-green-deep) !important;
}

body.stanloop-quiz-experience-page .tutor-learning-header-title {
    min-width: 0;
    max-width: min(56vw, 720px);
    overflow: hidden;
    color: var(--sl-quiz-ink) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page .tutor-learning-area-body {
    min-height: 100vh !important;
    padding-top: 72px !important;
    background: transparent !important;
}

body.stanloop-quiz-experience-page .tutor-learning-sidebar {
    position: fixed !important;
    inset: 72px auto 0 0 !important;
    width: 300px !important;
    max-width: 300px !important;
    height: calc(100vh - 72px) !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-right: 1px solid rgba(20, 32, 56, .08) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 14px 0 40px rgba(36, 49, 75, .06);
    z-index: 45 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-sidebar > .tutor-hidden.tutor-lg-flex {
    display: none !important;
}

body.stanloop-quiz-experience-page .tutor-learning-sidebar-curriculum {
    padding: 16px 14px 22px !important;
    background: transparent !important;
}

body.stanloop-quiz-experience-page .tutor-learning-progress {
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(88, 165, 47, .18) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(237, 248, 231, .98), #fff) !important;
}

body.stanloop-quiz-experience-page .tutor-learning-progress-text {
    padding: 0 0 11px !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-progress-bar {
    height: 7px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #dfe9da !important;
}

body.stanloop-quiz-experience-page .tutor-progress-bar-fill {
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--sl-quiz-green), #73bf43) !important;
}

body.stanloop-quiz-experience-page .tutor-course-topic {
    margin-bottom: 10px !important;
    overflow: hidden;
    border: 1px solid rgba(20, 32, 56, .09) !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.stanloop-quiz-experience-page .tutor-course-topic-title {
    min-height: 52px !important;
    padding: 14px 14px !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-course-topic-item {
    margin: 4px 7px !important;
    border-radius: 12px !important;
}

body.stanloop-quiz-experience-page .tutor-course-topic-item.is-active,
body.stanloop-quiz-experience-page .tutor-course-topic-item.active,
body.stanloop-quiz-experience-page .tutor-course-topic-item-current {
    background: linear-gradient(135deg, var(--sl-quiz-green-soft), #f8fcf5) !important;
    box-shadow: inset 3px 0 0 var(--sl-quiz-green);
}

body.stanloop-quiz-experience-page .tutor-learning-sidebar-pages {
    margin: 12px 14px 18px !important;
    padding: 12px !important;
    border: 1px solid rgba(20, 32, 56, .08) !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.stanloop-quiz-experience-page .tutor-learning-area-content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: calc(100vh - 72px) !important;
    margin-left: 0 !important;
    padding: 32px 34px 90px !important;
    background: transparent !important;
}

body.stanloop-quiz-experience-page .tutor-learning-area-container {
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-area-container > .tutor-quiz {
    width: 100% !important;
    max-width: none !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-overview {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 190px;
    align-items: center;
    min-height: 250px;
    margin: 0 !important;
    padding: 34px 36px !important;
    overflow: hidden;
    border: 1px solid rgba(88, 165, 47, .18) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 94% 10%, rgba(255, 116, 23, .16), transparent 32%),
        radial-gradient(circle at 74% 110%, rgba(88, 165, 47, .12), transparent 36%),
        linear-gradient(135deg, rgba(237, 248, 231, .98), rgba(255, 255, 255, .99)) !important;
    box-shadow: var(--sl-quiz-shadow);
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-overview::before {
    content: "KNOWLEDGE CHECK";
    position: absolute;
    top: 30px;
    left: 36px;
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 11px;
    border: 1px solid rgba(88, 165, 47, .20);
    border-radius: 999px;
    color: var(--sl-quiz-green-deep);
    background: rgba(255, 255, 255, .82);
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .10em;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-icon {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: center;
    width: 158px !important;
    height: 158px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, .80) !important;
    box-shadow: 0 16px 38px rgba(36, 49, 75, .09);
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-title {
    grid-column: 1;
    align-self: end;
    max-width: 690px;
    margin: 46px 0 0 !important;
    color: var(--sl-quiz-ink) !important;
    font-size: clamp(34px, 4.3vw, 58px) !important;
    line-height: 1.01 !important;
    font-weight: 900 !important;
    letter-spacing: -.048em !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-description {
    grid-column: 1;
    max-width: 700px;
    margin: 12px 0 0 !important;
    color: var(--sl-quiz-muted) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-params {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--sl-quiz-line) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: var(--sl-quiz-shadow-soft);
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-params table {
    margin: 0 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-params tr {
    min-height: 62px;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-params td {
    padding: 16px 20px !important;
    border-color: var(--sl-quiz-line) !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro-params td:first-child {
    width: 45%;
    color: var(--sl-quiz-muted) !important;
    font-weight: 800 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--sl-quiz-line) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: var(--sl-quiz-shadow-soft);
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts-header {
    min-height: 54px;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sl-quiz-line) !important;
    background: #f8faf7 !important;
    color: var(--sl-quiz-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts-item-wrapper {
    border-color: var(--sl-quiz-line) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
    min-height: 94px;
    padding: 16px 20px !important;
    transition: background .18s ease;
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts-item:hover {
    background: #fbfdf9 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-attempts-item a {
    color: var(--sl-quiz-ink) !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-btn-primary,
body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-quiz-start-btn,
body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-quiz-retry-btn {
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep)) !important;
    box-shadow: 0 14px 28px rgba(255, 116, 23, .23);
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-btn-primary:hover,
body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-quiz-start-btn:hover,
body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-quiz-retry-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 17px 34px rgba(255, 116, 23, .28);
}

/* -------------------------------------------------------------------------
 * Native active quiz form
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page form.tutor-quiz-submission {
    width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 104px 24px 118px !important;
    overflow-x: hidden !important;
    color: var(--sl-quiz-ink) !important;
    background:
        radial-gradient(circle at 6% 4%, rgba(88, 165, 47, .09), transparent 28%),
        radial-gradient(circle at 96% 1%, rgba(255, 116, 23, .09), transparent 27%),
        var(--sl-quiz-canvas) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 84px !important;
    z-index: 90 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(20, 32, 56, .08) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 8px 28px rgba(36, 49, 75, .07);
    backdrop-filter: blur(18px);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress {
    width: min(100% - 32px, 980px) !important;
    height: 84px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header {
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-meta {
    min-width: 0;
    flex: 1 1 auto;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-meta::before {
    content: "StanLoop\00a0 LEARNING";
    flex: 0 0 auto;
    padding-right: 14px;
    border-right: 1px solid rgba(20, 32, 56, .09);
    color: var(--sl-quiz-green-deep);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.035em;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-title {
    min-width: 0;
    max-width: 560px;
    overflow: hidden;
    color: var(--sl-quiz-ink) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame {
    flex: 0 0 auto;
    min-width: 74px;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    border: 1px solid rgba(66, 103, 223, .20) !important;
    border-radius: 12px !important;
    color: var(--sl-quiz-blue) !important;
    background: #f4f7ff !important;
    box-shadow: none !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame.is-warning,
body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame.is-danger {
    border-color: rgba(229, 72, 63, .22) !important;
    color: var(--sl-quiz-red) !important;
    background: var(--sl-quiz-red-soft) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame-shape {
    display: none !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-text {
    font-size: 17px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header > .tutor-btn {
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(20, 32, 56, .11) !important;
    border-radius: 12px !important;
    color: var(--sl-quiz-ink) !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header > .tutor-btn:hover {
    border-color: rgba(229, 72, 63, .28) !important;
    color: var(--sl-quiz-red) !important;
    background: var(--sl-quiz-red-soft) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-bar-wrapper {
    height: 8px !important;
    margin: 0 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-progress-bar {
    height: 7px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #e7ebe4 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-progress-bar-fill {
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--sl-quiz-green), var(--sl-quiz-orange)) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions {
    width: min(100%, 920px) !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 28px 0 36px !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-meta {
    margin: 0 0 12px !important;
    color: var(--sl-quiz-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-indicator strong {
    color: var(--sl-quiz-ink) !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-wrapper-active {
    width: 100% !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question {
    width: 100% !important;
    padding: 26px !important;
    overflow: hidden !important;
    border: 1px solid var(--sl-quiz-line) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .99) !important;
    box-shadow: var(--sl-quiz-shadow-soft);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 22px !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-number {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    color: var(--sl-quiz-green-deep) !important;
    background: var(--sl-quiz-green-soft) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-title {
    padding-top: 4px;
    color: var(--sl-quiz-ink) !important;
    font-size: clamp(18px, 2vw, 23px) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: -.018em;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option {
    min-width: 0 !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    padding: 13px 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(20, 32, 56, .11) !important;
    border-radius: 15px !important;
    color: var(--sl-quiz-ink) !important;
    background: #fbfcfa !important;
    cursor: pointer !important;
    transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option:hover {
    transform: translateY(-1px);
    border-color: rgba(88, 165, 47, .38) !important;
    background: #f8fcf5 !important;
    box-shadow: 0 8px 20px rgba(36, 49, 75, .06);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option .tutor-input-field,
body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option .tutor-input-wrapper {
    width: 100% !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option .tutor-label {
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option:has(input:checked):not([data-option]) {
    border-color: rgba(66, 103, 223, .48) !important;
    color: #2548b7 !important;
    background: #eef3ff !important;
    box-shadow: 0 0 0 3px rgba(66, 103, 223, .08);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question[data-revealed="1"] .tutor-quiz-question-option {
    cursor: default !important;
    transform: none !important;
    box-shadow: none !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option[data-option="correct"] {
    border-color: rgba(47, 148, 68, .50) !important;
    color: #23833b !important;
    background: #eef9ef !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option[data-option="incorrect"] {
    border-color: rgba(229, 72, 63, .46) !important;
    color: #d63c34 !important;
    background: var(--sl-quiz-red-soft) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-questions-error {
    margin-top: 12px !important;
    padding: 11px 13px !important;
    border-radius: 11px !important;
    color: #b8322b !important;
    background: var(--sl-quiz-red-soft) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions-pagination {
    position: fixed !important;
    left: 50% !important;
    bottom: 101px !important;
    z-index: 86 !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateX(-50%);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-questions-pagination ul {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(20, 32, 56, .08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 28px rgba(36, 49, 75, .09);
    backdrop-filter: blur(14px);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-item {
    width: 11px !important;
    min-width: 11px !important;
    height: 11px !important;
    min-height: 11px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #dce2dc !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-item.active {
    width: 25px !important;
    background: var(--sl-quiz-blue) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-item.correct {
    background: var(--sl-quiz-green) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-item.incorrect {
    background: var(--sl-quiz-red) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-label,
body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-paginate-icon {
    display: none !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-footer {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 88 !important;
    min-height: 88px !important;
    border: 0 !important;
    border-top: 1px solid rgba(20, 32, 56, .08) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -12px 34px rgba(36, 49, 75, .07);
    backdrop-filter: blur(18px);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-inner {
    width: min(100% - 32px, 980px) !important;
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback {
    min-width: 0;
    /* Preserve Tutor/Alpine x-show display control for empty, correct and incorrect states. */
    align-items: center !important;
    gap: 10px !important;
    color: var(--sl-quiz-green-deep) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer[data-reveal-state="incorrect"] .tutor-quiz-footer-feedback {
    color: var(--sl-quiz-red) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback-icon {
    width: 38px !important;
    height: 38px !important;
    /* Do not override Alpine's inline display:none on the inactive icon. */
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: var(--sl-quiz-green-soft) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer[data-reveal-state="incorrect"] .tutor-quiz-footer-feedback-icon {
    background: var(--sl-quiz-red-soft) !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: auto !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer .tutor-btn {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-answer-previous-btn {
    border: 1px solid rgba(20, 32, 56, .11) !important;
    color: var(--sl-quiz-ink) !important;
    background: #fff !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-answer-next-btn,
body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-submit-btn {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep)) !important;
    box-shadow: 0 12px 25px rgba(255, 116, 23, .22);
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-btn[disabled] {
    opacity: .48 !important;
    box-shadow: none !important;
}

/* Tutor controls visibility; these rules only reinforce the correct final-step UX. */
body.stanloop-quiz-experience-page form.tutor-quiz-submission:not(:has(.tutor-quiz-question-wrapper[data-quiz-question-index="5"].tutor-quiz-question-wrapper-active)) .tutor-quiz-submit-btn {
    display: none !important;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission:has(.tutor-quiz-question-wrapper[data-quiz-question-index="5"].tutor-quiz-question-wrapper-active) .tutor-quiz-answer-next-btn {
    display: none !important;
}

/* -------------------------------------------------------------------------
 * Tutor modals — native logic, overflow-safe presentation
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .tutor-modal {
    padding: 16px !important;
}

body.stanloop-quiz-experience-page .tutor-modal-backdrop {
    background: rgba(17, 24, 39, .66) !important;
    backdrop-filter: blur(4px);
}

body.stanloop-quiz-experience-page .tutor-modal-content {
    width: min(100%, 460px) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    margin: auto !important;
    overflow: hidden auto !important;
    border: 1px solid rgba(20, 32, 56, .10) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 30px 90px rgba(17, 24, 39, .28) !important;
}

body.stanloop-quiz-experience-page .tutor-modal-content *,
body.stanloop-quiz-experience-page .tutor-quiz-result-modal * {
    max-width: 100%;
}

body.stanloop-quiz-experience-page .tutor-quiz-result-modal {
    width: 100% !important;
    overflow-x: hidden !important;
    padding: 28px 24px 24px !important;
    text-align: center;
}

body.stanloop-quiz-experience-page .tutor-modal-content h5,
body.stanloop-quiz-experience-page .tutor-modal-content h4 {
    color: var(--sl-quiz-ink) !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-modal-content p {
    color: var(--sl-quiz-muted) !important;
    line-height: 1.55 !important;
}

body.stanloop-quiz-experience-page .tutor-modal-content .tutor-btn-primary {
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep)) !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-modal-content .tutor-btn-secondary {
    border-radius: 13px !important;
    color: var(--sl-quiz-ink) !important;
    background: #f2f4f1 !important;
    font-weight: 850 !important;
}

/* -------------------------------------------------------------------------
 * Native Tutor Quiz Summary / answer review
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .tutor-quiz-summary-page {
    min-height: 100vh !important;
    padding-bottom: 80px !important;
    background:
        radial-gradient(circle at 5% 3%, rgba(88, 165, 47, .10), transparent 28%),
        radial-gradient(circle at 96% 1%, rgba(255, 116, 23, .09), transparent 27%),
        var(--sl-quiz-canvas) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 max(24px, calc((100vw - 1080px) / 2)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(20, 32, 56, .08) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 28px rgba(36, 49, 75, .07);
    backdrop-filter: blur(18px);
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-header::before {
    content: "StanLoop\00a0 LEARNING";
    margin-right: 18px;
    padding-right: 18px;
    border-right: 1px solid rgba(20, 32, 56, .09);
    color: var(--sl-quiz-green-deep);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -.035em;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-header .tutor-quiz-summary-title,
body.stanloop-quiz-experience-page .tutor-quiz-summary-header h4,
body.stanloop-quiz-experience-page .tutor-quiz-summary-header h5 {
    color: var(--sl-quiz-ink) !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary {
    width: min(100% - 40px, 1080px) !important;
    margin: 34px auto 0 !important;
    padding: 0 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-overview {
    margin: 0 !important;
    padding: 30px 34px !important;
    overflow: hidden !important;
    border: 1px solid rgba(88, 165, 47, .18) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 95% 0%, rgba(255, 116, 23, .14), transparent 31%),
        linear-gradient(135deg, rgba(237, 248, 231, .98), #fff) !important;
    box-shadow: var(--sl-quiz-shadow);
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-overview h1,
body.stanloop-quiz-experience-page .tutor-quiz-summary-overview h2,
body.stanloop-quiz-experience-page .tutor-quiz-summary-overview h3 {
    color: var(--sl-quiz-ink) !important;
    font-weight: 900 !important;
    letter-spacing: -.03em;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-body {
    width: min(100% - 40px, 1080px) !important;
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 24px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar {
    position: sticky !important;
    top: 96px !important;
    width: 100% !important;
    padding: 20px !important;
    border: 1px solid var(--sl-quiz-line) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: var(--sl-quiz-shadow-soft);
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar > h3,
body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar > h4 {
    margin: 0 0 14px !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-questions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 11px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    color: var(--sl-quiz-muted) !important;
    background: #f8faf7 !important;
    text-decoration: none !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item:hover,
body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item.active {
    border-color: rgba(88, 165, 47, .22) !important;
    color: var(--sl-quiz-ink) !important;
    background: var(--sl-quiz-green-soft) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item.correct .tutor-question-number,
body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item.correct::before {
    color: var(--sl-quiz-green-deep) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item.incorrect .tutor-question-number,
body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item.incorrect::before {
    color: var(--sl-quiz-red) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-sidebar-question-item .tutor-question-content {
    min-width: 0;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content {
    min-width: 0 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content > h2,
body.stanloop-quiz-experience-page .tutor-quiz-summary-content > h3 {
    margin: 0 0 14px !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-questions {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question {
    padding: 22px !important;
    overflow: hidden !important;
    border: 1px solid var(--sl-quiz-line) !important;
    border-radius: 19px !important;
    background: rgba(255, 255, 255, .99) !important;
    box-shadow: var(--sl-quiz-shadow-soft);
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-header {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-number {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    color: var(--sl-quiz-green-deep) !important;
    background: var(--sl-quiz-green-soft) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-title {
    padding-top: 4px;
    color: var(--sl-quiz-ink) !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-badge-success {
    color: var(--sl-quiz-green-deep) !important;
    background: var(--sl-quiz-green-soft) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-badge-danger,
body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-badge-error {
    color: var(--sl-quiz-red) !important;
    background: var(--sl-quiz-red-soft) !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    padding: 11px 13px !important;
    border: 1px solid rgba(20, 32, 56, .10) !important;
    border-radius: 13px !important;
    color: var(--sl-quiz-ink) !important;
    background: #fbfcfa !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option[data-option="correct"],
body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option.correct {
    border-color: rgba(47, 148, 68, .48) !important;
    color: #23833b !important;
    background: #eef9ef !important;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option[data-option="incorrect"],
body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option.incorrect {
    border-color: rgba(229, 72, 63, .45) !important;
    color: #d63c34 !important;
    background: var(--sl-quiz-red-soft) !important;
}

/* -------------------------------------------------------------------------
 * Responsive
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
    body.stanloop-quiz-experience-page .tutor-learning-sidebar {
        position: fixed !important;
        inset: 72px auto 0 0 !important;
        width: min(88vw, 330px) !important;
        max-width: min(88vw, 330px) !important;
        transform: translateX(-105%);
        transition: transform .22s ease;
    }

    body.stanloop-quiz-experience-page .tutor-learning-sidebar.is-open {
        transform: translateX(0) !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-area-content {
        margin-left: 0 !important;
        padding: 24px 20px 72px !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-toggle-mobile {
        display: flex !important;
        margin-left: auto !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-toggle-mobile .tutor-btn {
        width: 40px !important;
        height: 40px !important;
        border: 1px solid rgba(20, 32, 56, .10) !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-body {
        grid-template-columns: 1fr !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar {
        position: static !important;
    }
}

@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .tutor-learning-header-inner {
        padding: 0 12px !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-content::before {
        content: "StanLoop";
        padding-right: 10px;
        font-size: 17px;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-title {
        max-width: 42vw;
        font-size: 12px !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-area-content {
        padding: 18px 13px 60px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-overview {
        grid-template-columns: 1fr !important;
        min-height: 0;
        padding: 26px 22px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-overview::before {
        position: static;
        width: max-content;
        margin-bottom: 12px;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-icon {
        grid-column: 1;
        grid-row: auto;
        width: 92px !important;
        height: 92px !important;
        justify-self: start;
        margin-bottom: 10px !important;
        padding: 16px !important;
        border-radius: 24px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-title {
        grid-column: 1;
        margin-top: 0 !important;
        font-size: 34px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-description {
        grid-column: 1;
        font-size: 14px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-params td {
        padding: 13px 14px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-header {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        min-height: 0;
        padding: 15px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission {
        padding: 91px 12px 124px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-header {
        height: 76px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress {
        width: calc(100% - 20px) !important;
        height: 76px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header {
        height: 62px !important;
        gap: 8px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-meta::before {
        display: none;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-title {
        max-width: 48vw;
        font-size: 13px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame {
        min-width: 65px;
        height: 38px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header > .tutor-btn {
        min-height: 38px !important;
        padding: 0 12px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions {
        padding-top: 18px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-options,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-options {
        grid-template-columns: 1fr !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option {
        min-height: 54px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-inner {
        width: calc(100% - 20px) !important;
        gap: 8px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback {
        font-size: 12px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback-icon {
        width: 34px !important;
        height: 34px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer .tutor-btn {
        min-height: 42px !important;
        padding: 0 13px !important;
        font-size: 12px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions-pagination {
        bottom: 98px !important;
    }

    body.stanloop-quiz-experience-page .tutor-modal {
        padding: 10px !important;
    }

    body.stanloop-quiz-experience-page .tutor-modal-content {
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px) !important;
        border-radius: 20px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-header {
        height: 64px !important;
        padding: 0 14px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-header::before {
        content: "StanLoop";
        margin-right: 10px;
        padding-right: 10px;
        font-size: 15px;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-body {
        width: calc(100% - 24px) !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary {
        margin-top: 18px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-overview {
        padding: 22px 18px !important;
        border-radius: 19px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question {
        padding: 17px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-header {
        grid-template-columns: 32px minmax(0, 1fr) !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-header-actions {
        grid-column: 2;
        justify-self: start;
    }
}

/* Exact Tutor 4.0.1 learning-navigation selectors captured from staging DOM. */
body.stanloop-quiz-experience-page .tutor-learning-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-topic {
    overflow: hidden !important;
    border: 1px solid rgba(20, 32, 56, .09) !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-header {
    min-height: 54px !important;
    padding: 13px 13px !important;
    color: var(--sl-quiz-ink) !important;
    background: #fff !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-header-title {
    color: var(--sl-quiz-ink) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-body {
    padding: 0 7px 7px !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-item {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 4px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
    color: var(--sl-quiz-muted) !important;
    text-decoration: none !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-item:hover {
    color: var(--sl-quiz-ink) !important;
    background: #f7faf5 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-item.active {
    color: var(--sl-quiz-green-deep) !important;
    background: linear-gradient(135deg, var(--sl-quiz-green-soft), #f8fcf5) !important;
    box-shadow: inset 3px 0 0 var(--sl-quiz-green);
}

body.stanloop-quiz-experience-page .tutor-learning-nav-item .tutor-truncate {
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-nav-item .tutor-tiny-2 {
    color: var(--sl-quiz-muted) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-pages-item {
    border-radius: 11px !important;
    color: var(--sl-quiz-ink) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.stanloop-quiz-experience-page .tutor-learning-pages-item:hover {
    color: var(--sl-quiz-green-deep) !important;
    background: var(--sl-quiz-green-soft) !important;
}

@media (max-width: 1023px) {
    body.stanloop-quiz-experience-page .tutor-learning-sidebar.is-open {
        transform: translateX(0) !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.1.88.18.22 — real StanLoop Learning wordmark and safe quiz navigation
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .tutor-learning-header-content::before,
body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-meta::before,
body.stanloop-quiz-experience-page .tutor-quiz-summary-header::before {
    content: none !important;
    display: none !important;
}

body.stanloop-quiz-experience-page .stanloop-quiz-brand {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    padding-right: 16px;
    border-right: 1px solid rgba(20, 32, 56, .09);
    color: var(--sl-quiz-ink) !important;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.045em;
    text-decoration: none !important;
    white-space: nowrap;
}

body.stanloop-quiz-experience-page .stanloop-quiz-brand__stan {
    color: var(--sl-quiz-green-deep);
}

body.stanloop-quiz-experience-page .stanloop-quiz-brand__loop {
    color: var(--sl-quiz-orange);
}

body.stanloop-quiz-experience-page .stanloop-quiz-brand small {
    margin-left: 7px;
    color: var(--sl-quiz-muted);
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.stanloop-quiz-experience-page form.tutor-quiz-submission .stanloop-quiz-brand {
    padding-right: 14px;
    font-size: 16px;
    letter-spacing: -.035em;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-header .stanloop-quiz-brand {
    margin-right: 18px;
    padding-right: 18px;
    font-size: 17px;
    letter-spacing: -.035em;
}

body.stanloop-quiz-experience-page .tutor-learning-pages-item[aria-label="Discussions"] {
    color: var(--sl-quiz-green-deep) !important;
}

@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .stanloop-quiz-brand {
        padding-right: 10px;
        font-size: 17px;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-brand small {
        display: none;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .stanloop-quiz-brand,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-header .stanloop-quiz-brand {
        margin-right: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
}


/* -------------------------------------------------------------------------
 * v0.1.88.18.23 — mobile quiz, summary, and attempt-history regression fixes
 * ---------------------------------------------------------------------- */
@media (max-width: 767px) {
    html:has(body.stanloop-quiz-experience-page),
    body.stanloop-quiz-experience-page {
        width: 100%;
        max-width: 100%;
        overflow-x: clip !important;
    }

    body.stanloop-quiz-experience-page *,
    body.stanloop-quiz-experience-page *::before,
    body.stanloop-quiz-experience-page *::after {
        min-width: 0;
    }

    body.stanloop-quiz-experience-page .tutor-learning-area,
    body.stanloop-quiz-experience-page .tutor-learning-area-body,
    body.stanloop-quiz-experience-page .tutor-learning-area-content,
    body.stanloop-quiz-experience-page .tutor-quiz-intro,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-page,
    body.stanloop-quiz-experience-page .tutor-quiz-summary,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-body,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: clip !important;
    }

    /* Learning-shell quiz landing / attempt history. */
    body.stanloop-quiz-experience-page .tutor-learning-header-inner,
    body.stanloop-quiz-experience-page .tutor-learning-header-content {
        min-width: 0 !important;
        gap: 7px !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-content .stanloop-quiz-brand {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        font-size: 16px !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-header-title {
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.stanloop-quiz-experience-page .tutor-learning-area-content {
        padding: 14px 10px 34px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-overview,
    body.stanloop-quiz-experience-page .tutor-quiz-intro-params,
    body.stanloop-quiz-experience-page .tutor-quiz-attempts {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-title,
    body.stanloop-quiz-experience-page .tutor-quiz-intro-description,
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item,
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item * {
        overflow-wrap: anywhere;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-title {
        font-size: clamp(30px, 10vw, 42px) !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 9px !important;
        padding: 15px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item .tutor-btn,
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item a.tutor-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Active quiz: reserve the exact measured header/footer/pagination space. */
    body.stanloop-quiz-experience-page form.tutor-quiz-submission {
        --stanloop-quiz-header-height: 76px;
        --stanloop-quiz-footer-height: 92px;
        --stanloop-quiz-pagination-height: 40px;
        min-height: 100svh !important;
        display: block !important;
        padding:
            calc(var(--stanloop-quiz-header-height) + 14px)
            10px
            calc(var(--stanloop-quiz-footer-height) + var(--stanloop-quiz-pagination-height) + 42px + env(safe-area-inset-bottom))
            !important;
        overflow: visible !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-header {
        height: var(--stanloop-quiz-header-height) !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress {
        width: calc(100% - 16px) !important;
        height: var(--stanloop-quiz-header-height) !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header {
        height: calc(var(--stanloop-quiz-header-height) - 14px) !important;
        gap: 8px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-meta {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        gap: 7px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .stanloop-quiz-brand--active {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding-right: 8px !important;
        font-size: 16px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-title {
        min-width: 0 !important;
        max-width: 22vw !important;
        flex: 1 1 auto !important;
        font-size: 12px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-frame {
        min-width: 72px !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 9px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-timer-text {
        font-size: 15px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-header > .tutor-btn {
        min-width: 58px !important;
        min-height: 38px !important;
        flex: 0 0 auto !important;
        padding: 0 11px !important;
        white-space: nowrap !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions {
        width: 100% !important;
        min-height: 0 !important;
        display: block !important;
        flex: none !important;
        margin: 0 !important;
        padding: 14px 0 22px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-wrapper,
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-wrapper-active,
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question {
        padding: 18px 16px !important;
        overflow: visible !important;
        border-radius: 18px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-header {
        gap: 10px !important;
        margin-bottom: 18px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-title,
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option,
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option .tutor-label {
        max-width: 100% !important;
        overflow: visible !important;
        overflow-wrap: anywhere;
        white-space: normal !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-title {
        font-size: clamp(20px, 6.2vw, 28px) !important;
        line-height: 1.28 !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-options {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option {
        min-height: 58px !important;
        align-items: flex-start !important;
        padding: 14px 13px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-questions-pagination {
        bottom: calc(var(--stanloop-quiz-footer-height) + 10px + env(safe-area-inset-bottom)) !important;
        max-width: calc(100vw - 20px) !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-questions-pagination ul {
        max-width: calc(100vw - 20px) !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-questions-pagination ul::-webkit-scrollbar {
        display: none;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission > .tutor-quiz-footer {
        min-height: 0 !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-inner {
        width: calc(100% - 18px) !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 10px 0 !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback {
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 7px !important;
        overflow-wrap: anywhere;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback-icon {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-actions {
        min-width: 0 !important;
        gap: 7px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer .tutor-btn {
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 0 13px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    /* Summary and answer-review pages. */
    body.stanloop-quiz-experience-page .tutor-quiz-summary-page {
        padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-header {
        width: 100% !important;
        height: 64px !important;
        min-width: 0 !important;
        gap: 7px !important;
        padding: 0 10px !important;
        overflow: hidden !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-header .stanloop-quiz-brand {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        margin-right: 0 !important;
        padding-right: 8px !important;
        font-size: 16px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-header .tutor-quiz-summary-title,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-header h4,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-header h5 {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-body {
        width: calc(100% - 20px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-overview,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-overview {
        padding: 20px 16px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-overview *,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-content *,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar * {
        overflow-wrap: anywhere;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question {
        padding: 16px !important;
        border-radius: 17px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-header {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-header-actions {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-options {
        grid-template-columns: 1fr !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-content .tutor-quiz-question-option {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-summary-page .tutor-quiz-footer,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-page [class*="summary-footer"],
    body.stanloop-quiz-experience-page .tutor-quiz-summary-page [class*="bottom-action"] {
        padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
    }

    body.stanloop-quiz-experience-page .tutor-modal,
    body.stanloop-quiz-experience-page .tutor-modal-window,
    body.stanloop-quiz-experience-page .tutor-modal-content {
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 480px) {
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-progress-title {
        display: none !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-inner {
        grid-template-columns: 1fr !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback:empty,
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-feedback[style*="display: none"] {
        display: none !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-footer-actions {
        width: 100% !important;
        justify-content: flex-end !important;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    body.stanloop-quiz-experience-page form.tutor-quiz-submission .tutor-quiz-question-option {
        min-height: 50px !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.1.88.18.23.1 — mobile quiz landing and attempt-history cards
 * ---------------------------------------------------------------------- */
@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .tutor-quiz-intro-overview {
        gap: 10px !important;
        padding: 20px 16px !important;
        border-radius: 20px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-icon {
        width: 72px !important;
        height: 72px !important;
        margin-bottom: 4px !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-title {
        margin: 0 !important;
        font-size: clamp(28px, 9vw, 36px) !important;
        line-height: 1.02 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-description {
        margin-top: 2px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-params {
        margin-bottom: 14px !important;
        border-radius: 16px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-params td {
        padding: 11px 12px !important;
        font-size: 12px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro-params td:first-child {
        width: 58% !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts {
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-header {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-list {
        display: grid !important;
        gap: 12px !important;
        padding: 0 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item-wrapper {
        display: block !important;
        overflow: hidden !important;
        border: 1px solid var(--sl-quiz-line) !important;
        border-radius: 17px !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 12px 28px rgba(22, 32, 53, .07) !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "attempt result"
            "marks time" !important;
        align-items: center !important;
        gap: 11px 12px !important;
        padding: 14px !important;
        border: 0 !important;
        background: #fff !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-info {
        grid-area: attempt;
        min-width: 0 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-info-title {
        display: inline-block !important;
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-info-course {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-info-date,
    body.stanloop-quiz-experience-page .tutor-quiz-item-info-date a {
        margin-top: 4px !important;
        color: var(--sl-quiz-muted) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-marks {
        grid-area: marks;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-marks .tutor-statics,
    body.stanloop-quiz-experience-page .tutor-quiz-item-marks .tutor-statics-progress {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-marks-breakdown {
        min-width: 0 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-time {
        grid-area: time;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        padding: 7px 9px !important;
        border-radius: 999px !important;
        color: var(--sl-quiz-muted) !important;
        background: #f3f6f1 !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-time svg {
        width: 15px !important;
        height: 15px !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-result {
        grid-area: result;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-result .tutor-badge {
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-result-more,
    body.stanloop-quiz-experience-page .tutor-quiz-item-result > .tutor-flex {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-actions {
        display: block !important;
        width: 100% !important;
        padding: 0 14px 14px !important;
        background: #fff !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-actions .tutor-btn {
        width: 100% !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        border: 0 !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep)) !important;
        box-shadow: 0 10px 22px rgba(255, 116, 23, .20) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-intro > .tutor-d-flex:last-child,
    body.stanloop-quiz-experience-page .tutor-quiz-intro .tutor-quiz-footer {
        padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 380px) {
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "attempt"
            "result"
            "marks"
            "time" !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-result,
    body.stanloop-quiz-experience-page .tutor-quiz-item-time {
        justify-content: flex-start !important;
    }
}


/* -------------------------------------------------------------------------
 * v0.1.88.18.23.2 — stable attempt cards and explicit attempt-limit status
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 16px 0 0;
    padding: 16px 18px;
    border: 1px solid rgba(255, 116, 23, .24);
    border-radius: 17px;
    color: var(--sl-quiz-ink);
    background: linear-gradient(135deg, rgba(255, 244, 232, .98), rgba(255, 255, 255, .98));
    box-shadow: 0 12px 30px rgba(255, 116, 23, .09);
    box-sizing: border-box;
}

body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit__icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep));
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit__copy {
    min-width: 0;
}

body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit strong {
    display: block;
    margin: 1px 0 4px;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
}

body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit p {
    margin: 0;
    color: var(--sl-quiz-muted);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-list {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        align-self: stretch !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "attempt result"
            "marks time" !important;
        grid-auto-flow: row !important;
        box-sizing: border-box !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item > *,
    body.stanloop-quiz-experience-page .tutor-quiz-item-info,
    body.stanloop-quiz-experience-page .tutor-quiz-item-marks,
    body.stanloop-quiz-experience-page .tutor-quiz-item-time,
    body.stanloop-quiz-experience-page .tutor-quiz-item-result {
        max-width: 100% !important;
        min-width: 0 !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-actions {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit {
        margin-top: 14px;
        padding: 14px;
        border-radius: 16px;
    }
}

@media (max-width: 380px) {
    body.stanloop-quiz-experience-page .tutor-quiz-attempts-item {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "attempt"
            "result"
            "marks"
            "time" !important;
    }

    body.stanloop-quiz-experience-page .tutor-quiz-item-result,
    body.stanloop-quiz-experience-page .tutor-quiz-item-time {
        justify-content: flex-start !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.1.88.18.23.3 — stable mobile attempt cards and unified quiz states
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .stanloop-discussions-label {
    display: inline;
}

body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card {
    display: none;
}

body.stanloop-quiz-experience-page .stanloop-quiz-action--continue {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep)) !important;
    box-shadow: 0 12px 26px rgba(255, 116, 23, .22) !important;
    font-weight: 900 !important;
}

body.stanloop-quiz-experience-page .stanloop-quiz-action--retry {
    border: 1px solid rgba(23, 32, 51, .12) !important;
    color: var(--sl-quiz-ink) !important;
    background: #fff !important;
    box-shadow: none !important;
    font-weight: 850 !important;
}

body.stanloop-quiz-experience-page .stanloop-retry-hidden-at-limit {
    display: none !important;
}

@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-wrapper--decorated > .tutor-quiz-attempts-item,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-wrapper--decorated > .tutor-quiz-item-actions {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-wrapper--decorated {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        display: grid;
        gap: 14px;
        padding: 16px;
        overflow: hidden;
        border: 1px solid var(--sl-quiz-line);
        border-radius: 18px;
        background: rgba(255, 255, 255, .99);
        box-shadow: 0 12px 28px rgba(22, 32, 53, .07);
        box-sizing: border-box;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__header {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 10px;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__heading {
        min-width: 0;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__title,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__date {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
        writing-mode: horizontal-tb;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__title {
        color: var(--sl-quiz-ink);
        font-size: 15px;
        line-height: 1.2;
        font-weight: 900;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__date {
        margin-top: 4px;
        color: var(--sl-quiz-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__result {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 25px;
        padding: 4px 9px;
        border-radius: 999px;
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
        white-space: nowrap;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__result.is-passed {
        color: #16833a;
        background: #e8f8ec;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__result.is-failed {
        color: #c93838;
        background: #fff0ef;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__stats {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-width: 0;
        padding: 11px 12px;
        border-radius: 14px;
        background: #f7faf5;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time {
        min-width: 0;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score strong,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score span,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time small,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time strong {
        display: block;
        writing-mode: horizontal-tb;
        white-space: normal;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score strong {
        color: var(--sl-quiz-green-deep);
        font-size: 20px;
        line-height: 1;
        font-weight: 900;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score span {
        margin-top: 5px;
        color: var(--sl-quiz-muted);
        font-size: 10.5px;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time {
        text-align: right;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time small {
        color: var(--sl-quiz-muted);
        font-size: 9.5px;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-weight: 800;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time strong {
        margin-top: 4px;
        color: var(--sl-quiz-ink);
        font-size: 13px;
        line-height: 1.1;
        font-weight: 900;
        white-space: nowrap;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__details {
        width: 100%;
        min-height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: #fff !important;
        background: linear-gradient(135deg, var(--sl-quiz-orange), var(--sl-quiz-orange-deep));
        box-shadow: 0 10px 22px rgba(255, 116, 23, .20);
        font-size: 12px;
        font-weight: 900;
        text-decoration: none !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-summary-topic-row {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-action {
        min-height: 44px !important;
        border-radius: 13px !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-limit {
        width: 100%;
        margin: 14px 0 0;
    }
}

@media (max-width: 380px) {
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__header,
    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__stats {
        grid-template-columns: minmax(0, 1fr);
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__result {
        justify-self: start;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__time {
        text-align: left;
    }
}


/* -------------------------------------------------------------------------
 * v0.1.88.18.23.4 — accurate attempt data and stable mobile summary
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::before,
body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::after {
    position: fixed;
    pointer-events: none;
    z-index: 99990;
    animation: stanloop-quiz-loader-fallback .18s ease 2.2s forwards;
}

body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::before {
    content: '';
    inset: 0;
    background:
        radial-gradient(circle at 18% 12%, rgba(107, 196, 72, .14), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(255, 116, 23, .12), transparent 32%),
        #f8faf6;
}

body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::after {
    content: 'StanLoop Learning\A Preparing your quiz…';
    inset: 42% 20px auto;
    color: var(--sl-quiz-ink, #14213a);
    white-space: pre;
    text-align: center;
    font-family: Inter, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 750;
}

@keyframes stanloop-quiz-loader-fallback {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

body.stanloop-quiz-experience-page .stanloop-quiz-summary-context {
    max-width: 520px;
    margin: 8px auto 14px;
    color: var(--sl-quiz-muted);
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 650;
    overflow-wrap: break-word;
    word-break: normal;
}

body.stanloop-quiz-experience-page .tutor-quiz-summary-overview .tutor-statics-progress-label,
body.stanloop-quiz-experience-page .tutor-quiz-summary-overview [class*="progress-label"],
body.stanloop-quiz-experience-page .tutor-quiz-summary-overview [class*="percentage"] {
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
}

@media (max-width: 767px) {
    body.stanloop-quiz-experience-page .tutor-quiz-summary-overview *,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-content *,
    body.stanloop-quiz-experience-page .tutor-quiz-summary-sidebar * {
        overflow-wrap: break-word;
        word-break: normal;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-summary-context {
        width: 100%;
        max-width: 100%;
        margin: 7px auto 13px;
        padding: 0 6px;
        font-size: 10.5px;
        line-height: 1.45;
        white-space: normal;
        box-sizing: border-box;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-attempt-card__score strong {
        min-width: 48px;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: keep-all;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::before,
    body.stanloop-quiz-experience-page:not(.stanloop-quiz-branding-ready)::after {
        animation-duration: .01ms;
    }
}


/* v0.1.88.18.23.5 — creator-owned quiz preview state. */
body.stanloop-creator-quiz-preview-page .stanloop-creator-preview-hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.stanloop-quiz-experience-page .stanloop-creator-preview-notice {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 0 0 18px;
    padding: 16px 18px;
    border: 1px solid rgba(79, 150, 41, .18);
    border-radius: 20px;
    background: linear-gradient(135deg, #f1fae9, #fff6ed);
    color: #172033;
    box-shadow: 0 14px 34px rgba(32, 49, 77, .08);
}

body.stanloop-quiz-experience-page .stanloop-creator-preview-notice > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #fff;
    color: #4f9629;
    font-weight: 900;
}

body.stanloop-quiz-experience-page .stanloop-creator-preview-notice strong {
    display: block;
    margin-bottom: 3px;
    color: #172033;
    font-size: 15px;
    font-weight: 900;
}

body.stanloop-quiz-experience-page .stanloop-creator-preview-notice p {
    margin: 0;
    color: #657083;
    font-size: 13px;
    line-height: 1.45;
}

body.stanloop-creator-quiz-preview-page .stanloop-quiz-attempt-limit-reached .stanloop-quiz-attempt-limit {
    display: none !important;
}

/* v0.1.88.19 — read-only actual quiz questions for the course owner. */
body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions {
    margin: 0;
    padding: 26px;
    border: 1px solid rgba(79, 150, 41, .18);
    border-radius: 24px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 44px rgba(32, 49, 77, .09);
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__header-copy {
    min-width: 0;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #4f9629;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__title {
    margin: 0;
    color: #142038;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -.035em;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__count {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 46px;
    padding: 0 12px;
    border: 1px solid rgba(79, 150, 41, .20);
    border-radius: 15px;
    color: #2e7715;
    background: #eef9e8;
    font-size: 16px;
    font-weight: 900;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__list {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question {
    margin: 0;
    padding: 20px;
    border: 1px solid rgba(20, 32, 56, .09);
    border-radius: 19px;
    background: linear-gradient(135deg, #fff, #fbfdf9);
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__number,
body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__type,
body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__marks {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__number {
    color: #2e7715;
    background: #eef9e8;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__metadata {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__type,
body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__marks {
    color: #657083;
    background: #f3f5f8;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__title {
    margin: 0;
    color: #142038;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 850;
    letter-spacing: -.015em;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__description {
    margin: 8px 0 0;
    color: #657083;
    font-size: 13px;
    line-height: 1.55;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__answers {
    display: grid;
    gap: 9px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 52px;
    padding: 9px 11px;
    border: 1px solid rgba(20, 32, 56, .09);
    border-radius: 14px;
    background: #fff;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer.is-correct {
    border-color: rgba(79, 150, 41, .35);
    background: linear-gradient(135deg, #eff9e9, #fbfff9);
    box-shadow: inset 3px 0 0 #4f9629;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    color: #4f5d74;
    background: #f1f4f7;
    font-size: 12px;
    font-weight: 900;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer.is-correct .stanloop-creator-quiz-answer__marker {
    color: #fff;
    background: #4f9629;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__content {
    min-width: 0;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__text {
    display: block;
    color: #263249;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
    overflow-wrap: anywhere;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__image {
    display: block;
    width: auto;
    max-width: min(100%, 220px);
    max-height: 150px;
    margin: 2px 0 7px;
    border-radius: 10px;
    object-fit: contain;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__correct {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    color: #2e7715;
    background: #dff2d4;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__open-response,
body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__empty {
    margin: 15px 0 0;
    padding: 13px 14px;
    border-radius: 13px;
    color: #657083;
    background: #f5f7f9;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 650;
}

body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__empty {
    margin-top: 0;
}

@media (max-width: 767px) {
    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions {
        padding: 17px 14px;
        border-radius: 19px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__header {
        align-items: flex-start;
        margin-bottom: 15px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__title {
        font-size: 25px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-questions__count {
        min-width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 14px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question {
        padding: 15px 13px;
        border-radius: 16px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__metadata {
        justify-content: flex-start;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-question__title {
        font-size: 16px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        padding: 9px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__marker {
        width: 29px;
        height: 29px;
        border-radius: 9px;
    }

    body.stanloop-creator-quiz-preview-page .stanloop-creator-quiz-answer__correct {
        grid-column: 2;
        justify-self: start;
        margin-top: 3px;
    }
}


/* -------------------------------------------------------------------------
 * v0.1.88.20 — desktop quiz Learning-header navigation parity
 * ---------------------------------------------------------------------- */
body.stanloop-quiz-experience-page .stanloop-quiz-learning-actions {
    display: none;
}

@media (min-width: 1024px) {
    body.stanloop-quiz-experience-page .tutor-learning-header-content {
        flex: 1 1 auto;
    }

    body.stanloop-quiz-experience-page.stanloop-quiz-header-actions-ready
    .tutor-learning-header-content
    .tutor-learning-header-back {
        display: none !important;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-learning-actions {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-learning-action {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 13px;
        border: 1px solid rgba(20, 32, 56, .10);
        border-radius: 12px;
        background: #fff;
        color: var(--sl-quiz-ink) !important;
        font: inherit;
        font-size: 12px;
        font-weight: 850;
        line-height: 1;
        text-decoration: none !important;
        white-space: nowrap;
        cursor: pointer;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-learning-action:hover {
        border-color: rgba(88, 165, 47, .30);
        color: var(--sl-quiz-green-deep) !important;
        background: var(--sl-quiz-green-soft);
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-learning-action--creator img {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        object-fit: cover;
    }

    body.stanloop-quiz-experience-page .stanloop-quiz-learning-action--journey[aria-pressed="true"] {
        color: #fff !important;
        border-color: var(--sl-quiz-green);
        background: var(--sl-quiz-green);
    }

    body.stanloop-quiz-experience-page .tutor-learning-sidebar {
        transition: transform .24s ease, opacity .24s ease !important;
    }

    body.stanloop-quiz-experience-page.stanloop-quiz-sidebar-collapsed .tutor-learning-sidebar {
        transform: translateX(-105%) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.stanloop-quiz-experience-page.stanloop-quiz-sidebar-collapsed .tutor-learning-area-body {
        display: block !important;
    }

    body.stanloop-quiz-experience-page.stanloop-quiz-sidebar-collapsed .tutor-learning-area-content {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 1023px) {
    body.stanloop-quiz-experience-page .stanloop-quiz-learning-actions {
        display: none !important;
    }
}