/* BTO content only. Shared Optiver chrome and motion remain read-only.
   Prose and choice rules mirror SIG QE; no question map or back navigation. */
.oa-bto .oa-lobby h1 span { white-space:normal; }
.oa-bto .bto-workspace { width:min(100%,900px); margin:auto; min-width:0; }
.oa-bto .oa-prose-workspace .oa-exam-question { text-align:center; }
.oa-bto .bto-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; max-width:780px; margin:auto; }
.oa-bto .bto-choices[data-count="5"] { grid-template-columns:repeat(5,minmax(0,1fr)); }
.oa-bto .bto-choices[data-layout="medium"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.oa-bto .bto-choices[data-layout="long"] { grid-template-columns:1fr; }
.oa-bto .bto-choices:not([data-layout="short"]) .oa-exam-answer { text-align:left; font-size:18px !important; }
.oa-bto .bto-question-actions { display:flex; justify-content:center; gap:16px; margin-top:16px; }
.oa-bto .bto-question-actions button { min-width:135px; display:inline-flex; justify-content:center; align-items:center; gap:12px; }
.oa-bto .oa-result-score small { font-size:.38em; font-weight:500; color:#60708d; letter-spacing:-.02em; }
.oa-bto .bto-clock-note { margin:0; color:#61708a; font-size:12px; text-align:center; }
.oa-bto #bto-breakdown { scroll-margin-top:calc(var(--oa-header-height,78px) + 20px); }
.oa-bto .bto-resume { display:inline-block; margin-top:12px; }
.oa-bto .bto-history { max-width:1000px; padding:50px 24px; margin:auto; }
.oa-bto .bto-history h1 { margin-block:30px; }
.oa-bto .bto-noscript { text-align:center; padding:24px; }
/* Parameterised notice include; opt in with the class on future assessments. */
.oa-app .oa-free-notice { width:min(100%,650px); margin:20px auto 0; padding:11px 15px; border:1px solid #f3d5a3; border-left:3px solid #ee9b24; border-radius:10px; background:#fff8eb; color:#7b551c; text-align:left; }
.oa-app .oa-free-notice p { margin:0; font-size:12px; line-height:1.65; }
.oa-app .oa-free-notice strong { font-weight:600; color:#9c5e06; }
/* Match SIG prose centring. Scroll only the question workspace on small screens,
   keeping the title, timer and footer visible instead of overflowing them. */
.oa-app.oa-bto .oa-exam { height:calc(100dvh - var(--oa-header-height,78px)); min-height:0; grid-template-rows:auto minmax(0,1fr) auto; }
.oa-app.oa-bto .oa-exam-centre { justify-content:safe center; align-items:center; overflow-y:auto; overscroll-behavior:contain; min-height:0; scrollbar-gutter:stable both-edges; }
.oa-bto .bto-workspace { flex-shrink:0; }
.oa-bto .sig-fraction { display:inline-flex; vertical-align:middle; flex-direction:column; align-items:stretch; margin:0 .15em; font-size:.9em; line-height:1.25; text-align:center; white-space:nowrap; }
.oa-bto .sig-fraction > span:first-child { border-bottom:1px solid currentColor; padding:0 .15em .08em; }
.oa-bto .sig-fraction > span:last-child { padding:.08em .15em 0; }
@media(max-width:620px) {
    .oa-bto .bto-choices, .oa-bto .bto-choices[data-count="5"] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .oa-bto .bto-choices[data-layout="medium"], .oa-bto .bto-choices[data-layout="long"] { grid-template-columns:1fr; }
    .oa-bto .bto-question-actions { gap:12px; }
    .oa-bto .bto-question-actions button { min-width:0; }
}