/* Self-contained first-visit welcome card. */
#exam-details-dialog{width:min(900px,calc(100% - 40px));max-width:900px;max-height:calc(100svh - 40px);margin:auto;padding:0;border:1px solid #d9e3ef;border-radius:20px;background:#fff;color:#142b50;box-shadow:0 32px 120px #061b4d55;overflow:auto;font-family:'Public Sans','Segoe UI',sans-serif}
#exam-details-dialog::backdrop{background:#0d234dcc;backdrop-filter:blur(5px)}
.exam-setup-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-width:0}
.exam-setup-story{background:radial-gradient(ellipse at 100% 100%,#087f86 0,transparent 65%),linear-gradient(150deg,#112956,#163e75);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:30px;min-width:0}
.exam-setup-brand{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:23px;font-weight:800;letter-spacing:-.8px;text-decoration:none;color:#fff}
.exam-setup-brand span{color:#ffd16b}
.exam-setup-story-copy{position:relative;z-index:1;margin-top:50px}
.exam-setup-kicker{font-size:9px;font-weight:700;letter-spacing:1.6px;line-height:1.9;color:#ffdf96}
#exam-details-dialog .exam-setup-story h2{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:42px;font-weight:700;letter-spacing:-1.5px;line-height:1.13;margin:18px 0}
.exam-setup-story h2 span{color:#ffd16b}
.exam-setup-story-copy>p{font-size:12px;line-height:1.9;color:#dbe8ff;max-width:220px}
.exam-setup-art{height:110px;position:relative;margin-top:16px;flex:1;min-height:75px}
.setup-art-orbit{position:absolute;width:175px;height:175px;border:1px solid #8be0e34d;border-radius:50%;left:50px;top:0}
.setup-art-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #8be0e34d;border-radius:50%}
.setup-art-arrow{position:absolute;color:#62daca;font-size:130px;line-height:1;left:76px;top:8px;font-weight:600}
.setup-art-dot{position:absolute;width:12px;height:12px;background:#ffd16b;border-radius:50%;left:60px;top:18px}
.setup-art-spark{position:absolute;font-size:42px;color:#ffd16b;left:5px;top:75px;line-height:1}
.exam-setup-story-footer{font-size:11px;letter-spacing:.3px;color:#dbe8ff;position:relative;z-index:1;margin-top:24px}
.exam-setup-form{padding:30px 34px;min-width:0}
.exam-setup-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.exam-setup-step{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#087c78}
.exam-setup-time{font-size:10px;border-radius:999px;padding:4px 9px;background:#edf4fa;color:#5b6d85;white-space:nowrap}
#exam-details-dialog #exam-details-title{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:34px;line-height:1.1;letter-spacing:-1.2px;margin:20px 0 12px;color:#142b50;text-wrap:pretty}
#exam-details-dialog .exam-setup-intro{font-size:13px;line-height:1.75;color:#63728a;margin:0 0 20px;max-width:360px}
#exam-details-dialog .exam-setup-field{margin-top:15px}
#exam-details-dialog .exam-setup-field label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#243c60;margin:0 0 7px}
.exam-setup-field label>span{font-size:9px;letter-spacing:.5px;color:#7a8ba2}
#exam-details-dialog .exam-setup-field select{display:block;width:100%;height:46px;min-height:46px;border:1px solid #cad7e6;border-radius:8px;background-color:#f7f9fc;padding:10px 12px;color:#183d65;font:500 14px 'Public Sans','Segoe UI',sans-serif;transition:border-color .15s,box-shadow .15s;cursor:pointer}
#exam-details-dialog .exam-setup-field select:hover{border-color:#8aa6c5}
#exam-details-dialog .exam-setup-field select:focus-visible{outline:0;border-color:#087c78;box-shadow:0 0 0 3px #087c781f}
.exam-setup-field>p{font-size:10px;line-height:1.6;color:#7a8aa0;margin:5px 0 0}
#exam-details-dialog .exam-setup-reassurance{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:#78869a;margin:18px 0 0}
.exam-setup-reassurance>span{color:#087c78}
#exam-details-dialog .dialog-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e7edf4}
#exam-details-dialog .dialog-actions .button{border:0;border-radius:8px;padding:12px 16px;min-height:44px;background:#087c78;color:#fff;font-size:12px;gap:16px}
#exam-details-dialog .dialog-actions .button:hover{background:#06605d}
#exam-details-dialog .dialog-actions .subtle-button{font-size:11px;color:#7b8aa0;padding:8px 0}
#exam-details-status{font-size:12px;color:#a22d35;margin-top:12px}
@media(min-width:701px) and (max-height:700px){#exam-details-dialog{max-height:calc(100svh - 24px)}.exam-setup-form{padding:22px 28px}.exam-setup-story{padding:26px}.exam-setup-story-copy{margin-top:34px}#exam-details-dialog #exam-details-title{font-size:29px;margin-block:14px 9px}#exam-details-dialog #exam-details-title br{display:none}#exam-details-dialog .exam-setup-intro{margin-bottom:12px;font-size:12px}#exam-details-dialog .exam-setup-field{margin-top:12px}#exam-details-dialog .dialog-actions{margin-top:14px;padding-top:14px}.exam-setup-art{min-height:40px}}
@media(max-width:700px){#exam-details-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:15px}.exam-setup-layout{grid-template-columns:1fr}.exam-setup-story{padding:20px 24px;display:block}.exam-setup-brand{font-size:23px}.exam-setup-story-copy,.exam-setup-art,.exam-setup-story-footer{display:none}.exam-setup-form{padding:24px}#exam-details-dialog #exam-details-title{font-size:30px;margin-top:17px}#exam-details-dialog #exam-details-title br{display:none}#exam-details-dialog .dialog-actions{align-items:stretch;flex-direction:column-reverse}#exam-details-dialog .dialog-actions .button{width:100%;font-size:13px}#exam-details-dialog .exam-setup-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){#exam-details-dialog select{transition:none}}