.student-portal .prep-catalog-filters{display:flex;flex-direction:column;align-items:stretch;gap:18px}.student-portal .prep-catalog-filters>label{align-self:flex-end}.student-portal .prep-catalog-filters .exam-category-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:transparent;padding:0;border:0}.student-portal .exam-category-choices button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;white-space:normal;border:1px solid #d9e7e7;border-radius:15px;background:#fff;color:#193d59;padding:20px;min-width:0;box-shadow:0 5px 18px #173d4e05;cursor:pointer}.student-portal .exam-category-choices button .sp-icon{width:25px;height:25px;color:#008571}.student-portal .exam-category-choices button strong{font-size:14px;font-weight:600;line-height:1.5}.student-portal .exam-category-choices button small{font-size:11px;font-weight:400;line-height:1.6;color:#718698}.student-portal .exam-category-choices button[aria-pressed=true]{border-color:#008571;background:#e7f5ef;box-shadow:inset 0 0 0 1px #008571}.student-portal .exam-category-choices button:hover{border-color:#008571}.student-portal .exam-category-choices button:focus-visible,#interview-app button:focus-visible,#interview-app summary:focus-visible{outline:3px solid #e1a353;outline-offset:3px}
#interview-app{color:#183d5a}#interview-app [hidden]{display:none!important}.interview-intro{background:linear-gradient(120deg,#123d46,#17685e);border-radius:21px;padding:30px;display:flex;gap:28px;justify-content:space-between;color:#fff;align-items:center}.interview-intro .portal-kicker{color:#a7e1cd}.interview-intro h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:13px 0}.interview-intro p{font-size:14px;line-height:1.9;max-width:650px;color:#ddede9}.interview-intro small{font-size:11px;line-height:1.7;color:#b9d7d3;display:block}.interview-intro-number{min-width:120px;text-align:center;border:1px solid #b6e2d54d;padding:22px;border-radius:18px}.interview-intro-number strong{display:block;font-size:46px;line-height:1.1;font-weight:500;color:#f1d8a8}.interview-intro-number span{font-size:11px;display:block;margin-top:9px}.interview-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:26px 0 17px}.interview-toolbar label{flex:1;min-width:180px;font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px}.interview-toolbar select,.interview-toolbar input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d4e3e6;background:#fff;border-radius:10px;font:inherit;font-weight:400;color:#23455e;min-height:45px}#interview-app button{font-family:inherit;cursor:pointer}#interview-app button:disabled{opacity:.5;cursor:not-allowed}#interview-start,.interview-practice button{background:#007c68;color:white;border:0;border-radius:10px;padding:13px 18px;font-size:12px;line-height:1.5}#interview-count{font-size:12px;color:#647f92;margin:16px 0}#interview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.interview-card{padding:23px;background:#fff;border:1px solid #dae7e9;border-radius:16px}.interview-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.interview-card-top span{font-size:10px;font-weight:600;color:#008571;letter-spacing:.3px}.interview-card-top b{font-size:13px;color:#8aa1ad;font-weight:400}.interview-card h2{font-size:18px;line-height:1.6;font-weight:500;margin:13px 0 20px}.interview-card summary{cursor:pointer;font-size:12px;font-weight:600;color:#007c68;padding:10px 0;list-style-position:inside}.interview-answer{margin-top:12px;background:#eff7f5;padding:19px;border-radius:12px;line-height:1.9;font-size:14px;color:#35586b}.interview-answer p{margin:0 0 16px}.interview-answer strong{font-size:12px;color:#176354}.interview-answer ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:10px 0 0}.interview-answer li{border:1px solid #d3e6df;border-radius:7px;background:#fff;font-size:11px;padding:4px 9px}.interview-practice{background:#fff;border:1px solid #d2e5e3;border-radius:20px;padding:30px}.interview-practice-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.interview-practice-top span{font-size:11px;letter-spacing:1px;font-weight:600;color:#5f7c8c}.interview-practice-top button{background:#eaf2f3;color:#37586c}.interview-practice h2{font-size:27px;line-height:1.5;font-weight:500;margin:13px 0}.interview-practice h2:focus{outline:none}.interview-practice p{font-size:14px;line-height:1.9}.interview-rating{display:flex;flex-wrap:wrap;gap:12px}.interview-rating button:last-child{background:#dceae6;color:#245b50}.interview-self-note{margin-top:18px!important;color:#6d8287;font-size:12px!important}.interview-footnote{font-size:11px;line-height:1.9;color:#78909e;margin-top:25px}#interview-empty{padding:30px;background:#fff;border-radius:14px}#interview-stage>button{margin-right:12px;margin-bottom:8px}@media(max-width:1150px){.student-portal .prep-catalog-filters .exam-category-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#interview-list{grid-template-columns:1fr}.interview-intro{padding:23px}.interview-intro-number{display:none}.interview-intro h2{font-size:24px}.interview-practice{padding:21px}.interview-practice h2{font-size:22px}.student-portal .exam-category-choices button{padding:15px}.student-portal .exam-category-choices button strong{font-size:12px}.student-portal .exam-category-choices button small{font-size:10px}.interview-toolbar label{flex-basis:100%}}
/* Short-answer field practice */
.field-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden;padding:34px 38px;border-radius:25px;background:linear-gradient(125deg,#133e45,#176b58);color:#fff}.field-hero .portal-kicker{color:#b6e5c7;font-size:10px}.field-hero h2{font-size:37px;line-height:1.15;letter-spacing:-1.3px;font-weight:500;margin:15px 0}.field-hero p{font-size:13px;line-height:1.9;color:#d4e9e3}.field-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.field-tags span{border:1px solid #ffffff38;background:#ffffff0d;padding:6px 10px;border-radius:20px;font-size:10px}.field-hero-art{display:flex;flex-direction:column;align-items:center;gap:20px;transform:rotate(-8deg);padding:20px;flex-shrink:0}.field-hero-art .sp-icon{width:118px;height:118px;color:#efd39b;stroke-width:1}.field-hero-art>span{font-size:8px;letter-spacing:2px;color:#badbcc}.field-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:17px 0 25px}.field-stats>div{padding:17px 21px;background:#fff;border:1px solid #d8e7e6;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.field-stats span{font-size:11px;color:#6d8290}.field-stats strong{font-size:24px;font-weight:500;color:#137968}.field-stats small{font-size:11px;font-weight:400;color:#90a3aa}.oral-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.oral-mode-grid button{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #d6e4df;background:#fff;border-radius:20px;padding:23px;color:#173b52;transition:transform .18s,box-shadow .18s}.oral-mode-grid button:first-child{background:#fff8e9;border-color:#edd7a9}.oral-mode-grid button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 26px #133f4a12}.oral-mode-icon{font-size:25px;color:#07826d;height:35px}.oral-mode-grid strong{font-size:17px;font-weight:600}.oral-mode-grid small{font-size:11px;line-height:1.7;color:#6d8391}.oral-mode-grid b{font-size:11px;font-weight:600;color:#007d68;margin-top:7px}#oral-list-toggle{padding:13px 16px;border:1px solid #cfe1dd;background:#fff;color:#137968;border-radius:10px;font-size:12px;min-height:45px}.oral-arena{scroll-margin-top:20px}.oral-arena-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0}.oral-arena-top>span{font-size:11px;letter-spacing:1px;font-weight:600;color:#597888}.oral-arena-top button{padding:10px 14px;background:#fff;border:1px solid #d2e3de;border-radius:10px;color:#386257;font-size:11px}.oral-arena progress{appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#dceae5;display:block;margin-bottom:20px}.oral-arena progress::-webkit-progress-bar{background:#dceae5}.oral-arena progress::-webkit-progress-value{background:#03937a;border-radius:10px;transition:width .3s}.oral-arena progress::-moz-progress-bar{background:#03937a}.oral-scenario{position:relative;padding:33px 40px;background:#fff;border:1px solid #cfe1de;border-radius:24px;box-shadow:0 12px 40px #153e4d0d;border-top:5px solid #168873}.oral-scenario-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.oral-scenario-meta span{background:#eaf5ef;color:#18735e;font-size:11px;font-weight:600;padding:7px 12px;border-radius:20px}.oral-scenario-meta b{font-size:24px;color:#a6beb6;font-weight:400}.oral-card-label{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#829a9f}.oral-scenario h2{font-size:29px;line-height:1.5;letter-spacing:-.4px;font-weight:500;margin:13px 0;max-width:820px;color:#183c53}.oral-scenario h2:focus,.oral-finish h2:focus{outline:none}.oral-prompt{font-size:12px;color:#8599a2;line-height:1.8}.oral-question-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.oral-question-actions button,.oral-rating button,.oral-finish-actions button{background:#087e69;border:0;border-radius:11px;padding:15px 22px;color:#fff;font:inherit;font-size:13px;font-weight:500}.oral-question-actions button:last-child{background:#f3f5ed;color:#54745a}.oral-hint{padding:14px 18px;background:#fff8e5;border-radius:12px;color:#866c35;font-size:13px;line-height:1.7}#oral-answer{border-top:1px dashed #c9ded5;margin-top:25px;padding-top:25px}.oral-short-answer{font-size:21px;line-height:1.7;color:#12624f;font-weight:500;background:#eef8f1;padding:22px 25px;border-radius:15px;margin:13px 0}.oral-self-check{font-size:12px;color:#6b8591;margin:22px 0 13px}.oral-rating{display:flex;gap:12px;flex-wrap:wrap}.oral-rating button:last-child{color:#876827;background:#fff1d4}#oral-answer>small{display:block;color:#91a3a9;font-size:10px;margin-top:12px}.oral-flip{animation:oral-flip .35s ease-out}.oral-finish{text-align:center;padding:36px 30px;background:#fff;border:1px solid #d9e8de;border-radius:23px;animation:oral-flip .4s ease-out}.oral-finish-emblem{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#fff2d3;color:#bf9241;font-size:48px;margin:0 auto 24px}.oral-finish h2{font-size:29px;line-height:1.5;margin:15px 0}.oral-finish>p{font-size:13px;color:#78919a}.oral-finish-counts{display:flex;justify-content:center;gap:60px;margin:27px 0}.oral-finish-counts span{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#6e8790}.oral-finish-counts strong{font-size:33px;color:#137560;font-weight:500}.oral-finish-counts span:last-child strong{color:#b48b3c}.oral-finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.oral-finish-actions button:last-child{background:#eaf1ef;color:#3d655a}.oral-result-note{font-size:11px!important}@keyframes oral-flip{from{opacity:0;transform:perspective(900px) rotateX(-12deg) translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.field-hero{padding:28px}.field-hero-art .sp-icon{width:82px;height:82px}.oral-mode-grid button{padding:19px}.oral-mode-grid strong{font-size:15px}.field-stats>div{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.field-hero-art{display:none}.field-hero h2{font-size:31px}.field-hero{padding:26px}.field-stats{gap:8px}.field-stats>div{padding:14px 10px}.field-stats span{font-size:10px}.oral-mode-grid{grid-template-columns:1fr}.oral-mode-grid button{gap:7px;padding:19px 22px}.oral-mode-icon{height:auto;font-size:20px}.oral-mode-grid b{margin-top:0}.oral-scenario{padding:23px 20px}.oral-scenario h2{font-size:23px}.oral-short-answer{font-size:18px;padding:17px}.oral-question-actions button{width:100%}.oral-rating{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oral-rating button{font-size:12px;padding:13px 10px}.oral-scenario-meta{margin-bottom:22px}.oral-arena-top{align-items:flex-start}.oral-arena-top button{max-width:150px}.oral-finish{padding:27px 20px}.oral-finish-actions{flex-direction:column}.oral-finish h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.oral-flip,.oral-finish{animation:none}.oral-mode-grid button,.oral-arena progress::-webkit-progress-value{transition:none}}
/* Written answer → rotating evaluation card → independent learning card. */
.oral-flip-shell{perspective:1600px}.oral-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.oral-flip-inner.is-flipped{transform:rotateY(180deg)}.oral-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}.oral-front{transform:rotateY(0)}.oral-back{transform:rotateY(180deg);background:linear-gradient(145deg,#f3f8f1,#fff)!important}.oral-face[inert]{pointer-events:none}.oral-answer-label{display:block;font-size:14px;font-weight:700;margin:24px 0 10px}.oral-front textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:120px;padding:16px;border:1px solid #cdd9cd;border-radius:15px;background:#fff;font:inherit;line-height:1.65;color:#183a2d}.oral-front textarea:focus{outline:3px solid #cce6b8;border-color:#528b47}.oral-write-help{display:flex;justify-content:space-between;gap:10px;color:#657367;margin:9px 0 20px}.oral-privacy{display:block;color:#69766b;margin-top:14px}.oral-question-actions button:disabled{opacity:.45;cursor:not-allowed}.oral-score{display:flex;align-items:center;gap:20px;margin:20px 0;color:#285537}.oral-score strong{font-size:64px;line-height:1.1;letter-spacing:-3px}.oral-score strong small{font-size:20px;letter-spacing:0;font-weight:500;color:#6c7d6f}.oral-score>span{font-size:20px;font-weight:700}.oral-your-answer{background:#fff;border:1px solid #dce6da;border-radius:14px;padding:16px 20px;margin:20px 0}.oral-your-answer span{font-size:10px;letter-spacing:1.6px;color:#637d65;font-weight:800}.oral-your-answer p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.oral-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.oral-feedback-grid>div{border-left:3px solid #b1cc9b;padding-left:14px}.oral-feedback-grid p{font-size:14px}.oral-explanation{background:#fff;border:1px solid #d9e2d5;border-radius:24px;padding:32px;margin-top:24px;animation:oralLearn .4s ease-out}.oral-explanation h3{font-size:25px;color:#234b32;margin:12px 0 20px}.oral-explanation p{line-height:1.85;color:#526151}.oral-explanation .oral-reference{color:#294f33;background:#edf5e7;border-radius:14px;padding:18px 22px;font-size:18px;font-weight:600}.oral-takeaway{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #e4eade;padding-top:18px;color:#617353;font-size:14px}.oral-unavailable{padding:20px;background:#fff5dc;border-radius:15px;margin:18px 0;color:#735527}.oral-unavailable button{padding:10px 15px;border:1px solid #d4bd86;background:#fff;border-radius:10px;cursor:pointer}.oral-evaluating{padding:25px 0;color:#476e3c}.oral-safety-note{color:#8a4e23;background:#fff2df;border-radius:10px;padding:12px;font-size:14px}@keyframes oralLearn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.oral-feedback-grid{grid-template-columns:1fr}.oral-explanation{padding:22px}.oral-score strong{font-size:52px}.oral-score>span{font-size:17px}.oral-write-help{flex-direction:column}.oral-question-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.oral-flip-inner{transition:none}.oral-explanation{animation:none}}

.oral-question-reminder{margin:18px 0 22px;padding:17px 20px;border:1px solid #d6e4df;border-left:4px solid #168873;border-radius:12px;background:#fff}.oral-question-reminder>span{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#6e8982}.oral-question-reminder>p{margin:7px 0 0;font-size:18px;line-height:1.65;color:#183c53;overflow-wrap:anywhere}@media(max-width:600px){.oral-question-reminder{padding:14px 16px}.oral-question-reminder>p{font-size:16px}}