/* Quiet depth and explicit pre-exam actions. */
.test-page .test-stage{border:1px solid #dce5db;border-radius:22px;background:radial-gradient(ellipse at 50% 80%,#dce8dc 0,transparent 58%),linear-gradient(145deg,#fffefa,#edf3e9);box-shadow:0 14px 35px #193d380c,inset 0 1px 0 #fff;padding:48px 24px 0;margin:20px 0}
.test-page .test-intro{margin:20px 0 28px;padding:24px;border:1px solid #dfe7df;border-radius:18px;background:#fffefa;box-shadow:0 8px 24px #193d3808}
.test-sheet{box-shadow:0 14px 40px #193d3812,inset 0 1px 0 #fff}
.test-whole{background:linear-gradient(145deg,#fff,#f3f6ee);box-shadow:0 6px 18px #193d3808}
.test-final{box-shadow:0 12px 26px #193d381c,inset 0 1px 0 #ffffff12}
.test-final-secondary{margin:12px 0 0}
.test-final-secondary button{margin:0;width:100%;min-height:44px;background:#ffffff10;color:#eef4da;border:1px solid #77947d}
.test-final-secondary button:hover{background:#ffffff20}
.test-final>button{margin-top:auto;min-height:44px}
.exam-entry-card{margin:24px 0;padding:clamp(20px,4vw,40px);background:#fffefa;border:1px solid #d5e2d6;border-radius:22px;box-shadow:0 14px 36px #193d3812}
.exam-entry h2{font-size:32px;letter-spacing:-.8px}
.exam-entry-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.exam-entry-facts>div{background:#eef4e9;border:1px solid #dce8d9;border-radius:12px;padding:16px}
.exam-entry-facts dt{font-size:12px;color:#62776c}.exam-entry-facts dd{margin:4px 0 0;font-size:25px;font-weight:700;color:#225f4b}
.exam-entry ul{padding-left:22px;line-height:1.8;color:#51685e}.exam-entry li{margin-bottom:8px}
.exam-entry-status{padding:14px 16px;background:#eef4e9;border-radius:12px;font-size:13px}
.exam-entry-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}
.exam-entry button{min-height:44px}
@media(max-width:760px){.test-page .test-stage{padding:80px 0 0;overflow:hidden}.test-page .test-intro{padding:18px}.exam-entry-facts{gap:6px}.exam-entry-facts>div{padding:12px 8px}.exam-entry-facts dd{font-size:20px}.exam-entry-actions>button{width:100%}}

.exam-entry .ws-button.primary{background:#225f4b!important;border-color:#225f4b!important;color:#fff!important}.exam-entry .ws-button{border-color:#c4d7c7;color:#225f4b}.exam-entry .ws-button:focus-visible{outline:3px solid #9bbf9e;outline-offset:3px}
.exam-replace-warning{margin:22px 0;padding:18px;border:1px solid #decaa1;border-radius:12px;background:#fcf5e6;color:#73582b}.exam-replace-warning p{margin-bottom:0;color:inherit}
.exam-draft-banner{margin:20px 0;padding:24px;border:1px solid #b7cfb8;border-left:5px solid #225f4b;border-radius:16px;background:linear-gradient(135deg,#fffef9,#edf4e6);box-shadow:0 10px 26px #193d380b;color:#193d38}
.exam-draft-banner h3,.exam-draft-banner h2{margin:8px 0}.exam-draft-banner p{color:#607368;font-size:13px}
.exam-draft-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-top:1px solid #d6e2d2}.exam-draft-row strong{display:block}.exam-draft-row small{display:block;color:#64796c;margin-top:5px}.exam-draft-actions{display:flex;flex-wrap:wrap;gap:10px}.exam-draft-actions button{min-height:44px}
@media(max-width:600px){.exam-draft-banner{padding:18px}.exam-draft-row{align-items:flex-start;flex-direction:column}.exam-draft-actions{width:100%}.exam-draft-actions button{flex:1}}

.exam-difficulty{border:1px solid #dce7d8;border-radius:12px;padding:16px;margin:22px 0}.exam-difficulty legend{padding:0 8px;font-weight:650}.exam-difficulty button{margin-right:8px;min-height:44px}.exam-difficulty button[aria-pressed=true]{background:#225f4b!important;color:#fff!important}.exam-difficulty p{font-size:12px;color:#667b70;margin:10px 0 0}

/* Keep selected labels readable inside the journey's themed workspace. */
#workspace-page .exam-difficulty .ws-button[aria-pressed="true"]{background:#225f4b!important;border-color:#225f4b!important;color:#fff!important}
.test-sheet-heading{flex-wrap:wrap}
.test-sheet-heading>div:first-child{flex:1 1 240px;min-width:0}
/* The challenge label needs its own sizing instead of the numeric mark width. */
.test-sheet-mark:has(>strong){width:auto;min-width:0;max-width:100%;flex:0 1 220px;transform:none}
.test-sheet-mark>strong{font-size:clamp(26px,3.5vw,36px);line-height:1.15;overflow-wrap:anywhere}
@media(max-width:480px){.test-sheet-mark:has(>strong){flex-basis:100%;text-align:left}}