:root{font-family:system-ui,-apple-system,sans-serif;color:#163c38;background:#f4f6f1;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#103e39;color:white;padding:19px max(20px,calc((100vw - 800px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}header a{color:white;text-decoration:none;font-size:26px;font-weight:800}header span{color:#ffb58e}header small{font-size:10px;letter-spacing:2px}main{max-width:800px;margin:32px auto;padding:0 18px}h1{font-size:clamp(30px,7vw,46px);line-height:1.14;letter-spacing:-1.5px;margin:12px 0 20px}h2{line-height:1.3;font-size:25px}h3{margin-bottom:8px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#57716a}.card{padding:24px;border:1px solid #dce4da;background:white;border-radius:20px;margin:18px 0;box-shadow:0 5px 18px #123a3010}.formula{background:#eef5ed;padding:12px 16px;border-radius:10px;font-weight:650}.muted{color:#546961;font-size:15px}button,input{font:inherit}button{border:1px solid #c7d6ce;border-radius:12px;min-height:50px;padding:12px 18px;background:white;color:#163c38;cursor:pointer}button:hover{background:#edf4ee}button:focus-visible,input:focus-visible{outline:3px solid #d08235;outline-offset:3px}button:disabled{cursor:default;opacity:.6}.primary{background:#103e39;color:white;border-color:#103e39;font-weight:700}.primary:hover{background:#20594e}.wide{width:100%}.options{display:grid;gap:10px;margin:22px 0}.option{text-align:left}.selected{background:#e4f2ec;border:2px solid #22765f}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.actions button{flex:1}.tokens{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.answerline{min-height:78px;border:2px dashed #b9cec2;padding:10px;border-radius:12px}.feedback{padding:18px;border-radius:12px;margin-top:20px;background:#edf6ee;border-left:5px solid #36805c}.feedback.wrong{background:#fff1e7;border-color:#b5622c}input{width:100%;min-height:54px;border:1px solid #91a99c;border-radius:10px;padding:12px}label{display:block;margin-bottom:8px;font-weight:650}progress{width:100%;height:9px;accent-color:#35846e}.topline{display:flex;justify-content:space-between;gap:10px;font-size:14px}.passage{background:#eff3ec;border-radius:12px;padding:18px;font-size:16px}.score{font-size:64px;font-weight:800;line-height:1.1}.badge{display:inline-block;background:#e7efe4;padding:4px 12px;border-radius:30px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:15px}td,th{text-align:left;padding:10px 4px;border-bottom:1px solid #ddd}summary{cursor:pointer;font-weight:650;min-height:44px}footer{text-align:center;color:#62746b;padding:30px;font-size:13px}.review{border-bottom:1px solid #dbe3db;padding:15px 0;overflow-wrap:anywhere}@media(max-width:480px){header small{display:none}.card{padding:19px}main{margin-top:24px}.actions button{flex-basis:100%}}@media print{header,footer,button{display:none}main{max-width:none}.card{box-shadow:none;break-inside:avoid}body{background:white}}

/* ConversA+ Learn brand alignment, from learn.conversaworkplace.com */
:root{--blue:#0b4f8a;--orange:#f59e0b;--red:#ef4444;--green:#22c55e;--greenDark:#15803d;--text:#16324f;--muted:#64748b;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#dbf4ff}
body{min-height:100vh;background:linear-gradient(180deg,#dbf4ff,#fff3df);color:var(--text)}
header.top{display:block;background:transparent;text-align:center;padding:24px 14px 0;color:var(--text)}
header a.logo{display:inline-block;background:#fff;border:3px solid #bce8ff;border-radius:30px;padding:10px 24px;font-size:32px;font-weight:900;color:var(--blue);box-shadow:0 9px 22px #0b4f8a24}
header .logo span{color:var(--orange)}header .logo .plus{color:var(--red)}.tag{font-size:13px;color:var(--muted);margin-top:5px}
main{max-width:900px;margin:20px auto;padding:0 14px}.card{background:white;border-radius:28px;padding:22px;margin:14px 0;box-shadow:0 14px 36px #16324f29;border:1px solid #0b4f8a14}
h1{font-size:34px;text-align:center;letter-spacing:normal;color:var(--blue);margin:12px 0;line-height:1.2}h2,h3{color:var(--blue)}
.welcome{text-align:center}.eyebrow{color:#0f76bd;letter-spacing:.08em;font-weight:900}.muted{color:var(--muted)}
.convo-hero,.quiz-guide,.result-top{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.convo-img{width:210px;max-width:45vw;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px #0b4f8a24)}.convo-img.small{width:110px}.convo-note{background:white;border:2px solid #bce8ff;border-radius:22px;padding:14px 16px;color:var(--blue);max-width:410px;text-align:left;box-shadow:0 8px 18px #0b4f8a1a}.convo-note.mini{font-size:14px;padding:10px 13px;max-width:300px}
.guided-card{background:linear-gradient(180deg,#fff,#f0fbff);border:2px solid #bce8ff}.guided-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.guided-pill,.badge{background:#fff7e6;color:#9a5b00;border:2px solid #fed7aa;border-radius:999px;padding:8px 12px;font-weight:900;font-size:14px}.formula{background:#fff7e6;border:2px solid #fed7aa;border-radius:20px;padding:14px;color:var(--blue)}
button{border-radius:18px;font-weight:900;color:var(--text);border:2px solid #dbeafe;background:#f8fbff;touch-action:manipulation}.primary{background:linear-gradient(180deg,#22c55e,#16a34a);color:white;border:0;box-shadow:0 6px 0 #15803d}.primary:hover{background:linear-gradient(180deg,#1eb454,#148f40)}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #15803d}.option{box-shadow:0 5px 0 #cbd5e1}.option:hover{border-color:#0f76bd;background:#eef8ff}.selected{background:#e9f7ff;border:2px solid #0f76bd}.options{gap:16px}input{border:2px solid #d8e8f5;border-radius:18px;padding:16px}.passage{background:#f8fbff;border:2px solid #dbeafe;border-radius:20px}.answerline{border-color:#bce8ff;background:#f8fbff;border-radius:20px}.feedback{background:#dcfce7;color:#166534;border-color:#22c55e;text-align:left}.feedback.wrong{background:#fee2e2;color:#991b1b;border-color:#ef4444}progress{height:14px;accent-color:#16a34a}.topline{color:var(--blue);font-weight:800}.score-circle{width:116px;height:116px;border-radius:50%;background:#e9f7ff;border:7px solid #22c55e;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:var(--blue)}.review{background:#f8fbff;border-left:5px solid #dbeafe;border-bottom:0;border-radius:16px;padding:14px;margin:12px 0}td,th{border-color:#dbeafe}footer{color:var(--muted)}
@media(max-width:640px){main{padding:0 10px}.card{padding:18px;border-radius:24px}header a.logo{font-size:26px}h1{font-size:30px}.convo-img{width:180px;max-width:70vw}.convo-img.small{width:95px}.convo-note{text-align:center}.quiz-guide{gap:8px}.quiz-guide .convo-note{max-width:220px}.guided-head{gap:6px}}
@media print{body{background:white}header.top,footer,button,.convo-img,.convo-note{display:none!important}.card{box-shadow:none}h1{font-size:28px}}

.speaking-card{background:linear-gradient(180deg,#f0fbff,#fff);border:2px solid #bce8ff}.speech-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speech-tracks button{font-size:14px;padding:10px}.speech-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-sentence{background:#fff7e6;border:2px solid #fed7aa;border-radius:20px;padding:18px;text-align:center;font-size:25px;font-weight:900;color:#0b4f8a}.recording-status{padding:12px;border-radius:16px;background:#f8fbff;color:#16324f}audio{width:100%;margin:12px 0}.word-chips{display:flex;flex-wrap:wrap;gap:8px}.word-chip{padding:6px 10px;border-radius:20px;font-weight:bold;font-size:14px}.word-chip.ok{background:#dcfce7;color:#166534}.word-chip.miss{background:#fff7e6;color:#854600}@media(max-width:480px){.speech-actions{grid-template-columns:1fr}.speech-tracks{grid-template-columns:repeat(2,1fr)}}

.voice-score-panel{display:flex;align-items:center;gap:18px;margin:16px 0;padding:18px;border:3px solid #bce8ff;border-radius:24px;background:white;color:#0b4f8a}.voice-score-number{font-size:48px;font-weight:900;line-height:1.1;min-width:120px;text-align:center}.voice-score-panel p{font-size:14px;margin:5px 0 0;color:#54677d}@media(max-width:420px){.voice-score-panel{flex-direction:column;text-align:center;gap:8px}}

.course-link{display:inline-block;color:#0b4f8a;font-weight:800;padding:12px 16px;background:#fff7e6;border:2px solid #fed7aa;border-radius:16px;text-decoration:none}.course-link:hover{text-decoration:underline}