/* WINNERS diagnostic brand application.
   Palette: winners-emblem-v7/WINNERS_TYPE_SYSTEM.md.
   SUITE headings / SUIT copy: 2026-09-08 user instruction for this learning app.
   The brand-wide master and all logo paths remain unchanged. */
@font-face{font-family:SUITE;src:url('./fonts/SUITE-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:SUIT;src:url('./fonts/SUIT-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--winners-navy:#052545;--winners-gold:#b89a62;--winners-ivory:#f5f1e8;--winners-white:#ffffff;--font-heading:SUITE,sans-serif;--font-body:SUIT,sans-serif}

.grade-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grade-options .wizard-option{justify-content:center;min-height:96px;padding:16px 8px;font-size:20px}.grade-options .selection-check{display:none}.school-options .wizard-option{min-height:84px;font-size:20px;padding:22px 24px}.result-state.outside{color:#596571}
.sheet-close{position:absolute;right:14px;top:15px;font-size:25px}#sheet-title{padding-right:24px;outline:none}
.student-app{--ink:var(--winners-navy);--muted:#6b7684;--blue:var(--winners-navy);--line:#f0f2f5;background:#f2f4f6;color:var(--ink);font-size:16px;line-height:1.6}
.mobile-shell{max-width:520px;min-height:100dvh;margin:0 auto;background:#fff;box-shadow:0 0 40px #1b2d4210;position:relative}
.student-app .header{height:64px;padding:10px 22px;background:#fff;border:0;display:flex;gap:8px;align-items:center;position:relative;z-index:2}
.student-app .brand{margin-right:auto}.student-app .brand img{width:156px;height:40px;object-fit:contain}
.icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:transparent;color:#596571;border:0;border-radius:14px;font-size:18px;font-weight:700;padding:0}
.icon-button:hover{background:#f2f4f6}.icon-button[hidden]{display:none}.back-button{margin-left:-10px;color:#333d4b}.help-button{border:1.5px solid #d1d6db;border-radius:50%;width:25px;height:25px;flex:0 0 25px;margin:0 5px 0 12px;font-size:14px}
.student-app main{width:100%;max-width:none;min-height:calc(100dvh - 64px);margin:0;padding:22px 28px 0;display:flex;flex-direction:column;outline:none}
.student-app h1{color:var(--winners-navy);font-size:28px;line-height:1.45;letter-spacing:-.045em;font-weight:700}
.student-app p{word-break:keep-all;overflow-wrap:anywhere}
.student-app .button{border-radius:16px;transition:background .18s,transform .18s,box-shadow .18s;border-color:#e5e8eb;min-height:52px;font-size:16px}
.student-app .button.primary{background:var(--winners-navy);border:0;color:#fff;font-weight:700;box-shadow:none}
.student-app .button.primary:hover{background:var(--winners-navy)}.student-app .button.primary:active{transform:scale(.975);background:#031b33}
.student-app .button.primary:disabled{background:var(--winners-ivory);color:#69717b;opacity:1}
.student-app .full{min-height:56px;margin:0;line-height:1.5;padding:14px 18px}
.student-app button:focus-visible,.student-app a:focus-visible,.student-app input:focus-visible,.student-app summary:focus-visible{outline:3px solid var(--winners-gold);outline-offset:4px}
.bottom-actions{margin-top:auto;padding:24px 0 max(22px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:3;background:linear-gradient(to bottom,#ffffff00,#fff 15px);display:flex;flex-direction:column;gap:8px}
.quiet-link{display:block;background:none;border:0;color:#596571;font-size:14px;min-height:40px;padding:8px 12px;text-align:center;cursor:pointer}
.quiet-link:active{color:var(--winners-navy)}
.home-content{padding-top:28px;display:flex;flex-direction:column;flex:1}
.course-pill{font-size:13px;color:var(--winners-navy);background:var(--winners-ivory);border-radius:30px;padding:5px 11px;align-self:flex-start;font-weight:700;line-height:1.6}
.home-content h1{font-size:36px;margin:20px 0 14px;line-height:1.35;letter-spacing:-.055em}
.home-description{font-size:18px;line-height:1.7;color:#596571;margin:0}
.home-symbol{position:relative;width:260px;height:205px;margin:36px auto 15px;display:grid;place-items:center}
.symbol-tile{width:132px;height:132px;border-radius:35px;background:linear-gradient(150deg,#fff 25%,var(--winners-ivory));box-shadow:8px 17px 35px #05254513,inset 0 0 0 1px #f1f4f7;display:grid;place-items:center;transform:rotate(-7deg);animation:symbol-arrive .75s cubic-bezier(.22,1,.36,1) both}
.symbol-tile img{width:94px;height:94px;transform:rotate(7deg)}
.float-pill{position:absolute;border-radius:16px;box-shadow:0 6px 22px #0525450c;background:white;font-size:14px;font-weight:700;color:#4e5968;padding:12px 16px;display:flex;align-items:center;gap:12px;animation:pill-arrive .8s cubic-bezier(.22,1,.36,1) both}
.float-pill span{font-size:16px;font-weight:700}.concept-pill{top:10px;left:-5px;animation-delay:.12s}.concept-pill span{color:var(--winners-gold)}.problem-pill{bottom:5px;right:-4px;animation-delay:.26s}.problem-pill span{color:var(--winners-navy)}
.home-meta{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px;color:#596571;margin:15px 0 0;text-align:center}.home-meta p{margin:0}.home-actions{padding-top:30px}
.wizard-progress,.mini-steps{display:flex;gap:5px;height:4px;margin:4px 0 32px;flex-shrink:0}.wizard-progress span,.mini-steps span{flex:1;background:#f2f4f6;border-radius:4px}.wizard-progress .filled,.mini-steps .filled{background:var(--winners-navy);transition:background .25s}.mini-steps{width:48px;height:4px;gap:4px;margin-bottom:28px}
.wizard-heading{margin:0 0 28px}.wizard-heading>.label{font-size:13px;color:#596571}.wizard-heading h1{margin:9px 0 12px;font-size:28px}.wizard-heading p{font-size:16px;color:#596571;margin:0}
.wizard-options{border:0;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.wizard-option{position:relative;display:flex;gap:12px;align-items:center;min-height:64px;padding:17px 20px;border-radius:17px;background:#fff;border:2px solid transparent;font-size:17px;font-weight:700;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.wizard-option input{position:absolute;opacity:0;width:1px;height:1px}.selection-check{margin-left:auto;color:#b0b8c1;font-size:18px;visibility:hidden;opacity:0;transition:transform .2s,opacity .2s}
.wizard-option:has(input:checked){background:var(--winners-ivory);border-color:var(--winners-navy);color:var(--winners-navy)}.wizard-option:has(input:checked) .selection-check{color:var(--winners-navy);opacity:1;transform:scale(1.13)}
.wizard-option:has(input:focus-visible){outline:3px solid var(--winners-gold);outline-offset:3px}.wizard-option:active{transform:scale(.984)}
.student-app .answer-input{border:0;border-bottom:2px solid #e5e8eb;background:#f9fafb;border-radius:15px 15px 0 0;padding:17px 18px;font-size:22px;min-height:65px;transition:border-color .2s,background .2s;color:#333d4b}
.student-app .answer-input:focus{outline:0;border-bottom-color:var(--winners-navy);background:var(--winners-ivory)}.student-app .answer-input::placeholder{color:#b0b8c1;font-size:18px}
.student-app .small-note{font-size:13px;color:#596571;line-height:1.65}.student-app .error{font-size:14px;min-height:22px;margin:8px 0;color:#df4a4a}
.ready-note{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:18px;background:#f7f8fa;padding:20px;margin:25px 0}.ready-note>span{color:var(--winners-navy);background:var(--winners-ivory);border-radius:12px;padding:12px;font-weight:700;white-space:nowrap}.ready-note p{margin:0;font-size:14px;color:#6b7684;line-height:1.6}
.student-app .question-panel{padding:0;border:0;border-radius:0;box-shadow:none;background:white;margin-bottom:0}.student-app .exam-top{gap:14px;align-items:center;margin-bottom:14px}.student-app .question-count{font-size:15px;color:#596571;letter-spacing:0;font-weight:400}.student-app .question-kind{font-size:14px;background:var(--winners-ivory);color:var(--winners-navy);padding:4px 9px;border-radius:8px;font-weight:700;margin-bottom:7px}
.student-app .timer{background:#f2f4f6;color:#4e5968;border-radius:9px;font-size:17px;padding:5px 10px}.student-app .timer.urgent{color:#d9583b;background:#fff1ed}.student-app .exam-top>div>.label{display:none}
.student-app .progress{height:4px;background:#f2f4f6;margin:0 0 26px;flex-shrink:0}.student-app .progress span{background:var(--winners-navy);transition:width .3s ease}
.student-app .problem{padding:0 0 24px;min-height:100px;font-size:24px;line-height:1.65;color:var(--winners-navy);font-weight:700;letter-spacing:-.025em}
.student-app .choice-list{gap:10px}.student-app .choice{background:#fff;border:2px solid transparent;border-radius:16px;padding:16px;gap:12px;min-height:66px;font-size:16px;color:#333d4b;transition:background .18s,border-color .18s,transform .18s}
.student-app .choice:has(input:checked){padding:16px;border-color:var(--winners-navy);background:var(--winners-ivory);color:var(--winners-navy)}.student-app .choice:active{transform:scale(.985)}.student-app .choice input{accent-color:var(--winners-navy);width:18px;height:18px;margin:0}.student-app .choice-number{display:none}
.student-app .confidence{gap:13px;padding:15px 0;margin:15px 0 0;font-size:13px;color:#6b7684}.student-app .confidence legend{font-size:12px;color:#596571;margin-bottom:0}.student-app .confidence input{accent-color:var(--winners-navy)}.student-app .skip-answers{margin:6px 0 4px}.student-app .skip-answers .button{min-height:44px;font-size:13px;padding:9px 5px}.student-app .exam-top>.small-note{font-size:12px}.student-app .exam-top>.button{font-size:12px;min-height:44px;padding:8px}
#app-sheet{position:fixed;inset:auto 0 0;margin:0 auto;border:0;border-radius:28px 28px 0 0;max-width:520px;width:100%;padding:12px 28px max(28px,env(safe-area-inset-bottom));background:#fff;color:var(--winners-navy);max-height:88dvh;overflow:auto;box-shadow:0 -10px 50px #10182813;overscroll-behavior:contain}
#app-sheet[open]{animation:sheet-up .28s cubic-bezier(.22,1,.36,1)}#app-sheet::backdrop{background:#10182865;animation:backdrop-in .2s ease}.sheet-handle{width:36px;height:4px;border-radius:3px;background:#d9dde3;margin:0 auto 28px}#sheet-title{font-size:23px;line-height:1.5;margin:0 0 18px}#sheet-content>p{font-size:16px;color:#6b7684}#sheet-content .full{margin-top:22px}.help-rows p{padding:14px 0;margin:0;border-bottom:1px solid #f2f4f6}.help-rows p:last-child{border-bottom:0}.help-rows strong,.help-rows span{display:block}.help-rows strong{font-size:16px}.help-rows span{font-size:14px;color:#596571;margin-top:6px;line-height:1.7}
.result-intro{text-align:left;padding:8px 0 25px}.completion-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--winners-ivory);color:var(--winners-navy);border-radius:50%;margin-bottom:25px;animation:success-pop .4s cubic-bezier(.2,1.5,.5,1) both}.completion-icon path{stroke-dasharray:30;stroke-dashoffset:30;animation:check-draw .35s .2s ease forwards}.result-intro .label{font-size:14px;color:#596571}.result-intro h1{margin-top:9px;font-size:28px}.result-stats{display:grid;grid-template-columns:1fr 1fr;background:var(--winners-ivory);border-radius:22px;padding:25px 0}.result-stats>div{padding:0 24px}.result-stats>div+div{border-left:1px solid #e5e8eb}.result-stats span{font-size:14px;color:#6b7684}.result-stats strong{display:block;font-size:35px;line-height:1.3;color:var(--winners-navy);margin:9px 0 3px}.result-stats small{font-size:20px;font-weight:400;color:#b0b8c1}.result-stats p{font-size:12px;color:#596571;margin:0}.result-context{font-size:13px;color:#596571;line-height:1.65;margin:15px 0 30px}.next-card{padding:23px;background:var(--winners-ivory);border-radius:20px;margin:0 0 25px}.next-card>span{font-size:13px;color:#785e32;font-weight:700}.next-card h2{font-size:21px;line-height:1.55;margin:9px 0;color:#4e4435}.next-card p{font-size:13px;color:#675c49;margin:0}
.result-list{border-top:1px solid #f2f4f6}.skill-accordion{border-bottom:1px solid #f2f4f6;margin:0}.skill-accordion>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:75px;padding:15px 2px;color:#333d4b;font-size:16px;font-weight:700}.skill-accordion>summary::-webkit-details-marker{display:none}.result-state{margin-left:auto;font-size:12px;color:#596571;white-space:nowrap;font-weight:400}.result-state.basic,.result-state.secure{color:var(--winners-navy)}.result-state.support{color:#785e32}.row-chevron{color:#b0b8c1;font-size:18px;transition:transform .2s}.skill-accordion[open] .row-chevron{transform:rotate(180deg)}.skill-expanded{padding:0 0 22px;animation:expand-in .2s ease}.student-app .facet-grid{background:#f7f8fa;border-radius:15px;padding:17px;gap:17px;margin:0 0 15px}.student-app .facet-grid strong{font-size:13px;color:#4e5968}.student-app .facet-grid p{font-size:14px;color:#6b7684}.student-app .facet-grid .label{font-size:12px}.result-guide{text-align:left;padding-left:2px;margin:20px 0}.student-app .evidence-card{padding:18px 0;border-top-color:#f0f2f5}.student-app .evidence-card p{font-size:15px}.student-app .answerline{color:#596571!important;font-size:13px!important}.student-app .divisor-example{border-radius:16px;background:var(--winners-ivory);padding:18px}.student-app .divisor-example h3{font-size:17px}
.student-app .toast{max-width:calc(100% - 32px);width:max-content;border-radius:14px;bottom:calc(24px + env(safe-area-inset-bottom));background:#333d4bf5;box-shadow:0 5px 25px #0001;animation:expand-in .2s ease}
@keyframes symbol-arrive{from{opacity:0;transform:translateY(18px) rotate(-12deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(-7deg) scale(1)}}
@keyframes pill-arrive{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes expand-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes success-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes check-draw{to{stroke-dashoffset:0}}
@media(max-width:520px){.student-app{background:#fff}.mobile-shell{box-shadow:none}.student-app main{padding:20px 24px 0}.student-app .header{padding:10px 18px}.home-content{padding-top:24px}.home-content h1{font-size:34px}.home-symbol{margin-top:32px}.home-actions{padding-top:24px}.wizard-heading h1{font-size:27px}.student-app .brand img{width:156px}.wizard-option{font-size:16px;min-height:61px}.student-app .problem{font-size:23px}.student-app .choice{font-size:16px}#app-sheet{padding-left:24px;padding-right:24px}}
@media(max-height:750px){.home-content{padding-top:14px}.home-content h1{font-size:32px;margin-top:15px}.home-description{font-size:16px}.home-symbol{height:165px;width:240px;margin-top:24px;margin-bottom:5px}.symbol-tile{width:112px;height:112px;border-radius:30px}.symbol-tile img{width:80px;height:80px}.float-pill{padding:10px 13px;font-size:13px}.home-meta{margin-top:12px}.home-actions{padding-top:22px}.bottom-actions{padding-bottom:18px}}
@media(max-width:350px){.student-app main{padding-left:20px;padding-right:20px}.home-content h1{font-size:31px}.wizard-heading h1{font-size:25px}.home-symbol{width:225px}.float-pill{font-size:12px}.result-stats>div{padding:0 18px}.result-state{font-size:11px}.skill-accordion>summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.student-app *,#app-sheet[open],#app-sheet::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}.completion-icon path{stroke-dashoffset:0}.symbol-tile{transform:none}.symbol-tile img{transform:none}}
@media print{.student-app{background:#fff}.mobile-shell{max-width:none;box-shadow:none}.student-app main{min-height:0;padding:0;display:block}.bottom-actions,.icon-button,.result-guide,.home-symbol,dialog,.toast{display:none!important}.student-app .header{display:flex!important;padding:0 0 16px;height:auto}.completion-icon{display:none}.result-intro{padding:0 0 15px}.result-stats{break-inside:avoid}.result-stats strong{color:#333}.next-card{background:#fafafa}.skill-accordion{break-inside:avoid}.skill-accordion .skill-expanded{display:block}.student-app details{content-visibility:visible}.skill-expanded,.completion-icon path{animation:none!important}.row-chevron{display:none}}
/* Three surfaces: navy welcome, ivory preparation/report, white examination. */
.student-app{--surface:var(--winners-ivory);--ink:var(--winners-navy);--muted:#596571;--line:#ded8cc;--blue:var(--winners-navy);background:var(--surface);font-family:var(--font-body);font-weight:400}
.student-app .mobile-shell,.student-app .header{background:var(--surface)}
.student-app[data-screen="start"]{--surface:var(--winners-navy)}
.student-app[data-screen="exam"]{--surface:var(--winners-white);--ink:#161616}
.student-app h1,.student-app h2,.student-app h3,.student-app .question-count{font-family:var(--font-heading);font-weight:700;letter-spacing:-.025em}
.student-app .button,.student-app .wizard-option,.student-app .skill-accordion>summary,.student-app strong{font-family:var(--font-body);font-weight:600}
.student-app .bottom-actions{background:linear-gradient(to bottom,transparent,var(--surface) 15px)}
.student-app .button.primary{background:var(--winners-navy);color:var(--winners-white)}
.student-app .button.primary:hover{background:#143858}
.student-app .button.primary:active{background:#031b33}
.student-app .button.primary:disabled{background:#e4dfd5;color:#596571}
.student-app .home-content h1{color:var(--winners-white)}
.student-app .home-description,.student-app[data-screen="start"] .quiet-link,.student-app .home-meta{color:#d7dfdf}
.student-app .course-pill{background:transparent;border:1px solid #b89a6266;color:var(--winners-gold)}
.student-app[data-screen="start"] .help-button{color:var(--winners-gold);border-color:#b89a6280}
.student-app[data-screen="start"] .home-actions .primary{background:var(--winners-gold);color:var(--winners-navy)}
.student-app[data-screen="start"] .home-actions .primary:hover{background:#c8ac7b}
.student-app[data-screen="start"] .home-actions .primary:active{background:#ab8e55}
.student-app .symbol-tile{background:var(--winners-ivory);box-shadow:0 18px 36px #0003,inset 0 0 0 1px #b89a6240}
.student-app .float-pill{background:var(--winners-ivory);color:var(--winners-navy);box-shadow:0 8px 24px #0002}
.student-app .float-pill span{color:#785e32}

.student-app .wizard-progress span,.student-app .mini-steps span{background:#ded8cc}
.student-app .wizard-progress .filled,.student-app .mini-steps .filled{background:var(--winners-gold)}
.student-app .wizard-option{background:var(--winners-white);color:var(--winners-navy);border-color:#e5dfd4}
.student-app .wizard-option:has(input:checked){background:var(--winners-navy);color:var(--winners-white);border-color:var(--winners-navy)}
.student-app .wizard-option:has(input:checked) .selection-check{color:var(--winners-gold);visibility:visible}
.student-app .ready-note{background:var(--winners-white)}
.student-app .ready-note>span{background:var(--winners-navy);color:var(--winners-gold)}
.student-app .answer-input{font-family:var(--font-body);font-weight:400}
.student-app .completion-icon{background:var(--winners-navy);color:var(--winners-gold)}
.student-app .result-stats{background:var(--winners-navy)}
.student-app .result-stats>div+div{border-color:#ffffff30}
.student-app .result-stats strong{font-family:var(--font-heading);font-weight:700;color:var(--winners-gold)}
.student-app .result-stats span,.student-app .result-stats p,.student-app .result-stats small{color:var(--winners-ivory)}
.student-app .next-card{background:var(--winners-white);border-left:3px solid var(--winners-gold)}
.student-app .next-card h2{color:var(--winners-navy)}
.student-app .result-list{border-top:1px solid #ded8cc}
.student-app .skill-accordion{border-bottom:1px solid #ded8cc}
.student-app .facet-grid,.student-app .divisor-example{background:var(--winners-white)}
.student-app .result-state{font-size:13px}
.student-app .evidence-card strong{font-weight:600}
.student-app .toast{background:var(--winners-navy);color:var(--winners-white)}
.student-app #app-sheet{background:var(--winners-ivory);color:var(--winners-navy)}
.student-app #app-sheet::backdrop{background:#05254599}
.student-app .sheet-handle{background:var(--winners-gold)}
.student-app #sheet-title{font-family:var(--font-heading);font-weight:700;color:var(--winners-navy)}
.student-app .help-rows p{border-color:#ded8cc}
.student-app .help-rows strong{font-weight:600}
/* The actual test stays visually neutral. Brand accents never recolor its question copy. */
.student-app[data-screen="exam"] .question-panel,.student-app[data-screen="exam"] .choice,.student-app[data-screen="exam"] .answer-input{background:#fff;color:#161616}
.student-app[data-screen="exam"] .problem{font-family:var(--font-body);font-weight:400;color:#161616}
.student-app[data-screen="exam"] .choice{font-family:var(--font-body);font-weight:400;border-color:#dedede}
.student-app[data-screen="exam"] .choice:has(input:checked){background:#fff;border-color:var(--winners-navy);color:#161616}
.student-app[data-screen="exam"] .question-count{color:var(--winners-navy);font-weight:700}
.student-app[data-screen="exam"] .question-kind{background:#f3f3f3;color:#434343}
.student-app[data-screen="exam"] .answer-input:focus{background:#fff;border-bottom-color:var(--winners-navy)}
.student-app[data-screen="exam"] .progress span{background:var(--winners-gold)}
.student-app .choice:has(input:focus-visible){outline-color:var(--winners-gold)}
.student-app button:focus-visible,.student-app a:focus-visible,.student-app input:focus-visible,.student-app summary:focus-visible,.student-app .wizard-option:has(input:focus-visible),.student-app .choice:has(input:focus-visible){outline-color:var(--winners-navy)}
.student-app[data-screen="start"] .header button:focus-visible,.student-app[data-screen="start"] .header a:focus-visible,.student-app[data-screen="start"] .home-actions button:focus-visible{outline-color:var(--winners-gold)}
@media print{
 .student-app,.student-app .mobile-shell,.student-app .header{--surface:#fff;background:#fff;color:#161616}
 .student-app .result-stats,.student-app .next-card{background:#fff;border:1px solid #ccc}
 .student-app .result-stats strong,.student-app .result-stats span,.student-app .result-stats small,.student-app .result-stats p{color:var(--winners-navy)}
 .student-app .result-stats>div+div{border-color:#ccc}
}

/* KaTeX owns mathematical glyphs; Korean prose keeps SUIT. */
.math-inline{display:inline-block;max-width:100%;vertical-align:baseline;overflow-x:auto;overflow-y:hidden;padding:.22em .05em;margin:-.22em -.05em}
.math-inline .katex{font-size:1.08em;letter-spacing:normal;white-space:nowrap}
.student-app .problem{line-height:2}
.student-app .choice-list .choice{min-width:0;line-height:1.9}
.student-app .choice>span:last-child{min-width:0}
.answer-mode{display:flex;gap:22px;border:0;padding:0;margin:0 0 14px;font-size:14px}
.answer-mode label{display:flex;align-items:center;gap:7px}
.fraction-fields{display:flex;flex-direction:column;align-items:stretch;width:140px;padding:8px 15px;margin:4px 0 12px}
.fraction-fields[hidden],.answer-input[hidden]{display:none!important}
.fraction-fields input{width:100%;min-height:48px;text-align:center;border:1px solid #dedede;border-radius:8px;font:400 21px SUIT,sans-serif;background:#fff;color:#161616}
.fraction-fields input::placeholder{font-size:15px}
.fraction-bar{height:1.5px;background:#161616;margin:8px 0}

/* Approved stacked white/gold logo on the start screen. */
.student-app[data-screen=start] .brand img{width:90px;height:52px;object-fit:contain}