:root{font-family:"DM Sans",Arial,sans-serif;color:#19343e;background:#f5f8f7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:#146f6a}[hidden]{display:none!important}
.masthead{background:#123343;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(5%,calc((100vw - 1160px)/2));min-height:76px}.brand{font:800 24px Manrope,sans-serif;letter-spacing:-.06em;color:#fff;text-decoration:none}.brand span{color:#83d4c9}.header-right{display:flex;align-items:center;gap:22px;font-size:13px}.header-right span{color:#c6d8d9;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right a,.header-right button{color:#fff;text-decoration:none;background:none;border:0;font-weight:700}.header-right a:hover,.header-right button:hover{text-decoration:underline}
main{max-width:1160px;margin:auto;padding:0 5%}.entry-panel{max-width:680px;margin:80px auto;padding:48px;background:#fff;border:1px solid #dae7e4;border-radius:18px}.entry-panel h1{font:800 clamp(28px,4vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0}.entry-panel p{font-size:16px;line-height:1.6;color:#5d7378}.primary-link{display:inline-block;margin-top:12px;padding:13px 19px;background:#146f6a;border-radius:8px;color:#fff;text-decoration:none;font-weight:700}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:43px 0 28px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:#18817b}.intro h1{font:800 clamp(32px,4vw,50px)/1.15 Manrope,sans-serif;letter-spacing:-.055em;margin:10px 0 8px}.intro p{margin:0;color:#62777a;font-size:16px;line-height:1.5}.intro-mark{display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:20px;background:#dff0ec;color:#156e69;font:800 51px Manrope,sans-serif;transform:rotate(8deg);flex:none}.intro-mark span{color:#e4b45b}.save-status{font-size:12px;color:#4b7370;min-height:18px;margin-bottom:12px}.save-status.error{color:#a84536}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.summary>div{background:#fff;border:1px solid #dce8e5;border-radius:13px;padding:18px 20px}.summary strong{display:block;font:800 28px Manrope,sans-serif;line-height:1.1}.summary span{display:block;margin-top:6px;font-size:13px;color:#61777b}.lab-tabs{display:flex;gap:7px;border-bottom:1px solid #d5e3df;margin-top:33px}.lab-tabs button{border:0;background:none;color:#667c7e;font-weight:700;padding:13px 16px}.lab-tabs button.active{color:#126d68;border-bottom:3px solid #126d68}.lab-tabs span{display:inline-block;background:#e4efec;border-radius:12px;padding:1px 6px;margin-left:4px;font-size:11px}
.work-area{max-width:800px;margin:32px auto 50px}.question-bar{display:flex;justify-content:space-between;align-items:end;gap:20px}.question-bar h2{font:800 27px Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 0}.question-count{font-size:13px;font-weight:700;color:#647a7d;white-space:nowrap}.progress-track{height:6px;border-radius:7px;background:#dce9e6;margin:19px 0 18px;overflow:hidden}.progress-track span{display:block;height:100%;background:#16857c;width:0;transition:width .2s}.step-labels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.step-labels span{padding:7px 11px;border-radius:20px;background:#e9efed;color:#728587;font-size:12px;font-weight:700}.step-labels span.current{background:#d7ede7;color:#126d68}.panel{background:#fff;border:1px solid #dae7e4;border-radius:17px;padding:30px 32px;box-shadow:0 14px 30px #143f3a0a}.question-text{white-space:pre-wrap;font-size:17px;line-height:1.62;margin:0 0 26px}.answer-options{display:grid;gap:10px}.answer-option{display:flex;align-items:flex-start;gap:13px;width:100%;padding:13px 15px;border:1px solid #d3e1dd;border-radius:10px;background:#fff;color:#203940;text-align:left;font-size:14px;line-height:1.45}.answer-option:hover{border-color:#80b7ab}.answer-option.selected{border-color:#15887e;background:#effaf7;box-shadow:0 0 0 1px #15887e}.answer-letter{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:6px;background:#e7f0ed;color:#176d68;font-weight:800;font-size:12px}.confidence{border:0;border-top:1px solid #e4ece9;margin:27px 0 0;padding:22px 0 0}.confidence legend{font-weight:800;font-size:15px;padding:0;float:left;width:100%}.confidence p{clear:both;color:#6d8283;font-size:13px;margin:4px 0 13px}.confidence-options{display:flex;gap:8px;flex-wrap:wrap}.confidence-options button{border:1px solid #cfe0da;border-radius:8px;background:#f8faf9;padding:9px 13px;font-size:13px;color:#26464a}.confidence-options button.selected{background:#dff2ec;border-color:#16877e;color:#126961;font-weight:700}.action-row{border-top:1px solid #e4ece9;margin-top:27px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.action-row p{margin:0;font-size:12px;color:#6e8183}.action-row.end{justify-content:flex-end}.primary-button{border:0;border-radius:8px;background:#146f6a;color:#fff;padding:12px 17px;font-weight:700;font-size:13px;white-space:nowrap}.primary-button:hover{background:#0d5955}.primary-button:disabled{opacity:.5;cursor:not-allowed}
.result-line{display:flex;align-items:center;gap:16px;margin:19px 0 25px}.result-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#dceee9;color:#13756d;font-weight:800;font-size:27px}.result-icon.incorrect{background:#fff0d9;color:#a87922}.result-line h3,#review-stage h3{font:800 22px Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 6px}.result-line p{margin:0;color:#647b7d;font-size:14px}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-comparison div,.sra-score{border-radius:10px;background:#f2f8f6;padding:16px}.answer-comparison span,.sra-score span{display:block;color:#617d7e;font-size:12px;margin-bottom:7px}.answer-comparison strong,.sra-score strong{display:block;font-size:14px;line-height:1.45}.sra-score{margin-top:12px}.learning-prompt,#review-intro{color:#5f7679;font-size:14px;line-height:1.6;margin:22px 0 0}.resource-list{display:grid;gap:10px;margin-top:21px}.resource-list a{display:flex;align-items:center;gap:12px;border:1px solid #dce8e4;border-radius:10px;padding:13px 15px;text-decoration:none;color:#203d43}.resource-list a:hover{border-color:#87bcb2;background:#f8fcfa}.resource-list a>span:nth-child(2){flex:1}.resource-list strong,.resource-list small{display:block}.resource-list strong{font-size:14px}.resource-list small{color:#718789;font-size:12px;margin-top:3px}.resource-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#e2f1ec;color:#15756d}.queue-choice{display:flex;align-items:center;gap:12px;margin-top:25px;padding:16px;border:1px solid #d6e5df;border-radius:10px;background:#f7fbf9;cursor:pointer}.queue-choice input{width:18px;height:18px;accent-color:#157d75}.queue-choice strong,.queue-choice small{display:block}.queue-choice strong{font-size:14px}.queue-choice small{color:#6d8585;font-size:12px;margin-top:4px}.source-line{font-size:12px;color:#697e80;line-height:1.5;margin-top:15px}.queue-list{display:grid;gap:10px;margin-top:20px}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid #dae7e4;border-radius:11px;padding:18px}.queue-item strong,.queue-item span{display:block}.queue-item span{font-size:12px;color:#6b8082;margin-top:4px}.queue-item button{border:1px solid #a7cdc4;background:#fff;color:#126f6a;border-radius:8px;padding:9px 13px;font-weight:700}.queue-empty{background:#fff;border:1px solid #dae7e4;border-radius:11px;padding:26px;color:#637a7d}.legal{border-top:1px solid #d8e6e1;color:#6e8284;font-size:11px;line-height:1.55;padding:21px 0 35px}.legal p{margin:5px 0}.legal a{color:#3d7874}
@media(max-width:700px){.masthead{padding:17px 5%}.brand{font-size:20px}.header-right{gap:10px;font-size:11px}.header-right span{max-width:105px}.intro{padding:32px 0 23px}.intro-mark{display:none}.intro p{font-size:14px}.summary{gap:7px}.summary>div{padding:13px 11px}.summary strong{font-size:23px}.summary span{font-size:11px}.work-area{margin-top:26px}.panel{padding:22px 18px}.question-text{font-size:15px}.answer-comparison{grid-template-columns:1fr}.action-row{align-items:stretch;flex-direction:column}.action-row .primary-button{align-self:flex-end}.entry-panel{margin:40px auto;padding:32px 23px}.queue-item{align-items:flex-start;flex-direction:column}}

.repeat-notice { padding: 16px; border: 2px solid #278974; border-radius: 12px; background: #edf8f2; color: #163b32; line-height: 1.6; }
