.cr-report{--cr-space:8px;--cr-body:16px;--cr-small:14px;--cr-heading:20px;--cr-score:32px;--cr-green:#166534;--cr-cream:#fff7ed;font-size:var(--cr-body);line-height:1.6}
.cr-report h2{font-size:var(--cr-heading);line-height:1.3;margin:calc(var(--cr-space)*4) 0 calc(var(--cr-space)*2);color:var(--cr-green)}
.cr-headline{font-size:26px;line-height:1.25}
.cr-report h3{font-size:18px;margin:calc(var(--cr-space)*2) 0 var(--cr-space);line-height:1.4}
.cr-report h4{font-size:var(--cr-body);margin:calc(var(--cr-space)*2) 0 var(--cr-space);line-height:1.5}
@media(max-width:768px){.cr-headline{font-size:22px}}
.cr-report p{margin:var(--cr-space) 0 calc(var(--cr-space)*2);max-width:75ch}
.cr-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cr-space)*2);margin-block:calc(var(--cr-space)*3)}
.cr-scores section{padding:calc(var(--cr-space)*2);background:var(--cr-cream);border-radius:var(--cr-space);min-width:0}
.cr-scores strong{font-size:var(--cr-score);color:var(--cr-green)}
.cr-scores small,.cr-scores p{font-size:var(--cr-small)}
@media(max-width:900px){.cr-scores{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cr-est-tag{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cr-green);background:rgba(255,255,255,.7);border:1px solid var(--cr-border,#d6d3d1);border-radius:999px;padding:2px 8px;margin-bottom:6px}
.cr-shields{display:inline-flex;flex:none;gap:2px}
.cr-shield{font-size:13px;filter:grayscale(1);opacity:.3}
.cr-shield.on{filter:none;opacity:1}
.cr-shield-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;color:#57534e;min-width:0}
.cr-shield-label{flex:1 1 auto;min-width:0}
.cr-score-pending{opacity:.6}
.cr-pending{color:#57534e;margin-top:8px}
.cr-report .cr-shield-line{color:#48647d}
.cr-scroll{overflow-x:auto;max-width:100%;border:1px solid #d6d3d1;border-radius:var(--cr-space)}
.cr-scroll:focus-visible{outline:3px solid var(--cr-green);outline-offset:4px}
.cr-comparison{display:grid;grid-template-columns:repeat(2,minmax(304px,1fr));gap:calc(var(--cr-space)*2);padding:calc(var(--cr-space)*2)}
.cr-course{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-width:0}
.cr-course>h3{color:var(--cr-green);font-size:var(--cr-heading)}
.cr-chart h4{border-bottom:1px solid #d6d3d1;padding-bottom:var(--cr-space)}
.cr-bar-row{display:grid;grid-template-columns:48px 1fr 48px;gap:var(--cr-space);align-items:center;min-height:40px;font-size:var(--cr-small);font-variant-numeric:tabular-nums}
.cr-bar-row b{text-align:right}.cr-track{background:#e7e5e4;height:var(--cr-space);border-radius:var(--cr-space);overflow:hidden}.cr-track i{display:block;height:100%;background:var(--cr-green)}
.cr-missing{grid-column:2/4;color:#57534e}.cr-report table{width:100%;border-collapse:collapse;font-size:var(--cr-small)}
.cr-report caption{text-align:start;font-weight:700;margin:calc(var(--cr-space)*2) 0 var(--cr-space)}
.cr-report th,.cr-report td{padding:var(--cr-space);text-align:start;border-bottom:1px solid #d6d3d1;vertical-align:top}
.cr-report tbody tr:nth-child(odd){background:var(--cr-cream)}.cr-report tbody tr:last-child{font-weight:700}
.modal:has(.cr-report){max-width:960px}.cr-history{margin-block:16px}.cr-history summary{cursor:pointer;padding:16px;font-weight:700}.cr-history summary:focus-visible{outline:3px solid #166534}
@media(max-width:480px){.cr-scores{gap:var(--cr-space);grid-template-columns:repeat(2,minmax(0,1fr))}.cr-scores section{padding:var(--cr-space)}.cr-scores strong{font-size:26px}}
#parent:has(.cr-report){max-width:960px!important}
.cr-report .av{background:var(--cr-green)}
.cr-report th{font-size:var(--cr-small);text-transform:none;letter-spacing:normal}
/* Full-width report; three independently expandable courses on one mobile axis. */
#parent:has(.cr-report){max-width:none!important;width:100%;padding:16px 24px 32px}
.modal:has(.cr-report){max-width:1440px;width:100%}
.cr-report{padding:24px!important}
.cr-report p{max-width:none}
.cr-scroll{overflow:visible}
.cr-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cr-course{grid-row:span 5;grid-template-rows:subgrid}
.cr-course summary{font-size:20px;font-weight:700;color:var(--cr-green);padding:8px 0;min-height:48px;cursor:pointer;display:list-item;list-style-position:inside}
.cr-course summary:focus-visible{outline:3px solid var(--cr-green);outline-offset:4px}
.cr-course summary:hover{background:var(--cr-cream)}
.cr-course-body{display:contents}
.cr-future{grid-column:1/-1;grid-row:auto;display:block;border-top:1px solid #d6d3d1;padding-top:16px}
@media(max-width:768px){
 #parent:has(.cr-report){padding:8px 8px 24px}
 .cr-report{padding:16px!important}
 .cr-comparison{display:block;padding:8px}
 .cr-course{display:block;border-bottom:1px solid #d6d3d1;padding:8px 0}
 .cr-course-body{display:block}
 .cr-future{border-top:0}
 .cr-report td,.cr-report th{padding:8px 4px;overflow-wrap:anywhere}
 .cr-report table{table-layout:fixed}
 .cr-report th:first-child{width:50%}
}
@media(min-width:769px){
 .cr-course:not(.cr-future)::details-content{display:grid;grid-template-rows:subgrid;grid-row:span 4}
 .cr-course:not([open])::details-content{display:none}
}
.cr-writing{margin-block:24px;padding-block:8px;border-top:1px solid #d6d3d1}
.cr-writing blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;padding:16px;border-inline-start:4px solid var(--cr-green);background:var(--cr-cream);font-size:var(--cr-body);line-height:1.6}

.cr-speaking-video{display:block;width:100%;aspect-ratio:16/9;border:0;margin-block:16px;border-radius:8px}
/* Early/diagnostic writing samples shown directly under .cr-report (transition-class
   reports), not nested inside the .cr-legacy history fold — same look either way. */
.cr-report .ws{background:var(--cr-cream,#edf6ff);border:1px solid var(--cr-border,#c6deef);border-radius:12px;padding:12px 16px;margin-bottom:8px}
.cr-report .ws .wsl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cr-green,#175c91);margin-bottom:6px}
.cr-report .ws blockquote{margin:0 0 8px;font-style:italic;font-size:14px;line-height:1.6;color:#17324d}
.cr-report .ws .wsn{font-size:13px;color:#48647d}
/* Cool-blue report surface with distinct original / teacher voice cards. */
body:has(.cr-report){background:#edf6ff;background-image:radial-gradient(at 0 0,#dbeeff,transparent 65%);color:#17324d}
.cr-report{--cr-green:#175c91;--cr-cream:#edf6ff;--cr-radius:16px;--cr-border:#c6deef;background:rgba(255,255,255,.94)!important;border:1px solid var(--cr-border)!important;box-shadow:0 8px 32px #1c527b12!important;color:#17324d}
#parent:has(.cr-report) .topbar{background:#f4faff;border-color:#c6deef}
.cr-report .rmeta,.cr-report .cls{color:#48647d}
.cr-scores section{border:1px solid #c6deef;border-radius:var(--cr-radius);background:linear-gradient(135deg,#f6fbff,#e0f1ff);box-shadow:inset 0 1px 0 #fff}
.cr-scroll,.cr-chart h4,.cr-report th,.cr-report td,.cr-future,.cr-writing{border-color:var(--cr-border)}
.cr-track{height:12px;border-radius:16px;background:#daeaf6;box-shadow:inset 0 1px 3px #153f6220;overflow:visible}
.cr-track i{position:relative;border-radius:16px;background:linear-gradient(180deg,#7bc9fa 0%,#2384ca 55%,#146caf 100%);box-shadow:inset 0 1px 1px #ffffffb3,0 2px 8px #157ab62b;min-width:0}
.cr-track i::after{content:'';position:absolute;inset:2px 4px auto;height:2px;border-radius:16px;background:#ffffff66}
.cr-report .note{background:#edf6ff;border-left-color:#3c91cd;color:#17324d}
.cr-writing-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.cr-writing-original,.cr-writing-feedback{min-width:0;padding:24px;border-radius:var(--cr-radius);border:1px solid var(--cr-border)}
.cr-writing-original{background:#f3f8fe}
.cr-writing-feedback{background:#edf8f1;border-color:#bedecb;color:#204e38}
.cr-writing-feedback h4{color:#205d3e}
.cr-writing-original h4{color:#48647d}
.cr-writing-pair h4{margin:0 0 12px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.cr-writing-original blockquote{margin:0;padding:0;border:0;background:transparent;color:#17324d}
.cr-writing-feedback p:last-child{margin-bottom:0}
@media(max-width:768px){.cr-writing-pair{grid-template-columns:1fr}.cr-writing-original,.cr-writing-feedback{padding:16px}}
body:has(.cr-report) .studio-bg{background:radial-gradient(ellipse at top left,#d7edff,transparent 65%),linear-gradient(160deg,#f6fbff,#e8f3ff)}
body:has(.cr-report) .studio-bg .orb{display:none}
#parent:has(.cr-report) .bar-top{background:#f4faff;border:1px solid #c6deef}
#parent:has(.cr-report) .lang button.active{background:#175c91;color:white}
.cr-speaking-video{background:#e4eff8;max-width:960px}
/* Speaking video paired with the teacher-assessment card, reusing the writing-pair grid. */
.cr-speaking-pair{margin-block:16px}
.cr-speaking-media{min-width:0}
.cr-speaking-pair .cr-speaking-video{margin-block:0;max-width:none}
.cr-speaking-pair>.cr-speaking-feedback:only-child{grid-column:1/-1}
@media(max-width:768px){.cr-speaking-pair{margin-block:8px}}

/* Legacy exam-history card (nested inside .cr-history, "Previous report") — same
   design language as the current report above it. The official Cambridge result
   is a pinned banner shown first, our own mock-test scores stay below it. */
.cr-legacy{margin-top:0;min-width:0;max-width:100%}
.cr-legacy-official{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 20px;padding:16px 20px;
  border-radius:var(--cr-radius,16px);background:linear-gradient(135deg,#eafbf3,#e6f4fb);border:1px solid #bfe6d2;min-width:0;max-width:100%;box-sizing:border-box}
.cr-legacy-official.pending{background:linear-gradient(135deg,#fff7ea,#fff1d6);border-color:#f0d9a0}
.cr-legacy-official .oi{font-size:28px;line-height:1;flex:none}
.cr-legacy-official .ot{flex:1 1 200px;min-width:0}
.cr-legacy-official .ol{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#166534;overflow-wrap:anywhere}
.cr-legacy-official.pending .ol{color:#b9791a}
.cr-legacy-official .ov{font-size:16px;font-weight:800;color:#14532d;margin-top:2px}
.cr-legacy-official.pending .ov{color:#92400e}
.cr-legacy-official .osh{display:flex;flex-wrap:wrap;gap:2px;font-size:16px;flex:1 1 auto;min-width:0;max-width:100%}
.cr-legacy-official .osh span{opacity:.28;filter:grayscale(1)}
.cr-legacy-official .osh span.on{opacity:1;filter:none}
.cr-legacy-meta{color:#48647d;font-size:13px;margin-bottom:14px;overflow-wrap:anywhere}
.cr-legacy-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;min-width:0;max-width:100%}
.cr-legacy-head .av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:16px;flex:none}
.cr-legacy-head .nm{font-size:18px;font-weight:800;color:#17324d;overflow-wrap:anywhere}
.cr-legacy-head .cls{font-size:12.5px;color:#48647d;margin-top:1px}
.cr-legacy-head .overall{margin-left:auto;text-align:right;min-width:0}
.cr-legacy-head .overall .big{font-size:25px;font-weight:800;line-height:1;color:var(--cr-green,#175c91)}
.cr-legacy-head .overall .lab{font-size:10px;color:#48647d;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.cr-legacy .skill{margin-bottom:14px}
.cr-legacy .skill .row{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:6px}
.cr-legacy .skill .s{font-weight:700;color:#17324d}
.cr-legacy .skill .v{color:#48647d}
.cr-legacy .skill .v b{color:#17324d}
.cr-legacy .track{height:12px;background:#daeaf6;border-radius:16px;overflow:hidden}
.cr-legacy .track>i{display:block;height:100%;border-radius:16px}
.cr-legacy .shields{display:flex;gap:3px;margin-top:6px}
.cr-legacy .shields span{font-size:14px;filter:grayscale(1);opacity:.28}
.cr-legacy .shields span.on{filter:none;opacity:1}
.cr-legacy .sec-t{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#175c91;margin:20px 0 9px;font-weight:800}
.cr-legacy .tags{display:flex;flex-wrap:wrap;gap:7px}
.cr-legacy .tag{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:#fef4e3;color:#b9791a;border:1px solid #f6e2bd}
.cr-legacy .tag.good{background:#e3f8f1;color:#0e8c6b;border-color:#bdeadd}
.cr-legacy .note{background:var(--cr-cream,#edf6ff);border:1px solid var(--cr-border,#c6deef);border-left:4px solid var(--cr-green,#175c91);
  border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.62;color:#17324d}
.cr-legacy .steps{margin:9px 0 0;padding:0;list-style:none}
.cr-legacy .steps li{font-size:13.5px;line-height:1.55;padding:6px 0 6px 24px;position:relative;color:#17324d}
.cr-legacy .steps li::before{content:"→";position:absolute;left:0;color:var(--cr-green,#175c91);font-weight:800}
.cr-legacy .trend-wrap{background:var(--cr-cream,#edf6ff);border:1px solid var(--cr-border,#c6deef);border-radius:14px;padding:12px 14px 10px;margin-bottom:6px}
.cr-legacy .trend-wrap canvas{width:100%;height:120px;display:block}
.cr-legacy .trend-legend{display:flex;gap:16px;font-size:11.5px;color:#48647d;margin-top:8px}
.cr-legacy .trend-legend span{display:inline-flex;align-items:center;gap:5px}
.cr-legacy .trend-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.cr-legacy .ws{background:var(--cr-cream,#edf6ff);border:1px solid var(--cr-border,#c6deef);border-left:4px solid var(--cr-green,#175c91);
  border-radius:12px;padding:12px 16px;margin-bottom:10px}
.cr-legacy .ws .wsl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#175c91;margin-bottom:6px}
.cr-legacy .ws blockquote{margin:0 0 8px;font-style:italic;font-size:14px;line-height:1.6;color:#17324d}
.cr-legacy .ws .wsn{font-size:13px;color:#48647d}
@media(max-width:480px){
  .cr-legacy-official{padding:12px 14px;gap:10px}
  .cr-legacy-head{flex-wrap:wrap}
}

/* ===== Transition report (.cr-t): Movers → Flyers classes ==========================
   Same tokens as the course report above. Type steps used: 11 / 12.5 / 14 / 16 / 18;
   spacing steps: 4 / 8 / 12 / 16 / 24 / 32. */
#parent:has(.cr-t){max-width:968px!important}
.modal:has(.cr-t){max-width:968px}
.cr-t{--cr-l1:#7bc9fa;--cr-l2:#2384ca;--cr-l3:#146caf;--cr-r1:#ffc98a;--cr-r2:#f08a24;--cr-r3:#d9730b}
.cr-t .cr-eyebrow{margin:24px 0 8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#48647d}
.cr-t .cr-greeting{margin:0 0 8px;font-size:18px;line-height:1.6;max-width:68ch}
.cr-t p{max-width:68ch}
.cr-t .cr-journey>p{margin:0 0 16px}
.cr-t .cr-journey-grid{margin-top:24px}
.cr-closing{margin-top:32px}
.cr-closing p{margin:0 0 16px}
.cr-t .cr-sign{margin:0;color:#48647d}
.cr-t h2:not(.cr-headline){margin-top:32px}

/* Where the child is now */
.cr-scores.cr-now{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:0 24px}
.cr-scores.cr-now.has-official{grid-template-columns:repeat(3,minmax(0,1fr))}
.cr-scores.cr-now.has-sw{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-now.has-sw .cr-official{grid-column:1/-1}
.cr-now.has-sw .cr-official .cr-skill-shields{max-width:360px}
@media(max-width:900px){.cr-scores.cr-now.has-sw{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cr-now .cr-est h3{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.cr-now .cr-est .cr-est-tag{margin:0}
.cr-now .cr-est.pending{background:#f8fafc;border-style:dashed}
.cr-now section{display:flex;flex-direction:column;gap:8px}
.cr-now h3{margin:0;font-size:16px;line-height:1.4}
.cr-now strong{line-height:1.1}
.cr-now-score{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cr-now-score span{font-size:14px;font-weight:700;color:#48647d;font-variant-numeric:tabular-nums}
.cr-now p{margin:0}
.cr-now .cr-now-meta{color:#48647d}
.cr-now .cr-official{background:linear-gradient(135deg,#eafbf3,#e6f4fb);border-color:#bfe6d2}
.cr-now .cr-official h3,.cr-now .cr-official strong{color:#14532d}
.cr-now .cr-official.pending{background:linear-gradient(135deg,#fff7ea,#fff1d6);border-color:#f0d9a0}
.cr-now .cr-official .cr-now-meta{color:#166534;font-weight:700}
.cr-skill-shields{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.cr-skill-shields li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.cr-skill-shields b{font-variant-numeric:tabular-nums;color:#14532d}
.cr-shields-wrap{display:grid;grid-template-columns:repeat(5,max-content);gap:2px}
@media(max-width:640px){
 .cr-scores.cr-now.has-official{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cr-now .cr-official{grid-column:1/-1}
 .cr-shields-wrap{display:flex;flex-wrap:wrap}
}

/* The whole journey in one chart */
.cr-journey-grid{display:grid;grid-template-columns:minmax(0,var(--w)) minmax(0,1fr);grid-template-areas:"chart legend" "chart guide";grid-template-rows:auto 1fr;column-gap:24px;row-gap:8px}
.cr-legend{grid-area:legend;display:flex;flex-direction:column;gap:4px;margin:0!important;font-size:14px;font-weight:700}
.cr-legend span{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.cr-legend small{font-size:12.5px;font-weight:400;color:#48647d}
.cr-legend i{flex:none;align-self:center;width:12px;height:12px;border-radius:4px}
.cr-legend i.l,.cr-col-plot i.l::before{background:linear-gradient(180deg,var(--cr-l1),var(--cr-l2) 55%,var(--cr-l3))}
.cr-legend i.r,.cr-col-plot i.r::before{background:linear-gradient(180deg,var(--cr-r1),var(--cr-r2) 55%,var(--cr-r3))}
.cr-guide{grid-area:guide}
.cr-guide p{margin:0 0 8px;font-size:14px;color:#48647d;max-width:44ch}
.cr-stages{grid-area:chart;align-self:start;display:flex;gap:8px;min-width:0}
.cr-stage{flex:var(--n) 1 0;min-width:64px;padding:8px;border:1px solid var(--cr-border);border-radius:12px;background:#f3f8fe}
.cr-stage.flyers{background:#e3f0fd}
/* Starters → Movers: the later level takes the darker panel, as Flyers does after Movers. */
.cr-stage.starters+.cr-stage.movers{background:#e3f0fd}
.cr-stage-head{margin-bottom:4px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--cr-green)}
.cr-cols{display:flex;gap:4px}
.cr-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:4px;border-radius:8px}
.cr-col.now{background:rgba(255,255,255,.85)}
.cr-col-plot{box-sizing:content-box;width:100%;height:128px;padding-top:32px;display:flex;gap:2px;align-items:flex-end;justify-content:center;border-bottom:1px solid #b9d3e6}
.cr-col-plot i{position:relative;display:block;width:min(14px,36%);min-height:2px}
.cr-col-plot i::before{content:"";position:absolute;inset:0;border-radius:4px 4px 0 0;opacity:.5}
.cr-col.now .cr-col-plot i::before{opacity:1}
.cr-col-plot i.na{min-height:0}
.cr-col-plot i.na::before{content:none}
.cr-col-plot b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;font-style:normal;font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums}
.cr-col-plot b.up{bottom:calc(100% + 13px)}
.cr-col-plot i.l b{color:#125e9a}
.cr-col-plot i.r b{color:#a8500a}
.cr-col-plot i.na b{color:#48647d;font-weight:400}
.cr-col>span{font-size:11px;line-height:1.2;color:#48647d;font-variant-numeric:tabular-nums}
.cr-col.now>span{font-weight:800;color:#17324d}
@media(prefers-reduced-motion:no-preference){
 .cr-col-plot i:not(.na){animation:cr-grow .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*45ms)}
 @keyframes cr-grow{from{height:0}}
}
@media(max-width:900px){
 .cr-journey-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"legend" "chart" "guide";grid-template-rows:none;row-gap:12px}
 .cr-stages{max-width:var(--w)}
 .cr-col-plot{height:112px}
 .cr-guide p{max-width:none}
}

/* Fold-away detail */
.cr-more{margin-top:8px}
.cr-more summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;color:var(--cr-green);cursor:pointer;list-style:none}
.cr-more summary::-webkit-details-marker{display:none}
.cr-more summary::before{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e0f1ff;font-size:16px;line-height:1}
.cr-more[open] summary::before{content:"−"}
.cr-more summary:focus-visible{outline:3px solid var(--cr-green);outline-offset:4px;border-radius:8px}
.cr-t .cr-stage-row th{padding-top:16px;font-size:12.5px;font-weight:800;color:var(--cr-green);background:#fff}

/* What happens next */
.cr-steps{list-style:none;counter-reset:cr-step;margin:0;padding:0;display:grid;gap:12px}
.cr-steps li{counter-increment:cr-step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;line-height:1.5}
.cr-steps li::before{content:counter(cr-step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0f1ff;color:var(--cr-green);font-size:14px;font-weight:800}
.cr-home{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px;padding:16px;border:1px solid #fcd9b0;border-radius:var(--cr-radius);background:#fff7ed;color:#5b3410}
.cr-home span{font-size:20px;line-height:1.2}
.cr-home p{margin:0;max-width:68ch}
.cr-home b{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#b45309}

/* Still to come */
.cr-pending-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cr-pending-row section{padding:16px;border:1px dashed #b9d3e6;border-radius:var(--cr-radius);background:#f8fbff}
.cr-pending-row h3{margin:0 0 4px;font-size:16px}
.cr-pending-row p{margin:0;font-size:14px;color:#48647d}
@media(max-width:640px){.cr-pending-row{grid-template-columns:minmax(0,1fr);gap:8px}}
.cr-fine{margin:24px 0 0!important;max-width:none!important;padding-top:16px;border-top:1px solid var(--cr-border);font-size:12.5px;color:#48647d}
@media(max-width:768px){.cr-t .cr-greeting{font-size:16px}}