@font-face {
    font-family: "EQ Results Montserrat";
    src: url("../users/fonts/Montserrat-latin-variable.woff2") format("woff2");
    font-style: normal; font-weight: 100 900; font-display: swap;
}
.oa-result, .oa-review { font-family: "EQ Results Montserrat", Montserrat, sans-serif; }
/* Shared results styles. The dashboard header stays outside this scope. */
.oa-app [hidden] { display: none !important; }
.oa-results-page { min-height: 65vh; }
.oa-result { position: relative;  margin: 0 auto;  text-align: center; }
.oa-app.oa-standard .oa-result h1 { margin: 0 0 30px;   line-height: 1.3;  }
.oa-result h1:focus { outline: none; }
.oa-result h1 span, .oa-review h1 span { color: var(--oa-accent); }

.oa-result-score { font-size: clamp(60px, 8vw, 86px); font-weight: 500;  line-height: 1.12; letter-spacing: -.05em; margin: 8px 0 24px; font-variant-numeric: tabular-nums; }
.oa-result-accuracy { font-size: clamp(36px, 5vw, 48px); font-weight: 500;  line-height: 1.2; margin: 8px 0 26px; font-variant-numeric: tabular-nums; }
.oa-result-feedback { color: #53627c;  line-height: 1.7;  margin: 0 auto 24px; }
.oa-result-support { color: #63718a;  line-height: 1.65;  margin: 12px auto 0; }
.oa-app .oa-result-primary, .oa-app .oa-result-secondary { display: inline-flex; justify-content: center; align-items: center;      line-height: 1.45; text-decoration: none; }
.oa-app .oa-result-primary { gap:12px; color: #fff; border: 1px solid var(--oa-accent); }

.oa-app .oa-result-secondary {  border: 1px solid #cbd4ec;  }
.oa-app .oa-result-secondary:hover {  color: var(--oa-accent); }
.oa-result-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  margin: 20px 0 0; }
.oa-result-saved { color: #37765a; margin: 0 0 12px; font-size: 13px; }
/* Space is reserved from the first frame. Labels and values have distinct cues. */
.oa-result.is-revealing [data-reveal] { opacity: 0; animation: oa-result-reveal .4s cubic-bezier(.2,.7,.2,1) both; }
.oa-result.is-revealing [data-reveal="score-label"] { animation-delay: .20s; }
.oa-result.is-revealing [data-reveal="score"] { animation-delay: .55s; }
.oa-result.is-revealing [data-reveal="accuracy-label"] { animation-delay: 1.05s; }
.oa-result.is-revealing [data-reveal="accuracy"] { animation-delay: 1.40s; }
.oa-result.is-revealing [data-reveal="feedback"] { animation-delay: 1.90s; }
/* Let the feedback settle for 300ms before revealing the actions. */
.oa-result.is-revealing [data-reveal="rest"] { animation-delay: 2.60s; }
@keyframes oa-result-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.oa-app.oa-exam-active .oa-result { min-height: calc(100dvh - var(--oa-header-height, 78px)); }
.oa-previous {  margin: 24px auto 0;  border: 1px solid #d9e1f3;  color: #5f6d85;  line-height: 1.65; }
.oa-previous strong { font-weight: 500; color: #334565; }
.oa-previous p { margin: 5px 0; }
.oa-previous span { display: inline-block; margin-left: 10px; }

.oa-review {  padding: 36px 24px 56px; margin: auto; }
.oa-app .oa-review-back { color: #5c6e8b; font-size: 13px; }
.oa-review h1 { font-size: clamp(28px, 4vw, 40px); font-weight: 500; line-height: 1.2; margin: 24px 0 12px; letter-spacing: -.035em; }
.oa-review-intro { font-size: 14px; line-height: 1.7; color: #63718a; margin: 0 0 32px; }
.oa-review h2 { font-size: 18px; font-weight: 500; margin: 30px 0 16px; }
.oa-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #d9e1ef;  }
.oa-results-table { width: 100%; border-collapse: collapse; color: #344563;  }
.oa-results-table th, .oa-results-table td {  text-align: left; border-bottom: 1px solid #e8ecf5; }
.oa-results-table th { font-weight: 500; }

.oa-results-table tbody tr:nth-child(even) { background: #fafbfe; }
.oa-results-table tr:last-child > * { border-bottom: 0; }
.oa-app .oa-results-table a { color: var(--oa-accent); text-decoration: underline; text-underline-offset: 3px; }
.oa-history-table { min-width: 590px; }
.oa-review-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.oa-review-filters a {  border-radius: 9px; border: 1px solid #d6def0; font-size: 13px; }
.oa-review-filters a[aria-current] {   border-color: var(--oa-accent); }
.oa-review-count { color: #66748b; font-size: 12px; margin: 14px 0; }
.oa-question-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.oa-review-question { border: 1px solid #dbe2ef;    }
.oa-question-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 12px; color: #63718a; }
.oa-answer-status { display: inline-flex; align-items: center; gap: 7px; }
.oa-answer-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }

.oa-answer-skipped { color: #6b7280; }
.oa-review-expression {  color: #2c3d59;  margin: 18px 0; overflow-wrap: anywhere; }
.oa-answer-details { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; }
.oa-answer-details dt { font-size: 12px; color: #63718a; margin-bottom: 6px; }
.oa-answer-details dd {  color: #334563; margin: 0; overflow-wrap: anywhere; }
.oa-review-empty { padding: 24px 0; font-size: 14px; color: #63718a; }
.oa-review-promotion { border-top: 1px solid #e1e6f1; padding-top: 24px; margin: 32px auto 0; text-align: center; font-size: 12px; line-height: 1.7; }
.oa-app .oa-review-promotion a { color: #5a6c8e; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 620px) {
    .oa-result { padding: 28px 20px 36px; }
    .oa-review { padding: 26px 16px 40px; }
    .oa-results-table th, .oa-results-table td { padding: 13px 10px; font-size: 12px; }
    .oa-review-question { padding: 16px; }
    .oa-result-actions { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .oa-result.is-revealing [data-reveal] { animation: none !important; opacity: 1; transform: none; }
}

/* Results-only visual refinement; active assessment and navigation stay untouched. */
.oa-result { width: min(100%, 920px); padding: 48px 24px 52px; background: transparent; }
.oa-app.oa-standard .oa-result h1 {  font-weight: 700;  letter-spacing: -.04em; }
.oa-result-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));   margin: 0 auto 32px; }
.oa-result-label { font-size: clamp(14px, 1.8vw, 18px); font-weight: 600; color: #53678e; }
.oa-result-score, .oa-result-accuracy { font-size: clamp(32px, 6.8vw, 78px); font-weight: 750; letter-spacing: -.055em; line-height: 1.15; margin: 12px 0 0; overflow-wrap: anywhere; }
.oa-result-score { color: #172b50; }
.oa-result-accuracy { color: #4263ff; }
.oa-result-feedback { font-size: 16px; max-width: 560px; }
.oa-app .oa-result-primary, .oa-app .oa-result-secondary {      transition: background-color .15s, border-color .15s, box-shadow .15s; }
.oa-app .oa-result-primary { background: linear-gradient(120deg, #4263ff, #3451e8); border-color: #4263ff; box-shadow: 0 6px 18px #4263ff26; }
.oa-app .oa-result-primary:hover { background: #3451e8; box-shadow: 0 8px 22px #4263ff35; }
.oa-app .oa-result-secondary { border-color: #bfcdfb; background: #f8faff; color: #3451d9; }
.oa-app .oa-result-secondary:hover { background: #edf2ff; border-color: #4263ff; }
.oa-result-support { font-size: 13px; max-width: 430px; }
.oa-results-page { background: #fafbff; }
.oa-inline-breakdown { width: 100%; border-top: 1px solid #d3ddfc; background: #fafbff; scroll-margin-top: 100px; }
.oa-inline-breakdown > [data-breakdown-status], .oa-inline-breakdown > button { margin: 28px auto; text-align: center; }
.oa-inline-breakdown > button { display: block; }
.oa-review { width: min(100%, 1020px); padding-top: 40px; }
.oa-review h1, .oa-review .oa-review-title { font-size: clamp(28px, 4vw, 40px); font-weight: 750; letter-spacing: -.04em; margin: 24px 0 14px; line-height: 1.2; }
.oa-review-title span { color: #4263ff; }
.oa-review h2:not(.oa-review-title) { font-size: clamp(20px, 2.6vw, 25px); font-weight: 650; color: #21365d; margin-top: 34px; }
.oa-table-scroll { border-radius: 17px;   }
.oa-results-table { font-size: 15px; }
.oa-results-table th, .oa-results-table td { padding: 18px; }
.oa-results-table thead {  color: #3451d9; }
.oa-results-table thead th { font-weight: 700; }
.oa-results-table tbody td {  font-variant-numeric: tabular-nums; }
.oa-results-table tbody tr:hover { background: #f0f4ff; }
.oa-results-table .oa-history-score { font-size: 20px; font-weight: 750; color: #172b50; }
.oa-results-table .oa-history-accuracy { font-size: 18px; font-weight: 700; color: #4263ff; }
.oa-app .oa-history-review { position: relative; display: inline-block; padding: 8px 12px; border-radius: 9px; background: #eaf0ff; text-decoration: none; font-weight: 650; }
.oa-review-filters a { background: #fff; font-weight: 600; }
.oa-review-filters a:hover { border-color: #4263ff; background: #f0f4ff; }
.oa-review-filters a[aria-current] { background: #4263ff; color: #fff; }
.oa-review-question {  border-radius: 16px; padding: 22px;  }
.oa-review-expression { font-size: clamp(22px, 3vw, 29px); font-weight: 700; }
.oa-answer-status { font-weight: 650; }
.oa-answer-correct { color: #008458; }
.oa-answer-incorrect { color: #d52649; }
.oa-answer-details { border-top: 1px solid #e3e9fa; padding-top: 16px; }

.oa-previous { max-width: 430px; padding: 18px 24px;  background: linear-gradient(125deg, #f8faff, #edf2ff); border-radius: 16px; font-size: 13px; }
.oa-previous > strong { font-size: 15px; font-weight: 650; color: #29437a; }
.oa-previous .oa-previous-label { margin: 7px 0 12px; }
.oa-previous-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 12px; }
.oa-previous .oa-previous-metrics span { margin: 0; }
.oa-previous-metrics strong { display: block;  font-weight: 700; color: #1b3057; }
.oa-previous-metrics span:last-child strong { color: #4263ff; }
.oa-app .oa-previous a { display: inline-block; padding: 5px 10px; color: #3451e8; font-size: 14px; font-weight: 650; }
@media (max-width: 620px) {
    .oa-result { padding: 32px 16px 40px; }
    .oa-app.oa-standard .oa-result h1 { margin-bottom: 32px; }
    .oa-result-metrics { gap: 16px; }
    .oa-result-feedback { font-size: 14px; }
    .oa-results-table th, .oa-results-table td { padding: 14px 10px; font-size: 13px; }
    .oa-review-question { padding: 17px; }
}
@media (prefers-reduced-motion: reduce) {
    .oa-app .oa-result-primary, .oa-app .oa-result-secondary { transition: none; }
}

/* Centre the complete result group below the existing measured site header. */
.oa-app .oa-result {
    display: flex; flex-direction: column; justify-content: center;

    min-height: calc(100dvh - var(--oa-header-height, 78px));
    padding: 32px 24px;
}
.oa-result > * { flex-shrink: 0; }
.oa-result-metrics { width: 100%; }
.oa-result-rest {   background: transparent; }
.oa-app .oa-result-primary, .oa-app .oa-result-secondary {
    min-height: 61px; padding: 16px 24px; border-radius: 8px; font-size: 16px; font-weight: 600;
}
.oa-app .oa-result-premium { display: inline-block;  color: #3451e8;   line-height: 1.6; }
.oa-app .oa-result-premium:hover { color: #2340c7; text-decoration: underline; text-underline-offset: 4px; }
.oa-result-support, .oa-result-saved { font-size: 15px; color: #405778; }
.oa-question-heading, .oa-answer-details dt, .oa-review-count { font-size: 15px; color: #435979; }
.oa-answer-status { font-size: 14px; }
.oa-answer-details dd { font-size: 20px; font-weight: 650; }
.oa-app .oa-review-back, .oa-review-filters a, .oa-review-intro, .oa-review-promotion { font-size: 16px; }
.oa-review-filters a { padding: 12px 18px; }
.oa-review-question { border-color: #b8c9fa; background: linear-gradient(115deg, #fff, #f5f8ff); box-shadow: 0 4px 14px #3451e80a; }
.oa-review-question:hover { border-color: #8fa9ff; }
.oa-table-scroll { border-color: #adc2ff; box-shadow: 0 6px 20px #4263ff12; }
.oa-results-table th, .oa-results-table td { font-size: 16px; color: #2e456b; }
.oa-results-table thead { background: #e2ebff; }
.oa-results-table tbody td { font-weight: 650; }
.oa-app .oa-history-review:hover { background: #dce6ff; }
.oa-previous { border-color: #a9bfff; box-shadow: 0 4px 15px #4263ff12; }
.oa-previous .oa-previous-label { font-size: 14px; color: #435979; }
.oa-previous-metrics strong { font-size: 28px; }
@media (max-width: 620px) {
    .oa-app .oa-result { padding: 24px 16px; }
    .oa-result-rest { padding-inline: 0; }
    .oa-app .oa-result-primary, .oa-app .oa-result-secondary { padding: 14px 18px; font-size: 15px; }
    .oa-results-table th, .oa-results-table td { font-size: 14px; padding: 14px 10px; }
    .oa-question-heading, .oa-answer-details dt { font-size: 14px; }
}
@media (max-height: 700px) {
    .oa-app.oa-standard .oa-result h1 { margin-bottom: 24px; }
    .oa-result-metrics { margin-bottom: 20px; }
    .oa-result-feedback { margin-bottom: 16px; }
    .oa-app .oa-result-premium { margin-top: 18px; }
}

/* Keep the result composition compact while retaining the staged metric reveal. */
.oa-app .oa-result { width: min(100%, 620px); }
.oa-app.oa-standard .oa-result h1 { font-size: clamp(24px, 3vw, 36px);  }
.oa-result-metrics { max-width: 500px; gap: 24px;  }
.oa-result-rest { padding: 0; border-radius: 0; }
.oa-result-feedback { margin-bottom: 24px; }
.oa-result-support { margin-top: 12px; }
.oa-result-actions { gap: 8px 24px;  }
.oa-app .oa-result-link { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0; color: #3451e8; font-size: 16px; font-weight: 600; line-height: 1.5; }
.oa-app .oa-result-link[data-result-again] { color: #53627c; font-weight: 500; }
.oa-app .oa-result-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.oa-app .oa-result-premium {  font-size: 14px; font-weight: 500; }
@media (max-width: 620px) {
    .oa-result-metrics { gap: 16px; }
    .oa-app .oa-result-link { font-size: 15px; }
}
@media (max-height: 700px) {
    .oa-app.oa-standard .oa-result h1 { margin-bottom: 24px; }
    .oa-result-metrics, .oa-result-feedback { margin-bottom: 20px; }
}

/* Reuse the lobby pill without changing its lobby presentation. */
.oa-app.oa-standard .oa-result-pill { align-self: center; margin-bottom: 12px; }
.oa-result-metrics { position: relative; }
.oa-result-metrics::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 1px; height: 68px; background: #d5dff5;
    transform: translate(-50%, -50%); pointer-events: none;
}
.oa-result-actions { margin-top: 12px; }
.oa-app .oa-result-premium { margin-top: 12px; }

.oa-app.oa-standard .oa-result h1 { margin-bottom: 12px; }

/* Practice score guidance; never changes the underlying score. */
.oa-app [data-score-band="improving"] { color: #ff3347; }
.oa-app [data-score-band="developing"] { color: #ff8c00; }
.oa-app [data-score-band="strong"] { color: #a88400; }
.oa-app [data-score-band="competitive"] { color: #00a563; }
.oa-score-label { position: relative; }
.oa-score-help { position: absolute; top: -3px; right: 4px; font-weight: 500; }
.oa-app .oa-score-info { display: inline-flex; justify-content: center; align-items: center;   padding: 0;  border-radius: 50%;    cursor: pointer; }
.oa-score-tooltip { position: fixed; z-index: 1000;  max-width: calc(100vw - 24px); padding: 12px 14px; border: 1px solid #b9c6ff; border-radius: 12px; background: #fff; color: #263654; box-shadow: 0 5px 20px #172b501a; font-size: 14px; line-height: 1.5; text-align: left; }
.oa-benchmarks { width: min(100%, 500px); margin: 0 auto; padding: 28px 20px 40px; font-family: "EQ Results Montserrat", Montserrat, sans-serif; }
.oa-benchmarks h2 { margin: 0 0 16px; color: #53678e; font-size: 13px; font-weight: 700; letter-spacing: 1.4px; text-align: center; }
.oa-benchmarks-table { border: 1px solid #cbd7fa; border-radius: 14px; overflow: hidden; background: #f8faff; }
.oa-benchmarks table { width: 100%; border-collapse: collapse; font-size: 15px; }
.oa-benchmarks th, .oa-benchmarks td { padding: 15px 18px; border-bottom: 1px solid #e0e7f8; }
.oa-benchmarks th { text-align: left; color: #263654; font-weight: 600; }
.oa-benchmarks td { text-align: right; font-weight: 750; }
.oa-benchmarks tr:last-child > * { border-bottom: 0; }
.oa-benchmarks p { margin: 12px 0 0; color: #53627c; font-size: 12px; line-height: 1.6; text-align: center; }

.oa-score-value { position: relative; display: inline-block; margin-top: 12px; }
.oa-score-value .oa-result-score { display: block; margin: 0; }
.oa-score-value .oa-score-help {  right: auto;  }
.oa-result-accuracy { white-space: nowrap; overflow-wrap: normal; }
.oa-score-tooltip { width: 320px; max-height: calc(100dvh - 24px); overflow-y: auto; }
.oa-score-tooltip > p { margin: 0 0 16px; }
.oa-score-tooltip .oa-benchmarks { width: 100%; padding: 0; }
.oa-score-tooltip .oa-benchmarks h2 { margin-bottom: 12px; font-size: 12px; }
.oa-score-tooltip .oa-benchmarks th, .oa-score-tooltip .oa-benchmarks td { padding: 10px; font-size: 13px; }

/* A quiet superscript info icon with a comfortable pointer target. */
.oa-app .oa-score-info { width: 28px; height: 28px; border: 0; background: transparent; color: #7182a4; font-size: 0; }
.oa-score-info::before { content: "i"; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font-size: 12px; font-weight: 600; line-height: 1; }
.oa-app .oa-score-info:hover, .oa-app .oa-score-info:focus-visible { color: #4263ff; }
.oa-score-value .oa-score-help { top: 3px; left: calc(100% + 1px); }

.oa-result-metrics { margin-bottom: 16px; }

/* Raise the results group without transforming its fixed-position info popup. */
@media (min-height: 701px) {
    .oa-app .oa-result { padding-bottom: calc(32px + clamp(64px, 10dvh, 140px)); }
}
@media (min-height: 701px) and (max-width: 620px) {
    .oa-app .oa-result { padding-bottom: calc(24px + clamp(64px, 10dvh, 140px)); }
}

/* Optiver practice promotion between the category summary and question review. */
.oa-review-premium { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; margin-top: 28px; padding: 28px; border: 1px solid #b9caff; border-radius: 18px; background: linear-gradient(115deg, #f5f8ff, #eaf0ff); }
.oa-review-premium-eyebrow { margin: 0 0 10px; color: #3451e8; font-size: 11px; font-weight: 750; letter-spacing: 1.3px; }
.oa-review .oa-review-premium h2 { margin: 0 0 12px; font-size: clamp(22px, 2.5vw, 28px); font-weight: 750; line-height: 1.3; color: #172b50; }
.oa-review-premium h2 span { color: #4263ff; }
.oa-review-premium-copy { margin: 0; color: #435979; font-size: 15px; line-height: 1.65; }
.oa-app .oa-review-premium-button { display: inline-flex; align-items: center; justify-content: center; gap: 26px; min-height: 52px; padding: 14px 20px; border: 1px solid #4263ff; border-radius: 10px; background: #4263ff; color: #fff; font-size: 15px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.oa-app .oa-review-premium-button:hover { background: #3451e8; border-color: #3451e8; }
@media (max-width: 700px) {
    .oa-review-premium { grid-template-columns: 1fr; padding: 22px; gap: 20px; }
    .oa-review-premium-button { justify-self: start; }
}

/* Programmatic heading focus must not draw a box around the reveal. */
.oa-app.oa-standard [data-result-panel] h1:focus { outline: none; }
.oa-app.oa-standard #oa-information:focus,
.oa-app.oa-standard [data-oa-lobby]:focus { outline: none; }
.oa-app.oa-standard .oa-learn-more { display: block; width: fit-content; margin: 0 auto; color: #3e4d65; font-size: 14px; line-height: 24px; font-weight: 400; }
.oa-app.oa-standard .oa-learn-more:hover { color: #3451e8; text-decoration: underline; text-underline-offset: 4px; }
.oa-information .oa-guide-inner { max-width: 860px; }
.oa-information h2 span { color: #4263ff; }
.oa-information .oa-guide-intro { margin: 16px 0; }
.oa-information .oa-information-benchmarks { width: min(100%, 540px); margin: 36px 0; padding: 0; }
.oa-app.oa-standard .oa-information-benchmarks h2,
.oa-app.oa-standard .oa-information-subheading { font-size: clamp(22px, 2.5vw, 28px); font-weight: 650; letter-spacing: -.5px; text-align: left; color: #21365d; }
.oa-information-benchmarks p { text-align: left; }
.oa-information .oa-faqs { margin-top: 20px; }
.oa-information .oa-faqs summary { font-size: 16px; font-weight: 600; color: #263654; }
.oa-information, #oa-lobby-top { scroll-margin-top: calc(var(--oa-header-height, 78px) + 20px); }

/* Keep breadcrumbs outside the centred lobby composition. */
.oa-app.oa-standard .oa-first-screen { position: relative; }
.oa-breadcrumb { position: absolute; top: 22px; left: clamp(20px, 3vw, 48px); right: 20px; text-align: left; font-size: 13px; line-height: 1.5; }
.oa-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; list-style: none; padding: 0; margin: 0; }
.oa-breadcrumb li { display: inline-flex; align-items: center; gap: 12px; color: #61708a; }
.oa-app .oa-breadcrumb a { color: #3451e8; }
.oa-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-height: 700px), (max-width: 620px) {
    .oa-app.oa-standard:not(.oa-exam-active) .oa-lobby { padding-top: 76px; }
}

.oa-lobby-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; }
.oa-app.oa-standard .oa-lobby-links .oa-learn-more,
.oa-app.oa-standard .oa-lobby-links .oa-premium { margin: 0; line-height: 24px; }

.oa-review-premium-button svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; }

/* Category accuracy uses independent thresholds, never score benchmarks.
   Darker saturated shades retain contrast for normal-size table values. */
.oa-app .oa-results-table [data-accuracy-band="low"] { color: #d91c35; }
.oa-app .oa-results-table [data-accuracy-band="medium"] { color: #b05400; }
.oa-app .oa-results-table [data-accuracy-band="high"] { color: #00814c; }

/* Compact, server-rendered arithmetic examples below the Optiver lobby. */
.oa-information .oa-examples-table { width: min(100%, 540px); margin-top: 20px; overflow-x: auto; border: 1px solid #cbd7fa; border-radius: 12px; }
.oa-examples-table table { width: 100%; border-collapse: collapse; text-align: left; color: #263654; font-size: 14px; }
.oa-examples-table th, .oa-examples-table td { padding: 12px 14px; border-bottom: 1px solid #e0e7f8; }
.oa-examples-table thead { background: #eef3ff; color: #3451d9; }
.oa-examples-table th { font-weight: 600; }
.oa-examples-table tbody tr:last-child > * { border-bottom: 0; }
.oa-information .oa-examples-caption { max-width: 540px; margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: #53627c; }
.oa-information .oa-faqs summary h3 { display: inline; margin: 0; font: inherit; color: inherit; }

/* Keep previous attempts close to the start button's height. */
.oa-app.oa-standard .oa-previous {
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) auto;
    align-items: center; gap: 12px; min-height: 76px; padding: 10px 14px;
    text-align: left; border-radius: 12px;
}
.oa-previous-heading > strong { font-size: 12px; font-weight: 650; color: #29437a; }
.oa-app.oa-standard .oa-previous-label { margin: 2px 0 0; font-size: 11px; line-height: 1.4; }
.oa-app.oa-standard .oa-previous-metrics { gap: 12px; margin: 0; text-align: center; font-size: 11px; line-height: 1.4; }
.oa-app.oa-standard .oa-previous-metrics strong { font-size: 19px; line-height: 1.4; }
.oa-app.oa-standard .oa-previous a { display: inline-flex; align-items: center; min-height: 44px; padding: 0; font-size: 12px; white-space: nowrap; }
@media (max-width: 400px) {
    .oa-app.oa-standard .oa-previous { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
    .oa-previous-heading { grid-column: 1; }
    .oa-app.oa-standard .oa-previous-metrics { grid-column: 1; grid-row: 2; text-align: left; }
    .oa-app.oa-standard .oa-previous a { grid-column: 2; grid-row: 1 / 3; }
}

/* Fill short history pages without stretching the table or changing navigation. */
.oa-app.oa-history-page {
    position: relative;

    min-height: calc(100dvh - var(--oa-header-height, 78px));
}
.oa-history-page .oa-review { padding-top: 76px; }

/* Compact question review: retain the full width and all answer details. */
.oa-review .oa-question-list { gap: 8px; }
.oa-review .oa-review-question {
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center; gap: 8px 24px; padding: 14px 20px;
}
.oa-review-question .oa-question-heading { grid-column: 1 / -1; font-size: 12px; line-height: 1.4; }
.oa-review-question .oa-answer-status { font-size: 12px; }
.oa-review-question .oa-review-expression { margin: 0; font-size: 20px; line-height: 1.4; font-weight: 650; }
.oa-review-question .oa-answer-details { min-width: 0; gap: 12px; border: 0; padding: 0; }
.oa-review-question .oa-answer-details > div { min-width: 0; }
.oa-review-question .oa-answer-details dt { margin: 0 0 2px; font-size: 12px; line-height: 1.4; }
.oa-review-question .oa-answer-details dd { font-size: 16px; line-height: 1.4; }
@media (max-width: 620px) {
    .oa-review .oa-review-question { grid-template-columns: minmax(0, 1fr); padding: 12px 14px; }
    .oa-review-question .oa-review-expression { font-size: 18px; }
    .oa-review-question .oa-answer-details > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
    .oa-review-question .oa-answer-details dt { margin: 0; }
    .oa-review-question .oa-answer-details dd { font-size: 15px; }
}

/* Optional components and the prose review variant share the arithmetic frame. */
.oa-result-metrics[data-single-metric] { grid-template-columns:1fr; }
.oa-result-metrics[data-single-metric]::after { display:none; }
.oa-result-link[data-sig-back] { color:#53627c; font-weight:500; }
.oa-review .oa-review-prose { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); }
.oa-review-prose .oa-review-expression { font-size:16px; line-height:1.65; font-weight:500; white-space:pre-line; }
.oa-review-prose .oa-answer-details dd { font-size:16px; font-weight:500; }
.oa-review-choices { grid-column:1/-1; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; margin:0; padding:0; }
.oa-review-choices li { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; border:1px solid #dce3f2; border-radius:8px; padding:7px 10px; font-size:14px; overflow-wrap:anywhere; }
.oa-review-choices li > span:nth-child(2) { flex:1; min-width:0; }
.oa-choice-letter { color:#61708a; font-size:12px; }
.oa-review-choices [data-correct] { border-color:#7bc9ab; background:#f1fbf6; }
.oa-review-choices [data-selected]:not([data-correct]) { border-color:#e9a4b3; background:#fff5f7; }
.oa-review-choices small { font-size:11px; font-weight:600; color:#53627c; }
.oa-solution { grid-column:1/-1; font-size:14px; color:#53627c; padding-top:4px; }
.oa-solution summary { color:var(--oa-accent-dark); font-weight:500; padding-block:4px; }
.oa-solution-steps p { margin:10px 0; overflow-wrap:anywhere; white-space:pre-line; line-height:1.8; font-size:15px; }
.oa-history-section { margin:45px 0; scroll-margin-top:calc(var(--oa-header-height,78px) + 20px); }
.oa-information-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 40px; margin:30px 0; }
.oa-information-grid h3 { margin:0 0 8px; font-weight:600; font-size:18px; }
.oa-information-grid p { margin:0; }
.oa-information p { color:var(--oa-muted); font-size:16px; line-height:1.85; }
@media(max-width:620px) {
 .oa-review .oa-review-prose, .oa-review-choices, .oa-information-grid { grid-template-columns:1fr; }
}