.dre-level-test{
    --dre-blue:#1E9AE6;
    --dre-pink:#F34CA3;
    --dre-dark:#2F3640;
    --dre-light-blue:#eef7fd;
    --dre-blue-border:#b9dcf3;
    max-width:820px;
    margin:40px auto;
    font-family:"Nunito",sans-serif;
    color:var(--dre-dark);
}
.dre-lt-card{
    background:#fff;
    border:1px solid #e4e4e4;
    border-radius:14px;
    padding:28px;
    box-shadow:0 6px 24px rgba(0,0,0,.05);
}
.dre-lt-intro,.dre-lt-result{text-align:center}
.dre-lt-top{margin:0 0 12px}
.dre-lt-progress-text{font-size:.95rem;margin-bottom:7px;color:var(--dre-dark)}
.dre-lt-progress-bar{height:8px;background:#e9eef2;border-radius:999px;overflow:hidden}
.dre-lt-progress-bar span{display:block;height:100%;background:var(--dre-blue)}
.dre-lt-part{font-weight:800;margin-bottom:14px;color:var(--dre-dark)}
.dre-lt-context{background:#f6f6f6;padding:14px 16px;border-radius:10px;margin-bottom:18px}
.dre-lt-question{
    font-size:1.34rem;
    line-height:1.45;
    margin:20px 0 14px;
    color:var(--dre-blue);
    font-weight:800;
}
.dre-lt-gap{color:var(--dre-pink);letter-spacing:.06em}
.dre-lt-qnum{color:var(--dre-dark);margin-right:.25em}
.dre-lt-options{display:grid;gap:11px}
.dre-lt-option{
    display:flex;gap:10px;align-items:flex-start;
    padding:15px 16px;border:1px solid #ddd;border-radius:10px;
    cursor:pointer;background:#fff;
}
.dre-lt-option:hover,.dre-lt-option:has(input:checked){
    background:#f8f9fa;border-color:#cfd5da;
}
.dre-lt-option input{margin-top:.35em;flex:0 0 auto}
.dre-lt-option-letter{
    color:var(--dre-blue);
    font-size:1.13rem;
    font-weight:800;
    line-height:1.45;
    flex:0 0 auto;
}
.dre-lt-option-text{
    color:var(--dre-dark);
    font-size:1.13rem;
    line-height:1.45;
    font-weight:600;
}
.dre-lt-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.dre-lt-start,.dre-lt-next,.dre-lt-back,.dre-lt-cta{
    border:0;border-radius:9px;padding:12px 18px;cursor:pointer;
    font:inherit;font-weight:800;text-decoration:none;display:inline-block;
}
.dre-lt-start,.dre-lt-next,.dre-lt-cta{background:var(--dre-blue);color:#fff}
.dre-lt-back{background:#eee;color:var(--dre-dark)}
.dre-lt-error{
    margin-top:16px;padding:11px 13px;background:var(--dre-light-blue);
    border:1px solid var(--dre-blue-border);color:var(--dre-blue);
    font-weight:700;border-radius:8px;
}
.dre-lt-audio{
    padding:18px;background:#f7f7f7;border:1px solid #e4e4e4;
    border-radius:12px;margin:18px 0 22px;
}
.dre-lt-audio audio{
    display:block;width:100%;min-height:54px;
    accent-color:var(--dre-pink);
}
.dre-lt-audio-label{color:var(--dre-blue);font-weight:800;margin-bottom:10px}
.dre-lt-audio-missing{color:#777;font-size:.95rem}
.dre-lt-main-audio{
    position:sticky;
    top:12px;
    z-index:5;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.dre-lt-listening-group{display:grid;gap:18px;margin-top:22px}
.dre-lt-listening-question{border-top:1px solid #ececec;padding-top:10px}
.dre-lt-listening-question:first-child{border-top:0}
.dre-lt-reading{
    margin:18px 0 24px;
    border:1px solid #dfe5e9;
    border-radius:14px;
    overflow:hidden;
    background:#fbfcfd;
}
.dre-lt-reading summary{
    padding:13px 18px;
    font-weight:800;
    cursor:pointer;
    background:#f2f6f8;
    color:var(--dre-blue);
    border-bottom:1px solid #e3e8eb;
}
.dre-lt-reading-text{
    padding:24px 26px;
    max-height:430px;
    overflow:auto;
    color:#48515a;
    font-size:1.08rem;
    line-height:1.78;
    font-weight:400;
    letter-spacing:.005em;
}
.dre-lt-reading-text p{
    margin:0 0 1.05em;
}
.dre-lt-reading-text p:first-child{
    font-weight:700;
    color:var(--dre-dark);
}
.dre-lt-reading-text p:last-child{
    margin-top:1.3em;
    margin-bottom:0;
    font-weight:700;
    color:var(--dre-dark);
}
.dre-lt-result{padding-top:40px;padding-bottom:40px}
.dre-lt-result-kicker{font-weight:800;font-size:.95rem;color:var(--dre-blue)}
.dre-lt-result h2{font-size:2.2rem;margin:.2em 0 .5em;color:var(--dre-blue)}
.dre-lt-cta{margin-top:14px}
@media(max-width:600px){
    .dre-level-test{margin:20px 10px}
    .dre-lt-card{padding:20px}
    .dre-lt-question{font-size:1.22rem}
    .dre-lt-option-letter,.dre-lt-option-text{font-size:1.06rem}
    .dre-lt-reading-text{max-height:360px;padding:20px;font-size:1.04rem}
    .dre-lt-main-audio{top:6px}
}

/* v0.4.4 reading-message presentation */
.dre-lt-reading{
    background:#fbfcfd;
    border:1px solid #dfe5e9;
    border-radius:14px;
}
.dre-lt-reading summary{
    background:#f2f6f8;
    color:var(--dre-blue);
    border-bottom:1px solid #e3e8eb;
}
.dre-lt-reading-text{
    padding:24px 26px;
    max-height:430px;
    overflow:auto;
    color:#4a5560;
    font-size:1.10rem;
    line-height:1.8;
    font-weight:400;
}
.dre-lt-reading-text p{
    margin:0 0 1.15em;
}
.dre-lt-reading-text p:first-child,
.dre-lt-reading-text p:last-child{
    font-weight:700;
    color:var(--dre-dark);
}
.dre-lt-reading-text p:last-child{
    margin-top:1.3em;
    margin-bottom:0;
}


/* v0.5.0 diagnostic results */
.dre-lt-overall{font-size:1.15rem;margin:0 0 22px}
.dre-lt-feedback{text-align:left;background:#f7f9fa;border-radius:10px;padding:15px 17px;margin:14px 0}
.dre-lt-feedback h3,.dre-lt-scores-heading{margin:0 0 7px;color:var(--dre-dark);font-size:1.1rem}
.dre-lt-feedback p{margin:0}
.dre-lt-scores-heading{text-align:left;margin-top:26px}
.dre-lt-score-table{border:1px solid #e1e6e9;border-radius:12px;overflow:hidden;text-align:left;margin:10px 0 22px}
.dre-lt-score-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 15px;border-top:1px solid #e8ecef}
.dre-lt-score-row:first-child{border-top:0}
.dre-lt-score-row span{display:block;font-size:.86rem;color:#68737d;margin-top:2px}
.dre-lt-score-value{font-weight:800;white-space:nowrap;color:var(--dre-blue)}
.dre-lt-route{text-align:left;background:var(--dre-light-blue);border:1px solid var(--dre-blue-border);border-radius:12px;padding:16px 18px;margin:20px 0 8px}
.dre-lt-route p{margin:5px 0 0}
@media(max-width:600px){.dre-lt-score-row{align-items:flex-start}.dre-lt-score-value{white-space:normal;text-align:right}}

/* v0.5.1 result links and cleaner answer tabs */
.dre-lt-option input[type="radio"]{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
    pointer-events:none;
}
.dre-lt-option:focus-within{
    outline:3px solid rgba(30,154,230,.22);
    outline-offset:2px;
}
.dre-lt-standard-feedback{
    max-width:680px;
    margin:0 auto 16px;
    line-height:1.65;
}
.dre-lt-profile-summary{margin-top:18px}
.dre-lt-link-box{
    text-align:center;
    background:var(--dre-light-blue);
    border:1px solid var(--dre-blue-border);
    border-radius:12px;
    padding:20px;
    margin-top:22px;
}
.dre-lt-link-box h3{margin:0 0 12px;color:var(--dre-dark)}
.dre-lt-link-box .dre-lt-cta{margin:0 6px 8px}
.dre-lt-detail-cta{
    display:inline-block;
    margin:0 6px 8px;
    border:2px solid var(--dre-blue);
    border-radius:9px;
    padding:10px 16px;
    color:var(--dre-blue);
    background:#fff;
    font:inherit;
    font-weight:800;
    text-decoration:none;
}

/* v0.5.2 legibility */
.dre-lt-context{
    font-size:1.12rem;
    line-height:1.7;
}
.dre-lt-key-notice{
    display:inline-block;
    font-weight:800;
    color:var(--dre-dark);
    margin:.12em 0;
}

/* v0.5.5 DRE result-page link buttons */
.dre-lt-link-box .dre-lt-cta,
.dre-lt-link-box .dre-lt-detail-cta{
    display:inline-block;
    margin:0 6px 8px;
    border:2px solid var(--dre-pink) !important;
    border-radius:9px;
    padding:10px 16px;
    background:#fff !important;
    color:var(--dre-pink) !important;
    font:inherit;
    font-weight:800;
    text-decoration:none !important;
    box-shadow:none;
    transition:background-color .18s ease,color .18s ease;
}
.dre-lt-link-box .dre-lt-cta:hover,
.dre-lt-link-box .dre-lt-cta:focus,
.dre-lt-link-box .dre-lt-detail-cta:hover,
.dre-lt-link-box .dre-lt-detail-cta:focus{
    background:var(--dre-pink) !important;
    color:#fff !important;
    text-decoration:none !important;
}

/* ==========================================================
   v0.5.9 — DRE Learn-native public-page presentation
   Matches the Astra Learn Child public course catalogue/course-home language.
   Scoped entirely to the level-test component.
========================================================== */
.dre-level-test{
    --dre-blue:#18a5dd;
    --dre-pink:#ef3fa8;
    --dre-pink-hover:#d92e94;
    --dre-heading:#22313f;
    --dre-copy:#4F535D;
    --dre-muted:#8a949d;
    --dre-border:#d8e0e6;
    --dre-soft:#f7fafc;
    width:min(calc(100% - 48px),1180px);
    max-width:1180px;
    margin:0 auto;
    padding:42px 0 64px;
    box-sizing:border-box;
    font-family:"Nunito",sans-serif;
    color:var(--dre-copy);
}
.dre-level-test *{box-sizing:border-box}

/* Public landing state behaves like a Learn page heading, not a floating app card. */
.dre-level-test .dre-lt-intro{
    max-width:860px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-align:left;
}
.dre-level-test .dre-lt-intro h2{
    margin:0 0 10px;
    color:var(--dre-heading);
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.08;
    font-weight:800;
}
.dre-level-test .dre-lt-intro p{
    max-width:780px;
    margin:8px 0 0;
    color:var(--dre-copy);
    font-size:1rem;
    line-height:1.65;
}
.dre-level-test .dre-lt-intro .dre-lt-start{margin-top:24px}

/* Shared Learn action treatment. */
.dre-level-test .dre-lt-start,
.dre-level-test .dre-lt-next{
    min-height:44px;
    padding:11px 20px;
    border:1px solid var(--dre-pink);
    border-radius:8px;
    background:var(--dre-pink);
    color:#fff;
    -webkit-text-fill-color:#fff;
    font-weight:800;
    line-height:1.2;
    box-shadow:none;
}
.dre-level-test .dre-lt-start:hover,
.dre-level-test .dre-lt-start:focus-visible,
.dre-level-test .dre-lt-next:hover,
.dre-level-test .dre-lt-next:focus-visible{
    background:var(--dre-pink-hover);
    border-color:var(--dre-pink-hover);
    color:#fff;
}
.dre-level-test .dre-lt-back{
    min-height:44px;
    padding:11px 18px;
    border:1px solid var(--dre-border);
    border-radius:8px;
    background:#fff;
    color:var(--dre-heading);
    font-weight:800;
}
.dre-level-test .dre-lt-back:hover,
.dre-level-test .dre-lt-back:focus-visible{border-color:var(--dre-pink);color:var(--dre-pink)}

/* Test workspace mirrors Learn course/card surfaces. */
.dre-level-test > .dre-lt-top,
.dre-level-test > .dre-lt-card:not(.dre-lt-intro){
    max-width:900px;
}
.dre-level-test .dre-lt-card:not(.dre-lt-intro){
    margin:0;
    padding:26px 28px;
    border:1px solid var(--dre-border);
    border-radius:12px;
    background:#fff;
    box-shadow:none;
}
.dre-level-test .dre-lt-progress-text{color:var(--dre-muted);font-size:.84rem;font-weight:700}
.dre-level-test .dre-lt-progress-bar{height:6px;background:#e8eef1}
.dre-level-test .dre-lt-progress-bar span{background:var(--dre-blue)}
.dre-level-test .dre-lt-part{color:var(--dre-heading);font-size:1rem}
.dre-level-test .dre-lt-question{color:var(--dre-heading);font-size:1.28rem;line-height:1.45}
.dre-level-test .dre-lt-qnum{color:var(--dre-blue)}
.dre-level-test .dre-lt-gap{color:var(--dre-pink)}
.dre-level-test .dre-lt-context,
.dre-level-test .dre-lt-audio{
    background:var(--dre-soft);
    border:1px solid #e1e7eb;
    border-radius:9px;
    color:var(--dre-copy);
}
.dre-level-test .dre-lt-option{
    padding:13px 15px;
    border:1px solid var(--dre-border);
    border-radius:9px;
    background:#fff;
}
.dre-level-test .dre-lt-option:hover,
.dre-level-test .dre-lt-option:has(input:checked){
    border-color:var(--dre-pink);
    background:#fff8fc;
}
.dre-level-test .dre-lt-option:focus-within{outline:2px solid rgba(239,63,168,.24);outline-offset:2px}
.dre-level-test .dre-lt-option-letter{color:var(--dre-pink)}
.dre-level-test .dre-lt-option-text{color:var(--dre-copy);font-weight:700}
.dre-level-test .dre-lt-audio-label,
.dre-level-test .dre-lt-reading summary{color:var(--dre-heading)}
.dre-level-test .dre-lt-reading{border-color:var(--dre-border);border-radius:10px;background:#fff}
.dre-level-test .dre-lt-reading summary{background:var(--dre-soft)}
.dre-level-test .dre-lt-reading-text{color:var(--dre-copy)}
.dre-level-test .dre-lt-reading-text p:first-child,
.dre-level-test .dre-lt-reading-text p:last-child{color:var(--dre-heading)}

/* Results use the same restrained hierarchy as other Learn content. */
.dre-level-test .dre-lt-result{text-align:left;padding-top:28px;padding-bottom:28px}
.dre-level-test .dre-lt-result-kicker{color:var(--dre-pink)}
.dre-level-test .dre-lt-result h2{color:var(--dre-heading);font-size:clamp(1.8rem,3vw,2.4rem)}
.dre-level-test .dre-lt-standard-feedback{max-width:none;margin:0 0 16px;color:var(--dre-copy)}
.dre-level-test .dre-lt-feedback,
.dre-level-test .dre-lt-route,
.dre-level-test .dre-lt-link-box{
    background:var(--dre-soft);
    border:1px solid #e1e7eb;
    border-radius:10px;
    color:var(--dre-copy);
}
.dre-level-test .dre-lt-feedback h3,
.dre-level-test .dre-lt-link-box h3,
.dre-level-test .dre-lt-scores-heading{color:var(--dre-heading)}
.dre-level-test .dre-lt-score-table{border-color:var(--dre-border);border-radius:10px}
.dre-level-test .dre-lt-score-value{color:var(--dre-pink)}
.dre-level-test .dre-lt-link-box{text-align:left}
.dre-level-test .dre-lt-link-box .dre-lt-cta,
.dre-level-test .dre-lt-link-box .dre-lt-detail-cta{
    margin:4px 8px 4px 0;
    border-color:var(--dre-pink)!important;
    border-radius:8px;
    color:var(--dre-pink)!important;
}
.dre-level-test .dre-lt-link-box .dre-lt-cta:hover,
.dre-level-test .dre-lt-link-box .dre-lt-cta:focus,
.dre-level-test .dre-lt-link-box .dre-lt-detail-cta:hover,
.dre-level-test .dre-lt-link-box .dre-lt-detail-cta:focus{
    background:var(--dre-pink)!important;
    color:#fff!important;
}

@media(max-width:767px){
    .dre-level-test{width:100%;margin:0;padding:24px 20px 40px}
    .dre-level-test .dre-lt-intro h2{font-size:2rem}
    .dre-level-test .dre-lt-card:not(.dre-lt-intro){padding:20px 18px}
    .dre-level-test .dre-lt-question{font-size:1.18rem}
    .dre-level-test .dre-lt-nav{gap:10px}
    .dre-level-test .dre-lt-start,
    .dre-level-test .dre-lt-next,
    .dre-level-test .dre-lt-back{padding:11px 16px}
}

/* ==========================================================
   v0.6.0 — Learn public-page shell + approved level-test format
   Page geometry deliberately reuses the All Courses shell.
========================================================== */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
  width:min(100% - 28px,1180px)!important;
  max-width:1180px!important;
  margin:34px auto 64px!important;
  padding:0!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{margin:0 0 22px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head h1{
  margin:0 0 8px!important;
  color:#22313f!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1.08!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-content{margin:0!important;padding:0!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-content > p:empty{display:none!important}

body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
  --dre-blue:#1E9AE6;
  --dre-pink:#F34CA3;
  --dre-dark:#22313f;
  --dre-copy:#333;
  --dre-border:#d9dde1;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:var(--dre-copy)!important;
}
/* Opening block belongs to the page; no floating application panel. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-intro{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:24px 28px 28px!important;
  border:1px solid var(--dre-border)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.04)!important;
  text-align:left!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-intro h2{
  margin:0 0 8px!important;color:var(--dre-dark)!important;
  font-size:1.55rem!important;line-height:1.25!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-intro p{
  margin:7px 0!important;max-width:850px!important;color:#4f5962!important;
  font-size:1rem!important;line-height:1.65!important;
}

/* Test geometry follows the supplied target: broad, quiet white card. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-top,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-card:not(.dre-lt-intro){
  width:100%!important;max-width:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card:not(.dre-lt-intro){
  margin:0!important;padding:28px 28px 26px!important;
  border:1px solid #d8dde1!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 5px 18px rgba(34,56,75,.06)!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-top{margin:0 0 12px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-text{
  margin:0 0 7px!important;color:#333!important;font-size:.95rem!important;font-weight:400!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-bar{height:8px!important;background:#e9eef2!important;border-radius:999px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-bar span{background:#1E9AE6!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-part{
  margin:0 0 16px!important;color:#222!important;font-size:1rem!important;font-weight:800!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{
  margin:0 0 18px!important;padding:16px!important;
  border:0!important;border-radius:10px!important;background:#f5f5f5!important;
  color:#333!important;font-size:1.05rem!important;line-height:1.65!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{
  margin:18px 0 14px!important;color:#222!important;
  font-size:1.18rem!important;line-height:1.45!important;font-weight:800!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap{color:#F34CA3!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-qnum{color:#1E9AE6!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-options{gap:10px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option{
  min-height:56px!important;padding:13px 15px!important;
  border:1px solid #d9dde1!important;border-radius:10px!important;background:#fff!important;
  box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:hover{
  border-color:#b9c4cc!important;background:#fff!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked){
  border-color:#1E9AE6!important;background:#f7fbfe!important;
  box-shadow:0 0 0 1px #1E9AE6 inset!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-letter{
  color:#1E9AE6!important;font-size:1rem!important;font-weight:800!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text{
  color:#222!important;font-size:1rem!important;font-weight:400!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-nav{margin-top:24px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next{
  min-height:50px!important;padding:12px 18px!important;border:0!important;border-radius:9px!important;
  background:#1E9AE6!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-weight:800!important;box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:focus-visible{background:#168fcf!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back{
  min-height:50px!important;padding:12px 18px!important;border:0!important;border-radius:9px!important;
  background:#f1f1f1!important;color:#222!important;-webkit-text-fill-color:#222!important;font-weight:800!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:focus-visible{background:#e7e7e7!important;color:#222!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:focus-within{outline:2px solid rgba(30,154,230,.22)!important;outline-offset:2px!important}

@media(max-width:767px){
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{width:calc(100% - 28px)!important;margin:22px auto 40px!important}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card:not(.dre-lt-intro),
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-intro{padding:20px 18px!important}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{margin-bottom:14px!important}
}


/* ==========================================================
   v0.6.1 — exact DRE Learn public-page + target-test integration
   ========================================================== */
/* The public Learn shell replaces Astra/MemberPro's duplicate site masthead. */
body:is(.dre-level-test-page,.dre-course-test-host) .site-header,
body:is(.dre-level-test-page,.dre-course-test-host) #masthead{
    display:none !important;
}

/* Keep the same page geometry as the public Courses catalogue. */
body:is(.dre-level-test-page,.dre-course-test-host) .site-content > .ast-container{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-public-course-header{
    width:100% !important;
    max-width:none !important;
    min-height:104px !important;
    margin:0 !important;
    padding:16px clamp(32px,4vw,64px) !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
    width:min(calc(100% - 64px),1240px) !important;
    max-width:1240px !important;
    margin:0 auto !important;
    padding:42px 0 64px !important;
    color:#4F535D;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{margin:0 0 28px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head h1{
    margin:0 !important;
    color:#4F535D !important;
    -webkit-text-fill-color:#4F535D !important;
    font-size:clamp(2rem,3.1vw,3rem) !important;
    line-height:1.12 !important;
    font-weight:800 !important;
}

/* Target test format: broad, quiet card with DRE blue controls and pink accents. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
    --dre-blue:#1E9AE6;
    --dre-pink:#ef3fa8;
    --dre-dark:#22313f;
    max-width:1088px !important;
    margin:0 !important;
    color:#4F535D;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-card{
    padding:26px !important;
    border:1px solid #d9e1e6 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(34,49,63,.055) !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
    text-align:left !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
    margin:0 0 8px !important;
    color:#22313f !important;
    font-size:1.55rem !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p{
    margin:0 0 12px !important;
    color:#4F535D !important;
    font-size:1rem !important;
    line-height:1.65 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro .dre-lt-start{margin-top:18px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-top{margin:0 0 12px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-text{
    margin:0 0 7px !important;
    color:#4F535D !important;
    font-size:.92rem !important;
    font-weight:600 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-bar{
    height:7px !important;
    background:#e5ebef !important;
    border-radius:999px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-bar span{background:#1E9AE6 !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-part{
    margin:0 0 16px !important;
    color:#22313f !important;
    font-size:1rem !important;
    font-weight:800 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{
    margin:0 0 20px !important;
    padding:16px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#f5f5f5 !important;
    color:#4F535D !important;
    font-size:1rem !important;
    line-height:1.55 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{
    margin:0 0 16px !important;
    color:#22313f !important;
    -webkit-text-fill-color:#22313f !important;
    font-size:1.22rem !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap{
    color:#ef3fa8 !important;
    -webkit-text-fill-color:#ef3fa8 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-instruction{
    margin:0 0 14px !important;
    color:#ef3fa8 !important;
    font-size:1.05rem !important;
    line-height:1.4 !important;
    font-weight:600 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-options{gap:10px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option{
    min-height:56px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    gap:10px !important;
    padding:11px 15px !important;
    border:1px solid #d7dadd !important;
    border-radius:9px !important;
    background:#fff !important;
    box-shadow:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:hover{
    border-color:#b9c3ca !important;
    background:#fff !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked){
    border-color:#ef3fa8 !important;
    background:#fff7fb !important;
    box-shadow:0 0 0 1px #ef3fa8 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-letter{
    color:#1E9AE6 !important;
    -webkit-text-fill-color:#1E9AE6 !important;
    font-size:1rem !important;
    font-weight:800 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked) .dre-lt-option-letter{
    color:#ef3fa8 !important;
    -webkit-text-fill-color:#ef3fa8 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text{
    color:#22313f !important;
    -webkit-text-fill-color:#22313f !important;
    font-size:1rem !important;
    font-weight:500 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-nav{margin-top:22px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next{
    min-height:48px !important;
    padding:10px 18px !important;
    border:1px solid #1E9AE6 !important;
    border-radius:8px !important;
    background:#1E9AE6 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    box-shadow:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back{
    min-height:48px !important;
    padding:10px 18px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#f0f0f0 !important;
    color:#22313f !important;
    -webkit-text-fill-color:#22313f !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    box-shadow:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:hover{background:#168dcc !important;border-color:#168dcc !important;}

@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
        width:100% !important;
        padding:24px 20px 36px !important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{margin-bottom:22px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head h1{font-size:2rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{max-width:none !important;margin:0 !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-card{padding:20px !important;}
}

/* ==========================================================
   v0.6.2 — DRE Learn compact test polish
   ========================================================== */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
    padding-top:24px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{
    margin:0 0 16px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head h1{
    color:#4F535D !important;
    -webkit-text-fill-color:#4F535D !important;
    font-size:clamp(1.55rem,2.15vw,2rem) !important;
    line-height:1.18 !important;
    font-weight:800 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
    max-width:1088px !important;
    color:#4F535D !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-card{
    padding:20px 24px !important;
    color:#4F535D !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
    text-align:center !important;
    padding:22px 26px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
    color:#4F535D !important;
    -webkit-text-fill-color:#4F535D !important;
    font-size:1.45rem !important;
    margin:0 0 6px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p{
    max-width:820px !important;
    margin:0 auto 8px !important;
    color:#4F535D !important;
    font-size:.98rem !important;
    line-height:1.5 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p:first-of-type{
    color:#1E9AE6 !important;
    font-weight:700 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p:last-of-type{
    color:#4F535D !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro .dre-lt-start{
    margin-top:10px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-progress-text,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-part,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text{
    color:#4F535D !important;
    -webkit-text-fill-color:#4F535D !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-part{
    margin-bottom:10px !important;
    font-size:.98rem !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{
    margin-bottom:12px !important;
    padding:11px 14px !important;
    font-size:.98rem !important;
    line-height:1.45 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-key-notice{
    color:#4F535D !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{
    margin:0 0 10px !important;
    font-size:1.12rem !important;
    line-height:1.35 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-instruction{
    margin:0 0 9px !important;
    color:#ef3fa8 !important;
    font-size:.94rem !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-options{gap:7px !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option{
    min-height:46px !important;
    padding:8px 13px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-letter,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text{
    font-size:.96rem !important;
    line-height:1.35 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-nav{
    margin-top:14px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-cta,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-detail-cta{
    min-height:42px !important;
    padding:8px 18px !important;
    border:2px solid #ef3fa8 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#ef3fa8 !important;
    -webkit-text-fill-color:#ef3fa8 !important;
    font-size:.92rem !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    transition:background-color .18s ease,color .18s ease !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-cta:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-cta:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-detail-cta:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-detail-cta:focus-visible{
    background:#ef3fa8 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:#ef3fa8 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-error{
    margin-top:10px !important;
    padding:8px 11px !important;
    border:1px solid #b9dcf3 !important;
    border-radius:8px !important;
    background:#eef7fd !important;
    color:#4F535D !important;
    font-size:.88rem !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}
@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{padding:14px 14px 28px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{margin-bottom:10px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head h1{font-size:1.45rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-card{padding:15px 14px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{padding:18px 14px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{font-size:1.25rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p{font-size:.93rem !important;line-height:1.4 !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{padding:9px 11px !important;font-size:.93rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{font-size:1.02rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option{min-height:43px !important;padding:7px 11px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-letter,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text{font-size:.93rem !important;}
}

/* ==========================================================
   v0.6.3 — compact public shell + neutral answer states
   ========================================================== */
/* Replace the large duplicate page heading with a quiet breadcrumb. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-page-head{display:none !important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-breadcrumb{
    width:100%;
    margin:0 0 12px !important;
    color:#9aa2a9 !important;
    font-size:.82rem !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    text-transform:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-breadcrumb a{
    color:#9aa2a9 !important;
    text-decoration:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-breadcrumb a:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-breadcrumb a:focus{
    color:#4F535D !important;
    text-decoration:underline !important;
}

/* Centre the test workspace consistently on splash, questions and results. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
    padding-top:16px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
    width:100% !important;
    max-width:1088px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-top,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-card{
    width:100% !important;
    max-width:1088px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
    text-align:center !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Answer tabs: neutral grey interaction + DRE blue selection. No pink. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option{
    border:1px solid #d7dadd !important;
    background:#fff !important;
    box-shadow:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:hover{
    border-color:#b8c0c6 !important;
    background:#f3f5f6 !important;
    box-shadow:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked){
    border-color:#1E9AE6 !important;
    background:#f3f5f6 !important;
    box-shadow:0 0 0 1px #1E9AE6 inset !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:focus-within{
    outline:2px solid rgba(30,154,230,.20) !important;
    outline-offset:2px !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-letter,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked) .dre-lt-option-letter{
    color:#1E9AE6 !important;
    -webkit-text-fill-color:#1E9AE6 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option-text,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked) .dre-lt-option-text{
    color:#4F535D !important;
    -webkit-text-fill-color:#4F535D !important;
}

@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{padding-top:10px !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-breadcrumb{margin-bottom:8px !important;font-size:.78rem !important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{max-width:none !important;}
}


/* ==========================================================
   v0.6.4 — stable viewport between questions
   ========================================================== */
/* Keep the test anchored in the same place while question content changes. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
    overflow-anchor:none !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-top,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-card{
    overflow-anchor:none !important;
}

/* The splash should sit slightly lower than the question workspace. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
    padding-top:22px !important;
}

/* Keep question transitions compact and spatially stable. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-top{
    margin-top:0 !important;
}

@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
        padding-top:16px !important;
    }
}


/* ==========================================================
   v0.6.6 — splash spacing + clearer question hierarchy
   ========================================================== */
/* Give the opening splash more breathing room below the public menu. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
    padding-top:48px !important;
}

/* Instructions are deliberately quieter than the actual question. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{
    font-size:1.04rem !important;
    line-height:1.42 !important;
    font-weight:700 !important;
    color:#22313f !important;
    -webkit-text-fill-color:#22313f !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-instruction{
    font-size:.88rem !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    color:#7b858d !important;
    -webkit-text-fill-color:#7b858d !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{
    color:#5f6870 !important;
    -webkit-text-fill-color:#5f6870 !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context .dre-lt-key-notice{
    color:#3f4850 !important;
    -webkit-text-fill-color:#3f4850 !important;
    font-weight:800 !important;
}

/* The course title carries the detail; keep the CTA short and centred. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-link-box{
    text-align:center !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-link-box h3{
    text-align:left !important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-link-box .dre-lt-cta{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
}

@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
        padding-top:30px !important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question{
        font-size:.98rem !important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-instruction{
        font-size:.84rem !important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-link-box .dre-lt-cta{
        padding-left:15px !important;
        padding-right:15px !important;
        font-size:.88rem !important;
    }
}


/* ==========================================================
   v0.6.7 — spacing, question hierarchy and result-route polish
   ========================================================== */
/* More breathing room between the public menu and opening splash only. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){padding-top:72px!important;}

/* Section labels should sit quietly behind the question itself. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-part{color:#9aa3aa!important;-webkit-text-fill-color:#9aa3aa!important;font-weight:700!important;}

/* Context/instruction box: slightly larger and darker for easy reading. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{font-size:1rem!important;line-height:1.5!important;color:#4f5962!important;-webkit-text-fill-color:#4f5962!important;}

/* Result/feedback supporting copy: lighter than the main result text. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result .dre-lt-standard-feedback,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result .dre-lt-feedback p{color:#747e86!important;-webkit-text-fill-color:#747e86!important;}

/* Recommended programme name sits centred above its CTA in DRE blue. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-link-box h3{margin-left:auto!important;margin-right:auto!important;text-align:center!important;color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;}

@media(max-width:782px){
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){padding-top:44px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{font-size:.96rem!important;}
}

/* v0.7.0 — logged-out detailed-results preview */
.dre-lt-full-results{margin-top:24px}
.dre-lt-locked-results{position:relative;overflow:hidden;border-radius:12px}
.dre-lt-blurred-results{filter:blur(7px);opacity:.55;pointer-events:none;user-select:none}
.dre-lt-lock-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(255,255,255,.68);backdrop-filter:blur(1px)}
.dre-lt-lock-message strong{font-size:1.15em;margin-bottom:6px}
.dre-lt-lock-message span{max-width:440px}


/* v0.7.1 — compact result hierarchy and secure locked skill preview */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result{padding-top:20px!important;padding-bottom:22px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result h2{margin:.12em 0 .28em!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-overall{margin:0 0 14px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-standard-feedback{margin-bottom:12px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-profile-summary{margin:12px 0!important;padding:14px 18px!important}
.dre-lt-course-recommendation{margin:10px 0 14px!important;font-size:.98rem}
.dre-lt-course-recommendation a{color:var(--dre-pink)!important;font-weight:800;text-decoration:none}
.dre-lt-full-results{margin-top:12px}
.dre-lt-full-results>h3{margin:0 0 9px}
.dre-lt-score-grid{border:1px solid #dfe5ea;border-radius:10px;overflow:hidden}
.dre-lt-score-head,.dre-lt-score-row{display:grid;grid-template-columns:minmax(210px,1.7fr) minmax(105px,.65fr) minmax(150px,1fr);align-items:center}
.dre-lt-score-head{background:#f3f6f8;font-weight:800;color:#263746}
.dre-lt-score-head span,.dre-lt-score-row>div{padding:8px 12px}
.dre-lt-score-row{border-top:1px solid #e7ebee}
.dre-lt-score-value,.dre-lt-score-grade{text-align:center}
.dre-lt-public-score-table .dre-lt-skill-name{filter:none!important;opacity:1!important;color:#263746}
.dre-lt-fake-result{display:inline-block;filter:blur(6px);user-select:none;pointer-events:none;font-weight:800;white-space:nowrap}
.dre-lt-fake-pink{color:var(--dre-pink)}
.dre-lt-fake-blue{color:var(--dre-blue)}
.dre-lt-unlock-panel{text-align:center;padding:13px 14px 2px}
.dre-lt-unlock-panel strong{display:block;font-size:1.08rem;margin-bottom:2px}
.dre-lt-unlock-panel span{display:block;color:#59636e;margin-bottom:10px}
.dre-lt-unlock-panel .dre-lt-cta{margin:0 auto!important}
@media(max-width:700px){
 .dre-lt-score-head,.dre-lt-score-row{grid-template-columns:minmax(130px,1.4fr) 82px minmax(105px,1fr)}
 .dre-lt-score-head span,.dre-lt-score-row>div{padding:7px 7px;font-size:.88rem}
 body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result{padding-top:14px!important}
}
@media(max-width:480px){
 .dre-lt-score-head,.dre-lt-score-row{grid-template-columns:minmax(115px,1.35fr) 70px minmax(92px,1fr)}
 .dre-lt-score-head span,.dre-lt-score-row>div{padding:6px 5px;font-size:.8rem}
 .dre-lt-fake-result{filter:blur(5px)}
}


/* v0.7.4 — clearer, more compact public result */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result{text-align:center!important;padding-top:12px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result-kicker{color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;font-size:1.05rem!important;margin-bottom:2px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result h2{color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;font-size:clamp(2rem,3.4vw,2.8rem)!important;margin:.05em 0 .12em!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-overall{font-size:1.05rem!important;margin:0 0 8px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-standard-feedback{text-align:left;margin:6px 0 8px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-profile-summary{max-width:100%!important;margin:8px 0!important;padding:9px 14px!important;text-align:left!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-profile-summary h3{font-size:1rem!important;margin:0 0 2px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-profile-summary p{margin:0!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-course-recommendation{text-align:left!important;margin:7px 0 9px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-full-results{text-align:left!important;margin-top:7px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-full-results>h3{color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;font-size:1.25rem!important;margin:0 0 5px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-head span,body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row>div{padding:5px 10px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-head,body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row{min-height:34px!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-unlock-panel{padding:8px 10px 0!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-unlock-panel strong{color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;font-size:1.15rem!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-unlock-panel span{margin-bottom:7px!important}
@media(max-width:700px){
 body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result{padding-top:8px!important}
 body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-standard-feedback{font-size:.94rem!important}
 body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-head span,body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row>div{padding:5px 6px!important}
}

/* v0.7.5 — simplify result hierarchy and support logged-in test taking */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-result-kicker{color:var(--dre-copy)!important;-webkit-text-fill-color:var(--dre-copy)!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-inline-recommendation{margin:4px 0 0!important;color:var(--dre-copy)!important}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-inline-recommendation a{color:var(--dre-blue)!important;-webkit-text-fill-color:var(--dre-blue)!important;text-decoration:underline!important;font-weight:700}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-standard-feedback{margin-bottom:7px!important}


/* v0.7.6 — inline course recommendation + mobile width/results */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-inline-course-link{
  color:var(--dre-blue)!important;
  -webkit-text-fill-color:var(--dre-blue)!important;
  text-decoration:underline!important;
  font-weight:400!important;
}
@media(max-width:782px){
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{width:100%!important;margin:18px auto 40px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{width:100%!important;padding:18px 10px 36px!important;margin:0!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-top,
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test > .dre-lt-card:not(.dre-lt-intro){max-width:none!important;width:100%!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card:not(.dre-lt-intro){padding:16px 12px!important;border-radius:10px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context{padding:10px 12px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-reading{margin:12px 0 18px!important;border-radius:9px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-reading summary{padding:10px 12px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-reading-text{padding:12px 14px!important;font-size:1rem!important;line-height:1.62!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grid{border-radius:8px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-head{display:none!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"skill skill" "percentage grade"!important;gap:4px 12px!important;padding:10px 12px!important;min-height:0!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row>div{padding:0!important;font-size:.92rem!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-skill-name{grid-area:skill!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value{grid-area:percentage!important;text-align:left!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade{grid-area:grade!important;text-align:right!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value::before{content:"Percentage: ";color:var(--dre-copy);font-weight:600;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade::before{content:"Grade: ";color:var(--dre-copy);font-weight:600;}
}
@media(max-width:480px){
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{padding-left:6px!important;padding-right:6px!important;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card:not(.dre-lt-intro){padding-left:10px!important;padding-right:10px!important;}
}


/* ==========================================================
   v0.7.7 — mobile geometry, intro hierarchy and quiet controls
   ========================================================== */

/* Opening screen */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
    font-size:clamp(1.65rem,2.6vw,2.15rem)!important;
    line-height:1.16!important;
    font-weight:700!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-lead{
    color:var(--dre-blue)!important;
    -webkit-text-fill-color:var(--dre-blue)!important;
    font-weight:700!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-checks{margin-bottom:3px!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
    max-width:520px;
    margin:3px auto 0;
    padding-left:1.3em;
    text-align:left;
    color:var(--dre-copy);
    line-height:1.45;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start-wrap{
    width:100%;
    text-align:center;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro .dre-lt-start{margin-top:20px!important;}

/* Test navigation: pink text, quiet grey outline; pink outline only on interaction. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back{
    min-height:42px!important;
    padding:8px 18px!important;
    border:1px solid #d8e0e6!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--dre-pink)!important;
    -webkit-text-fill-color:var(--dre-pink)!important;
    box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start:active,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:active,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:active{
    border-color:var(--dre-pink)!important;
    background:#fff!important;
    color:var(--dre-pink)!important;
    -webkit-text-fill-color:var(--dre-pink)!important;
}

/* The course link belongs inside the explanatory sentence only. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-inline-course-link{
    color:var(--dre-blue)!important;
    -webkit-text-fill-color:var(--dre-blue)!important;
    text-decoration:underline!important;
    font-weight:400!important;
}

/* Small screens: remove the unnecessary card-within-card squeeze. */
@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-public-page{
        width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test{
        width:100%!important;
        max-width:none!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card:not(.dre-lt-intro){
        width:100%!important;
        max-width:none!important;
        padding-left:10px!important;
        padding-right:10px!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
        font-size:1.65rem!important;
        line-height:1.16!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-start,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back{
        min-height:38px!important;
        padding:6px 14px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-reading{
        width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-reading-text{
        padding-left:12px!important;
        padding-right:12px!important;
    }

    /* Do not squeeze three result headings into one row on phones/tablets. */
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-head{display:none!important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-areas:"skill skill" "percentage grade"!important;
        gap:4px 12px!important;
        padding:10px 8px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row>div{padding:0!important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-skill-name{grid-area:skill!important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value{grid-area:percentage!important;text-align:left!important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade{grid-area:grade!important;text-align:right!important;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value::before{content:"Percentage: ";color:var(--dre-copy);font-weight:600;}
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade::before{content:"Grade: ";color:var(--dre-copy);font-weight:600;}
}


/* ==========================================================
   v0.7.8 — compact intro, page-top navigation, DRE audio player
   and readable mobile score cards
   ========================================================== */

/* Restore the quiet splash card, without squeezing the content. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:24px 28px!important;
    border:1px solid #d8e0e6!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
    margin-bottom:9px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
    font-size:1rem!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
    margin-top:2px!important;
    line-height:1.42!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list li{
    margin:1px 0!important;
    padding-left:2px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list li::marker{
    font-size:.72em;
}

/* DRE three-control audio player: back 5 sec / play-pause / restart. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-custom-audio audio{display:none!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-custom-audio{
    display:flex;
    justify-content:center;
    margin:10px 0 18px;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-back,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-play,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-restart{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid var(--dre-pink)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--dre-pink)!important;
    -webkit-text-fill-color:var(--dre-pink)!important;
    box-shadow:none!important;
    cursor:pointer!important;
    position:relative;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-back::before{
    content:"↶";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 22px/1 Arial,sans-serif;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-back::after{
    content:"5";
    position:absolute;
    left:17px;
    top:14px;
    font:700 9px/1 Arial,sans-serif;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-play::before{
    content:"";
    position:absolute;
    left:16px;
    top:12px;
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:12px solid var(--dre-pink);
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-play.is-playing::before{
    left:14px;
    top:12px;
    width:13px;
    height:16px;
    border:0;
    background:linear-gradient(to right,var(--dre-pink) 0 4px,transparent 4px 9px,var(--dre-pink) 9px 13px);
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-restart{
    font:700 23px/1 Arial,sans-serif!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-back:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-back:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-play:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-play:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-restart:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio-restart:focus-visible{
    background:#fff!important;
    border-color:var(--dre-pink)!important;
    outline:2px solid rgba(243,76,163,.14)!important;
    outline-offset:2px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-main-audio{
    margin:10px 0 20px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-listening-prompt{
    margin:0 0 8px;
    text-align:center;
    color:var(--dre-heading);
    font-size:1rem;
    line-height:1.45;
    font-weight:700;
}

/* Mobile/tablet score layout: one clean line for result instead of colliding labels. */
@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro{
        width:calc(100% - 16px)!important;
        max-width:560px!important;
        padding:20px 18px!important;
        border-left:1px solid #d8e0e6!important;
        border-right:1px solid #d8e0e6!important;
        border-radius:12px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
        font-size:.96rem!important;
    }

    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row{
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr)!important;
        grid-template-areas:
            "skill skill"
            "percentage grade"!important;
        column-gap:8px!important;
        row-gap:5px!important;
        padding:11px 10px!important;
        align-items:baseline!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row>div{
        font-size:.86rem!important;
        line-height:1.35!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-skill-name{
        grid-area:skill!important;
        margin-bottom:1px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value{
        grid-area:percentage!important;
        text-align:left!important;
        font-weight:800!important;
        color:var(--dre-pink)!important;
        -webkit-text-fill-color:var(--dre-pink)!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade{
        grid-area:grade!important;
        text-align:left!important;
        color:var(--dre-copy)!important;
        -webkit-text-fill-color:var(--dre-copy)!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value::before,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-grade::before{
        content:none!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-value::after{
        content:" ·";
        color:#9aa3aa!important;
        -webkit-text-fill-color:#9aa3aa!important;
        margin-left:2px;
    }
}


/* ==========================================================
   v0.7.9 — listening frames + exact Flexible Learning transport
   ========================================================== */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-listening-audio-shell{
    margin:10px 0 24px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:center;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-listening-prompt{
    margin:0 0 10px!important;
    font-size:1rem!important;
    line-height:1.4!important;
    font-weight:700!important;
    color:var(--dre-heading)!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player{
    display:inline-flex!important;
    overflow:visible!important;
    background:#fff!important;
    border:2px solid #ED4DB4!important;
    border-radius:12px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:44px!important;
    height:40px!important;
    min-width:44px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:#ED4DB4!important;
    -webkit-text-fill-color:#ED4DB4!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:0!important;
    line-height:1!important;
    position:relative!important;
    cursor:pointer!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:first-child{border-radius:10px 0 0 10px!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:last-child{border-radius:0 10px 10px 0!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button+button{border-left:2px solid #ED4DB4!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-back::before{
    content:"«";
    font:800 27px/1 Arial,sans-serif!important;
    transform:translateY(-1px);
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-play::before{
    content:"▶";
    font:700 21px/1 Arial,sans-serif!important;
    transform:translateX(1px);
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-play[data-playing="true"]::before{
    content:"❚❚";
    font:700 17px/1 Arial,sans-serif!important;
    transform:none;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-restart{
    font:700 24px/1 Arial,sans-serif!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:active,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-play[data-playing="true"]{
    background:#ED4DB4!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    filter:none!important;
    outline:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-question-anchor{
    height:1px;
    margin:0;
    padding:0;
}
@media(max-width:600px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button{
        width:42px!important;height:40px!important;min-width:42px!important;min-height:40px!important;
    }
}

/* Keep every skill as one structural row. Mobile only changes the internal
   grid of that row; it never splits percentage/grade into separate rows. */
@media(max-width:782px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-score-row{
        grid-template-columns:auto minmax(0,1fr)!important;
        grid-template-areas:"skill skill" "percentage grade"!important;
    }
}


/* v0.8.0 — smoother answer/page movement */
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
}


/* v0.8.1 — result introduction panel */
.dre-lt-standard-feedback{
    background:#f7f8f9;
    border:1px solid #e7eaed;
    border-radius:12px;
    padding:14px 16px;
    margin:14px 0 18px;
}
.dre-lt-standard-feedback p{
    margin:0;
}
@media (max-width:600px){
    .dre-lt-standard-feedback{
        padding:12px 14px;
        border-radius:10px;
    }
}


/* ==========================================================
   v0.8.2 — restore compact mobile splash card
   ========================================================== */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card.dre-lt-intro{
    width:min(760px, calc(100% - 16px))!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:20px 22px!important;
    border:1px solid #d8e0e6!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
    padding-top:18px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
    margin:0 0 7px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
    margin-top:2px!important;
    margin-bottom:0!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro .dre-lt-start{
    margin-top:14px!important;
}

@media (max-width:600px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test:has(.dre-lt-intro){
        padding-top:8px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-level-test .dre-lt-card.dre-lt-intro{
        width:calc(100% - 12px)!important;
        padding:14px 16px!important;
        border-left:1px solid #d8e0e6!important;
        border-right:1px solid #d8e0e6!important;
        border-radius:12px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro h2{
        font-size:1.38rem!important;
        line-height:1.12!important;
        margin-bottom:5px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
        font-size:.9rem!important;
        line-height:1.32!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro p{
        margin-bottom:6px!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list{
        padding-left:1.15em!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro-list li{
        margin:0!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-intro .dre-lt-start{
        margin-top:10px!important;
    }
}


/* v0.8.3 — instruction hierarchy, quieter context emphasis, visible player icons */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-instruction{
    color:var(--dre-blue)!important;
    -webkit-text-fill-color:var(--dre-blue)!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context strong,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-context .dre-lt-key-notice{
    font-size:.94em!important;
    line-height:1.35!important;
    font-weight:700!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-back::before,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-play::before{
    color:#ED4DB4!important;
    -webkit-text-fill-color:#ED4DB4!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart{
    color:#ED4DB4!important;
    -webkit-text-fill-color:#ED4DB4!important;
    font-size:24px!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-play[data-playing="true"]::before{
    content:"Ⅱ"!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:800 20px/1 Arial,sans-serif!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:active{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}


/* ==========================================================
   v0.8.7 — clean audio-player baseline
   Q25–30 copied from the known-good Flexible Learning transport.
   Q31–34 retains the approved standalone play/pause control.
   ========================================================== */

/* Q25–30 main listening transport */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player{
    display:inline-flex!important;
    background:#fff!important;
    border:2px solid #ED4DB4!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:44px!important;
    height:40px!important;
    min-width:44px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    color:#ED4DB4!important;
    -webkit-text-fill-color:#ED4DB4!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-size:0!important;
    position:relative!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button+button{
    border-left:2px solid #ED4DB4!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button::before{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    -webkit-mask:none!important;
    mask:none!important;
    line-height:1!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button::after{
    display:none!important;
    content:none!important;
}

/* Back 5 seconds */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-back::before{
    content:"«"!important;
    font:800 27px/1 Arial,sans-serif!important;
    transform:translateY(-1px)!important;
    color:currentColor!important;
    -webkit-text-fill-color:currentColor!important;
}

/* Play / pause */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-play::before{
    content:"▶"!important;
    font:700 21px/1 Arial,sans-serif!important;
    transform:translateX(1px)!important;
    color:currentColor!important;
    -webkit-text-fill-color:currentColor!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-play[data-playing="true"]::before{
    content:"❚❚"!important;
    font:700 17px/1 Arial,sans-serif!important;
    transform:none!important;
}

/* Restart: use the button's single literal ↺, exactly once. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart{
    font:700 24px/1 Arial,sans-serif!important;
    color:#ED4DB4!important;
    -webkit-text-fill-color:#ED4DB4!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart::before,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart::after{
    display:none!important;
    content:none!important;
}

body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button:active,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-play[data-playing="true"]{
    background:#ED4DB4!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    filter:none!important;
    outline:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player .dre-lt-flex-restart:active{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
@media(max-width:600px){
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-flex-player button{
        width:42px!important;
        height:40px!important;
        min-width:42px!important;
        min-height:40px!important;
    }
}

/* Q31–34: approved standalone play/pause only — no grey container. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-audio.dre-lt-gap-audio{
    margin:10px 0 18px!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-audio audio{
    display:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-player{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play{
    width:54px!important;
    height:46px!important;
    min-width:54px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid #ED4DB4!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#ED4DB4!important;
}


/* v0.8.8 — Q31–34 standalone play/pause icon repair ONLY */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
 font-size:0!important;line-height:1!important;color:#ED4DB4!important;-webkit-text-fill-color:#ED4DB4!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play::before{
 content:""!important;display:block!important;position:static!important;width:0!important;height:0!important;
 border:0!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;
 border-left:16px solid currentColor!important;background:transparent!important;transform:translateX(2px)!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play::after{display:none!important;content:none!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play[data-playing="true"]::before{
 width:15px!important;height:20px!important;border:0!important;
 background:linear-gradient(to right,currentColor 0 5px,transparent 5px 10px,currentColor 10px 15px)!important;
 transform:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play:hover,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play:focus-visible,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play:active,
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-gap-play[data-playing="true"]{
 background:#ED4DB4!important;color:#fff!important;-webkit-text-fill-color:#fff!important;outline:none!important;
}


/* v0.8.9 — member welcome/results handoff pages only */
.dre-lt-member-page{padding:34px 18px 60px;background:#fff;}
.dre-lt-member-wrap{max-width:850px;margin:0 auto;}
.dre-lt-member-card{border:1px solid #d8e0e6;border-radius:14px;padding:28px;background:#fff;}
.dre-lt-member-card h1,.dre-lt-member-card h2{color:#123f68;}
.dre-lt-member-card h1{font-size:2rem;margin:0 0 14px;}
.dre-lt-member-card h2{font-size:1.35rem;margin:26px 0 12px;}
.dre-lt-member-level{color:#123f68;font-weight:700;}
.dre-lt-member-button{display:inline-block;margin-top:10px;padding:9px 18px;border:1px solid #d8e0e6;border-radius:999px;color:#ed4db4;text-decoration:none;background:#fff;}
.dre-lt-member-button:hover{border-color:#ed4db4;color:#ed4db4;background:#fff;}
.dre-lt-member-level-panel{margin:18px 0;padding:16px;border:1px solid #e7eaed;border-radius:12px;background:#f7f8f9;text-align:center;}
.dre-lt-member-level-panel span,.dre-lt-member-level-panel small{display:block;color:#59636b;}
.dre-lt-member-level-panel strong{display:block;margin:4px 0;color:#123f68;font-size:1.55rem;}
.dre-lt-member-score-table{border:1px solid #e2e5e8;border-radius:12px;overflow:hidden;}
.dre-lt-member-score-head,.dre-lt-member-score-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 170px;gap:12px;align-items:center;padding:10px 14px;}
.dre-lt-member-score-head{background:#f3f5f6;font-weight:700;color:#59636b;}
.dre-lt-member-score-row+.dre-lt-member-score-row{border-top:1px solid #e7eaed;}
.dre-lt-member-pct{color:#ed4db4;font-weight:800;}
.dre-lt-member-next{margin-top:20px;}
.dre-lt-member-next a{color:#123f68;text-decoration:underline;}
@media(max-width:600px){
 .dre-lt-member-page{padding:14px 8px 40px;}
 .dre-lt-member-card{padding:18px 14px;border-radius:12px;}
 .dre-lt-member-card h1{font-size:1.55rem;}
 .dre-lt-member-score-head{display:none;}
 .dre-lt-member-score-row{grid-template-columns:auto 1fr;grid-template-areas:"skill skill" "pct grade";gap:4px 10px;padding:10px;}
 .dre-lt-member-skill{grid-area:skill}.dre-lt-member-pct{grid-area:pct}.dre-lt-member-grade{grid-area:grade}
}


/* v0.9.1 — administrator-only test shortcut */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-admin-tools{margin:14px auto 0;text-align:center;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-admin-complete{padding:7px 13px;border:1px dashed #8a949c;border-radius:8px;background:#fff;color:#59636b;font:inherit;font-size:.82rem;cursor:pointer;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-admin-complete:hover,body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-admin-complete:focus-visible{border-color:#ed4db4;color:#ed4db4;background:#fff;outline:none;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-admin-tools small{display:block;margin-top:4px;color:#7a838a;font-size:.72rem;}
\n/* v0.9.2 — retake comparison, latest score remains primary */
.dre-lt-change-note{margin:-4px 0 12px;color:#59636b;font-size:.92rem;}
.dre-lt-member-pct{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.dre-lt-change{display:inline-block;padding:2px 7px;border-radius:999px;background:#f3f5f6;color:#59636b;font-size:.78rem;font-weight:800;line-height:1.45;white-space:nowrap;}
.dre-lt-change-up{color:#287a55;background:#edf7f2;}
.dre-lt-change-down{color:#9b4b4b;background:#fbf0f0;}
.dre-lt-change-same{color:#59636b;background:#f3f5f6;}
.dre-lt-overall-score strong{color:#ed4db4;font-weight:800;}
.dre-lt-overall-score .dre-lt-change{margin-left:5px;vertical-align:middle;}

/* v0.9.4 — comparison badges on immediate logged-in result */
.dre-lt-overall .dre-lt-change{margin-left:6px;vertical-align:middle;}
.dre-lt-score-value{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;}


/* v0.10.0 — shared result score/comparison presentation */
.dre-lt-member-pct{color:#18A5DD!important;-webkit-text-fill-color:#18A5DD!important;}
.dre-lt-overall-score strong{color:#18A5DD!important;-webkit-text-fill-color:#18A5DD!important;}
.dre-lt-change{border:1px solid transparent;}
.dre-lt-change-up{color:#287a55!important;-webkit-text-fill-color:#287a55!important;background:#edf7f2!important;border-color:#d6ecdf;}
.dre-lt-change-down{color:#786214!important;-webkit-text-fill-color:#786214!important;background:#fff7d8!important;border-color:#f2e5a9;}
.dre-lt-change-same{color:#59636b!important;-webkit-text-fill-color:#59636b!important;background:#f3f5f6!important;border-color:#e3e7e9;}

/* v0.11.1 — reusable My results component for a normal DRE Learn page */
.dre-results-component{width:100%;max-width:100%;margin:0 auto;color:#333;}
.dre-results-grid{display:grid;gap:18px;}
.dre-results-card{border:1px solid #dfe5e9;border-radius:14px;background:#fff;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.025);}
.dre-results-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.dre-results-heading-row h2{margin:2px 0 0;color:#333;font-size:1.35rem;line-height:1.25;}
.dre-results-kicker{margin:0;color:#66727b;font-size:.84rem;font-weight:700;}
.dre-results-date{flex:0 0 auto;color:#68737b;font-size:.86rem;}
.dre-results-list-summary{display:flex;gap:28px;margin:18px 0;}
.dre-results-list-summary span{display:flex;flex-direction:column;gap:2px;}
.dre-results-list-summary small,.dre-results-summary span,.dre-results-meta span{color:#68737b;font-size:.82rem;}
.dre-results-list-summary strong,.dre-results-summary strong{font-size:1.08rem;}
.dre-results-score{color:#18A5DD!important;-webkit-text-fill-color:#18A5DD!important;}
.dre-results-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.dre-results-button{display:inline-block;padding:8px 16px;border:1px solid #ED4DB4;border-radius:999px;background:#fff;color:#ED4DB4!important;text-decoration:none!important;font-weight:700;line-height:1.35;}
.dre-results-button:hover,.dre-results-button:focus{background:#fff;color:#ED4DB4!important;border-color:#ED4DB4;}
.dre-results-button-secondary{border-color:#d7dee3;color:#59636b!important;}
.dre-results-button-secondary:hover,.dre-results-button-secondary:focus{color:#ED4DB4!important;border-color:#ED4DB4;}
.dre-results-topline{margin:0 0 12px;}
.dre-results-back{color:#59636b;text-decoration:none;font-weight:700;font-size:.9rem;}
.dre-results-summary{display:flex;align-items:center;gap:34px;flex-wrap:wrap;margin:20px 0 26px;padding:16px 18px;border-radius:12px;background:#f5f7f8;}
.dre-results-summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dre-results-summary>div>span{width:100%;}
.dre-results-summary .dre-lt-change{margin-left:2px;}
.dre-results-detail-card h3{margin:26px 0 10px;color:#18A5DD;font-size:1.2rem;}
.dre-results-meta{display:grid;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #e7ebee;}
.dre-results-meta>div{display:grid;grid-template-columns:90px 1fr;gap:10px;}
.dre-results-empty{padding:18px;border:1px solid #e1e6e9;border-radius:12px;background:#f7f8f9;}
@media(max-width:600px){
 .dre-results-card{padding:16px 14px;}
 .dre-results-heading-row{display:block;}
 .dre-results-date{display:block;margin-top:7px;}
 .dre-results-list-summary{gap:20px;}
 .dre-results-summary{gap:16px;padding:14px;}
 .dre-results-meta>div{grid-template-columns:1fr;gap:1px;}
}


/* v0.11.2 — shared DRE results visual system */
.dre-results-component,
.dre-results-component *{
  font-family:"Nunito",sans-serif!important;
}
.dre-results-component{color:#4F535D;}
.dre-results-heading-row h2{font-family:"Nunito",sans-serif!important;font-weight:800;letter-spacing:0;color:#4F535D;}
.dre-results-kicker,.dre-results-date,.dre-results-back,
.dre-results-list-summary small,.dre-results-summary span,.dre-results-meta span{
  font-family:"Nunito",sans-serif!important;letter-spacing:0;
}
.dre-results-back{color:#18A5DD!important;}
.dre-results-back:hover,.dre-results-back:focus{text-decoration:underline;}
.dre-results-score,.dre-results-list-summary .dre-results-score,
.dre-results-summary .dre-results-score{color:#18A5DD!important;-webkit-text-fill-color:#18A5DD!important;}
.dre-results-detail-card{padding:26px;}
.dre-results-detail-card .dre-lt-member-table,
.dre-results-detail-card table{font-family:"Nunito",sans-serif!important;}
.dre-results-detail-card h3{font-weight:800;}
.dre-results-list-card{padding:20px 22px;}
.dre-results-list-card .dre-results-list-summary{margin:14px 0 16px;}
.dre-results-list-card .dre-results-actions{margin-top:12px;}
.dre-results-list-card .dre-results-button{padding:7px 15px;}

/* Compact variant used on the learning dashboard. */
.dre-results-compact .dre-results-grid{gap:12px;}
.dre-results-compact .dre-results-list-card{padding:16px 18px;border-radius:12px;box-shadow:none;}
.dre-results-compact .dre-results-heading-row{align-items:center;gap:14px;}
.dre-results-compact .dre-results-heading-row h2{font-size:1.08rem;margin:2px 0 0;}
.dre-results-compact .dre-results-kicker{font-size:.76rem;}
.dre-results-compact .dre-results-date{font-size:.78rem;}
.dre-results-compact .dre-results-list-summary{display:flex;align-items:flex-end;gap:22px;margin:10px 0 12px;}
.dre-results-compact .dre-results-list-summary small{font-size:.72rem;}
.dre-results-compact .dre-results-list-summary strong{font-size:.98rem;}
.dre-results-compact .dre-results-actions{margin-top:8px;gap:8px;}
.dre-results-compact .dre-results-button{padding:5px 12px;font-size:.86rem;}
@media(max-width:600px){
 .dre-results-detail-card{padding:17px 14px;}
 .dre-results-compact .dre-results-heading-row{display:block;}
 .dre-results-compact .dre-results-date{margin-top:4px;}
}

/* v0.11.3 — page geometry belongs to the DRE Learn theme.
   Results retain a fallback card when rendered outside that theme. */
.dre-results-card.dre-learn-card{border-color:inherit;border-radius:inherit;background:inherit;padding:inherit;box-shadow:inherit;}
body.dre-learn-standard-page .dre-results-component{margin:0;}
body.dre-learn-standard-page .dre-results-grid{gap:18px;}
body.dre-learn-standard-page .dre-results-page-intro + .dre-results-index{margin-top:0;}


/* v0.11.7 — detailed result next-step CTA; retake remains on the results index only. */
.dre-results-detail .dre-results-next{margin-top:28px;padding-top:22px;border-top:1px solid #e3e8ec;}
.dre-results-detail .dre-results-next h3{margin:0 0 8px;}
.dre-results-detail .dre-results-next p{margin:0;max-width:760px;}
.dre-results-detail .dre-results-next .dre-results-actions{margin-top:14px;}
\n\n/* v0.11.9 — direct logged-in result CTA + mobile press-state refinements. */
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-direct-next{
    margin-top:28px!important;
    padding-top:22px!important;
    border-top:1px solid #e3e8ec!important;
    text-align:left!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-direct-next h3{margin:0 0 8px!important;color:#4F535D!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-direct-next p{margin:0!important;color:#4F535D!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-direct-next-action{text-align:center!important;padding-top:16px!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-direct-next .dre-lt-detail-cta{display:inline-block!important;}
@media(max-width:782px){
    /* Keep selected/focused answer tabs crisp without the heavy double-blue edge. */
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:has(input:checked){
        border-width:1px!important;
        box-shadow:none!important;
    }
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-option:focus-within{
        outline:1px solid rgba(30,154,230,.38)!important;
        outline-offset:1px!important;
    }
    /* Mobile tap/pressed state for navigation buttons. */
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-next:active,
    body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-back:active{
        border-color:#ef3fa8!important;
    }
}


/* v0.11.16 — dashboard empty-results presentation only. */
.dre-results-empty{background:#fff;}
.dre-results-empty .dre-results-actions{
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:24px;
}
.dre-results-empty .dre-results-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 18px;
  border:1px solid #ED4DB4;
  border-radius:999px;
  background:#fff;
  color:#ED4DB4!important;
  font-size:1rem;
  line-height:1.35;
}
.dre-results-compact .dre-results-empty .dre-results-button{
  min-height:42px;
  padding:8px 18px;
  font-size:1rem;
}


/* v0.11.17 — persistent Level Test position + completed-test notice. */
.dre-results-level-prompt{margin-bottom:18px;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-result{
  margin-top:24px;
  padding:18px 20px;
  border:1px solid #e3e8ec;
  border-radius:12px;
  background:#fff;
  text-align:left;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-result p{margin:0 0 8px!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-result p:last-of-type{margin-bottom:0!important;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:18px;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-results{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 18px;
  border:1px solid var(--dre-blue);
  border-radius:999px;
  background:var(--dre-blue);
  color:#fff!important;
  font-weight:700;
  line-height:1.35;
  text-decoration:none!important;
}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-actions .dre-lt-retake{
  margin:0!important;
  min-height:42px!important;
  padding:8px 18px!important;
  background:#fff!important;
  color:#ED4DB4!important;
  border:1px solid #ED4DB4!important;
}
@media(max-width:600px){
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-actions{flex-direction:column;}
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-results,
  body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-actions .dre-lt-retake{width:100%;max-width:300px;}
}


/* v0.11.20 — first Level Test email opt-in for existing members. */
.dre-lt-email-optin{margin:26px 0 0;padding:20px;border:1px solid #dfe4e8;border-radius:16px;background:#fff;text-align:center}
.dre-lt-email-optin p{margin:0 0 10px}
.dre-lt-email-optin-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:2px solid #ff3fa4;border-radius:999px;background:#fff;color:#56616a;font:inherit;font-weight:800;cursor:pointer}
.dre-lt-email-optin-button:hover,.dre-lt-email-optin-button:focus{background:#fff5fa}
.dre-lt-email-optin-button:disabled{opacity:.65;cursor:wait}
.dre-lt-email-optin-status{margin-top:10px!important;font-weight:700}

/* v0.11.26 — optional level-specific email opt-in on results. */
.dre-lt-level-email-box{margin:22px 0;padding:18px 24px;border:1px solid #dfe4e8;border-radius:12px;background:#f5f6f7}
.dre-lt-level-email-box h3{margin:0 0 8px}
.dre-lt-level-email-box label{display:flex;gap:10px;align-items:flex-start;margin:0}
.dre-lt-level-email-box input[type="checkbox"]{margin-top:5px}
.dre-lt-level-email-box form>p{margin:10px 0 0}

/* v0.11.28 — distinguish optional email CTA from primary course CTA. */
.dre-results-course-primary,
.dre-lt-course-primary{display:inline-block;background:#ff3fa4!important;color:#fff!important;border:2px solid #ff3fa4!important;border-radius:999px;padding:10px 20px;text-decoration:none!important;font-weight:700}
.dre-results-course-primary:hover,
.dre-lt-course-primary:hover{opacity:.9;color:#fff!important}
.dre-lt-course-next{margin-top:26px;padding-top:22px;border-top:1px solid #dfe4e8;text-align:center}
.dre-lt-course-next h3{margin:0 0 8px}

/* v0.11.40 — reuse the Level Test rules; only course container borders differ. */
body.dre-course-test-host .dre-level-test .dre-lt-card,
body.dre-course-test-host .dre-level-test .dre-lt-card.dre-lt-intro{
    border:1px solid #18A5DD!important;
}
.dre-course-test-question{border:0;padding:0;margin:0;min-width:0;}
.dre-course-test-question legend{float:none;width:100%;padding:0;}
.dre-course-test-question legend:focus{outline:none;}
.dre-course-test-framed [hidden]{display:none!important;}
.dre-course-test-framed .dre-lt-nav .dre-lt-next{margin-left:auto;}

/* v0.11.42 — question review cards match the approved feedback examples. */
.dre-results-component .dre-custom-answer-review{
    margin:18px 0;padding:18px 20px;border:2px solid #ccd3d9;
    border-radius:16px;background:#fff;color:#555b66;
}
.dre-results-component .dre-custom-answer-review.dre-review-correct{border-color:#32c64a;}
.dre-results-component .dre-custom-answer-review h4{
    margin:0 0 12px;font-size:18px;line-height:1.4;font-weight:700;color:#555b66;
}
.dre-results-component .dre-custom-answer-review .dre-review-choice{
    margin:0;font-size:20px;line-height:1.5;font-weight:400;color:#555b66;
}
.dre-results-component .dre-custom-answer-review .dre-review-chosen{color:#18A5DD;font-weight:700;}
.dre-results-component .dre-custom-answer-review .dre-review-status{color:#9ca5ae;font-weight:700;margin-left:6px;}
.dre-results-component .dre-custom-answer-review.dre-review-correct .dre-review-status{color:#32c64a;}
.dre-results-component .dre-custom-answer-review .dre-review-feedback{margin-top:14px;color:#555b66;font-size:18px;line-height:1.5;}
.dre-results-component .dre-custom-answer-review .dre-review-feedback p{margin:0 0 8px;}
@media(max-width:600px){
    .dre-results-component .dre-custom-answer-review{padding:16px;}
    .dre-results-component .dre-custom-answer-review .dre-review-choice{font-size:18px;}
}

/* v0.11.44 — compact review spacing and centred optional pink link. */
.dre-results-component .dre-custom-answer-review{margin:12px 0;padding:14px 18px;}
.dre-results-component .dre-custom-answer-review h4{margin:0 0 6px!important;}
.dre-results-component .dre-custom-answer-review .dre-review-choice{margin:0!important;line-height:1.4;}
.dre-results-component .dre-custom-answer-review .dre-review-feedback{margin-top:8px;line-height:1.4;}
.dre-results-component .dre-custom-answer-review .dre-review-feedback p{margin:0 0 6px!important;}
.dre-results-component .dre-custom-answer-review .dre-review-feedback p:last-child{margin-bottom:0!important;}
.dre-results-component .dre-custom-answer-review .dre-review-link{margin:8px 0 0!important;text-align:center!important;}
.dre-results-component .dre-custom-answer-review .dre-review-link a,
.dre-results-component .dre-custom-answer-review .dre-review-link a:visited,
.dre-results-component .dre-custom-answer-review .dre-review-link a:hover,
.dre-results-component .dre-custom-answer-review .dre-review-link a:focus{
    color:#F34CA3!important;-webkit-text-fill-color:#F34CA3!important;
    text-decoration:none!important;display:inline-block;
}
.dre-results-component .dre-custom-answer-review .dre-review-link a:focus-visible{outline:2px solid #F34CA3;outline-offset:3px;}
@media(max-width:600px){.dre-results-component .dre-custom-answer-review{padding:12px 14px;}}

/* v0.11.45 — splash-only washes distinguish module and final course tests. */
body.dre-course-test-host:has(.dre-test-splash-module){--dre-test-splash-wash:#f0faff;background-color:var(--dre-test-splash-wash);}
body.dre-course-test-host:has(.dre-test-splash-course){--dre-test-splash-wash:#fff3f9;background-color:var(--dre-test-splash-wash);}
body.dre-course-test-host:has(.dre-test-splash) .site-content{background-color:var(--dre-test-splash-wash)!important;}
body.dre-course-test-host:has(.dre-test-splash) .dre-learn-standard-primary,
body.dre-course-test-host:has(.dre-test-splash) .dre-learn-standard-main,
body.dre-course-test-host:has(.dre-test-splash) .dre-learn-standard-content{background:transparent!important;}
body.dre-course-test-host .dre-level-test.dre-test-splash-module .dre-lt-card.dre-lt-intro{border:3px solid #18A5DD!important;}
body.dre-course-test-host .dre-level-test.dre-test-splash-course .dre-lt-card.dre-lt-intro{border:3px solid #F34CA3!important;}

/* v0.11.47 — shared breadcrumb and vertically centred retake labels. */
body.dre-course-test-host .dre-course-test-breadcrumb{max-width:1088px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;}
body:is(.dre-level-test-page,.dre-course-test-host) .dre-lt-existing-actions .dre-lt-retake{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    line-height:1.35!important;box-sizing:border-box;min-height:42px!important;
}
@media(max-width:782px){body.dre-course-test-host .dre-course-test-breadcrumb{padding-left:10px;padding-right:10px;}}

/* v0.11.48 — compact result listings on dashboards and All results. */
.dre-results-index .dre-results-grid{gap:10px!important;}
.dre-results-index .dre-results-list-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;
    gap:8px 16px;padding:14px 18px!important;border-radius:12px!important;
    background:#fff!important;box-sizing:border-box;min-width:0;
}
.dre-results-index .dre-results-list-card .dre-results-heading-row{grid-column:1 / -1;display:flex!important;align-items:center;gap:12px;}
.dre-results-index .dre-results-list-card .dre-results-heading-row>div{min-width:0;}
.dre-results-index .dre-results-list-card .dre-results-heading-row h2{font-size:18px!important;line-height:1.25!important;margin:3px 0 0!important;overflow-wrap:anywhere;}
.dre-results-index .dre-results-list-card .dre-results-kicker{font-size:12px!important;line-height:1.35!important;margin:0!important;}
.dre-results-index .dre-results-list-card .dre-results-date{font-size:12px!important;line-height:1.35!important;white-space:nowrap;margin:0!important;}
.dre-results-index .dre-results-list-card .dre-results-list-summary{align-self:center;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0!important;}
.dre-results-index .dre-results-list-card .dre-results-list-summary small{font-size:12px!important;line-height:1.3;}
.dre-results-index .dre-results-list-card .dre-results-list-summary strong{font-size:16px!important;line-height:1.35;}
.dre-results-index .dre-results-list-card .dre-results-actions{align-self:center;justify-content:flex-end;gap:8px;margin:0!important;}
.dre-results-index .dre-results-list-card .dre-results-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;font-size:14px!important;line-height:1.25!important;padding:7px 12px!important;}
@media(max-width:782px){
    .dre-results-index .dre-results-list-card{grid-template-columns:minmax(0,1fr);padding:12px 14px!important;gap:8px;}
    .dre-results-index .dre-results-list-card .dre-results-heading-row{flex-wrap:wrap;gap:4px 10px;}
    .dre-results-index .dre-results-list-card .dre-results-heading-row h2{font-size:17px!important;}
    .dre-results-index .dre-results-list-card .dre-results-actions{justify-content:flex-start;}
    .dre-results-index .dre-results-list-card .dre-results-button{min-height:44px;}
}

/* v0.11.49 — outweigh Astra Learn heading and dashboard display overrides. */
/* v0.11.48 — compact result listings on dashboards and All results. */
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-grid{gap:10px!important;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;
    gap:8px 16px;padding:14px 18px!important;border-radius:12px!important;
    background:#fff!important;box-sizing:border-box;min-width:0;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-heading-row{grid-column:1 / -1;display:flex!important;align-items:center;gap:12px;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-heading-row>div{min-width:0;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-heading-row h2{font-size:18px!important;line-height:1.25!important;margin:3px 0 0!important;overflow-wrap:anywhere;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-kicker{font-size:12px!important;line-height:1.35!important;margin:0!important;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-date{font-size:12px!important;line-height:1.35!important;white-space:nowrap;margin:0!important;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-list-summary{align-self:center;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0!important;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-list-summary small{font-size:12px!important;line-height:1.3;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-list-summary strong{font-size:16px!important;line-height:1.35;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions{align-self:center;justify-content:flex-end;gap:8px;margin:0!important;}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;font-size:14px!important;line-height:1.25!important;padding:7px 12px!important;}
@media(max-width:782px){
    body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card{grid-template-columns:minmax(0,1fr);padding:12px 14px!important;gap:8px;}
    body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-heading-row{flex-wrap:wrap;gap:4px 10px;}
    body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-heading-row h2{font-size:17px!important;}
    body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions{justify-content:flex-start;}
    body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-button{min-height:44px;}
}

/* v0.11.52 — centred compact results buttons. */
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions{
    grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;
    flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;margin:0!important;width:100%!important;min-width:0!important;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions .dre-results-button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;max-width:100%!important;
    min-height:36px!important;height:auto!important;margin:0!important;padding:6px 12px!important;
    box-sizing:border-box!important;border:1px solid #F34CA3!important;border-radius:999px!important;
    box-shadow:none!important;background:#fff!important;color:#F34CA3!important;
    -webkit-text-fill-color:#F34CA3!important;font-size:13px!important;line-height:1.3!important;
    font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions .dre-results-button-secondary{
    border-color:#d7dee3!important;color:#59636b!important;-webkit-text-fill-color:#59636b!important;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions .dre-results-button:hover{
    border-color:#F34CA3!important;color:#F34CA3!important;-webkit-text-fill-color:#F34CA3!important;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-index .dre-results-list-card .dre-results-actions .dre-results-button:focus-visible{
    outline:2px solid #F34CA3!important;outline-offset:3px!important;
}

/* v0.11.53 — compact outlined course recommendation on saved results. */
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-detail .dre-results-next .dre-results-actions .dre-results-button.dre-results-course-primary{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;max-width:100%!important;min-height:40px!important;height:auto!important;
    box-sizing:border-box!important;padding:8px 14px!important;margin:0!important;
    border:1px solid #F34CA3!important;border-radius:999px!important;
    background:#fff!important;background-image:none!important;box-shadow:none!important;
    color:#F34CA3!important;-webkit-text-fill-color:#F34CA3!important;
    font-size:14px!important;line-height:1.35!important;font-weight:700!important;
    text-transform:none!important;letter-spacing:normal!important;text-align:center!important;
    white-space:normal!important;text-decoration:none!important;opacity:1!important;
}
body.learn-site:not(.single-dre_flex_lesson) .site-content .dre-results-component.dre-results-detail .dre-results-next .dre-results-actions .dre-results-button.dre-results-course-primary:focus-visible{
    outline:2px solid #F34CA3!important;outline-offset:3px!important;
}

/* v0.11.54 — visible login action on private course/module tests. */
body.learn-site .site-content .dre-test-login-notice a.dre-test-login-link,
body.learn-site .site-content .dre-test-login-notice a.dre-test-login-link:visited{
    color:#F34CA3!important;-webkit-text-fill-color:#F34CA3!important;text-decoration:underline!important;
}
body.learn-site .site-content .dre-test-login-notice a.dre-test-login-link:focus-visible{
    outline:2px solid #F34CA3!important;outline-offset:3px!important;
}

/* v0.11.55 — bounded attempt history in compact, borderless rows. */
body.learn-site .site-content .dre-results-component .dre-results-attempts{margin:18px 0!important;padding:12px 14px!important;background:#f0f8fc!important;border:0!important;border-radius:10px;}
body.learn-site .site-content .dre-results-component .dre-attempts-heading{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px!important;font-size:14px!important;line-height:1.4!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-note{margin:0 0 6px!important;font-size:12px!important;line-height:1.4!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-list{list-style:none!important;margin:0!important;padding:0!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-list li{margin:0!important;padding:0!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-list a{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0!important;font-size:13px!important;line-height:1.35!important;text-decoration:none!important;}
body.learn-site .site-content .dre-results-component .dre-attempt-date{font-size:12px!important;color:#59636b!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-list a[aria-current="page"]{font-weight:700;}
body.learn-site .site-content .dre-results-component .dre-attempts-list a:focus-visible{outline:2px solid #F34CA3;outline-offset:2px;}
@media(max-width:360px){body.learn-site .site-content .dre-results-component .dre-attempt-date{display:none;}}

/* v0.11.56 — clear attempt caption and full-width hover/focus tracking. */
body.learn-site .site-content .dre-results-component .dre-attempts-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 8px!important;font-size:14px!important;line-height:1.4!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-caption + .dre-results-attempts{margin-top:0!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-list a{padding:7px 8px!important;border-radius:6px;}
body.learn-site .site-content .dre-results-component .dre-attempts-list a:hover,
body.learn-site .site-content .dre-results-component .dre-attempts-list a:focus-visible{background:#dceefa!important;}
body.learn-site .site-content .dre-results-component .dre-attempts-back{margin-top:8px!important;margin-bottom:14px!important;}

/* v0.11.57 — consistent test/results breadcrumbs and explicit return routes. */
body.learn-site .site-content .dre-test-navigation{display:flex;flex-wrap:wrap;gap:4px;max-width:1088px;margin:0 auto 8px!important;padding:0 10px;box-sizing:border-box;color:#929da6;font-size:13px!important;line-height:1.5;}
body.learn-site .site-content .dre-test-navigation a{color:#929da6!important;text-decoration:none!important;}
body.learn-site .site-content .dre-test-navigation a:hover{text-decoration:underline!important;}
body.learn-site .site-content .dre-test-return{max-width:1088px;margin:0 auto 16px!important;padding:0 10px;box-sizing:border-box;font-size:14px!important;line-height:1.5;}
body.learn-site .site-content .dre-test-return a{color:#18A5DD!important;text-decoration:none!important;}
body.learn-site .site-content .dre-test-return a:focus-visible,
body.learn-site .site-content .dre-test-navigation a:focus-visible{outline:2px solid #F34CA3;outline-offset:3px;}