.level-test-page{
  --level-ink:#202724;
  --level-muted:#66716b;
  --level-green:#4c8b12;
  --level-lime:#a9e51e;
  --level-soft:#f1f7e7;
  --level-cream:#fffaf2;
  --level-line:#dbe3d5;
  background:#f8faf6;
}

.level-test-page .curriculum-facts div{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  column-gap:14px;
  align-items:center;
}
.level-test-page .curriculum-facts .fact-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:12px;
  background:#edf8d2;
  color:var(--level-green);
}
.level-test-page .curriculum-facts .fact-icon svg{width:22px;height:22px}

.level-report-section{
  padding:108px 0;
  border-top:1px solid var(--level-line);
  background:#fff;
}
.level-report-heading{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(360px,.74fr);
  gap:88px;
  align-items:end;
}
.level-report-heading h2,
.level-section-heading h2,
.level-process-header h2{
  margin:14px 0 0;
  color:var(--level-ink);
  font-size:58px;
  line-height:1.12;
  letter-spacing:0;
}
.level-report-heading h2 strong,
.level-section-heading h2 strong,
.level-process-header h2 strong{color:var(--level-green)}
.level-report-intro>p{
  margin:0 0 20px;
  color:var(--level-muted);
  font-size:17px;
  line-height:1.8;
}
.level-report-intro ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.level-report-intro li{display:flex;gap:9px;align-items:center;color:#3e4a44;font-size:14px;font-weight:750}
.level-report-intro li svg{flex:0 0 auto;width:18px;height:18px;color:var(--level-green)}

.level-report-board{
  margin-top:50px;
  overflow:hidden;
  border:1px solid var(--level-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 60px rgba(33,52,41,.08);
}
.level-report-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:76px;
  padding:18px 28px;
  border-bottom:1px solid var(--level-line);
  background:var(--level-soft);
}
.level-report-toolbar>div{display:flex;gap:11px;align-items:center;color:var(--level-ink)}
.level-report-toolbar svg{width:22px;height:22px;color:var(--level-green)}
.level-report-toolbar strong{font-size:20px}
.level-report-toolbar>span{color:#7a857f;font-size:12px}
.level-report-body{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:420px}
.level-score-summary{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 34px;
  border-right:1px solid var(--level-line);
  background:linear-gradient(160deg,#fbfdf8 0%,#f2f8e8 100%);
}
.level-badge{
  align-self:flex-start;
  padding:7px 11px;
  border:1px solid #cbdcb7;
  border-radius:999px;
  color:var(--level-green);
  font-size:11px;
  font-weight:900;
}
.level-score-summary>p{margin:25px 0 8px;color:#78837d;font-size:13px}
.level-score-summary>strong{font-size:24px;line-height:1.45}
.level-score-note{margin-top:32px;padding-top:22px;border-top:1px solid #d3dfc8}
.level-score-note span{display:block;color:#7b867f;font-size:11px;font-weight:800}
.level-score-note b{display:block;margin-top:8px;color:var(--level-green);font-size:15px}
.level-chart-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.level-chart{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:30px 30px 24px}
.level-chart+.level-chart{border-left:1px solid var(--level-line)}
.level-chart figcaption{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:16px}
.level-chart figcaption strong{font-size:18px}
.level-chart figcaption span{color:#87908b;font-size:11px}
.level-radar-chart svg{display:block;width:100%;max-width:360px;height:auto;margin:auto;overflow:visible}
.radar-grid polygon,.radar-grid line{fill:none;stroke:#d9e1d5;stroke-width:1}
.radar-value{fill:rgba(169,229,30,.25);stroke:var(--level-green);stroke-width:2}
.radar-points circle{fill:var(--level-green);stroke:#fff;stroke-width:3}
.radar-labels text{fill:#58635d;font-size:12px;font-weight:800}
.bar-legend{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-bottom:14px;color:#7c8781;font-size:10px}
.bar-legend span{display:inline-block;width:8px;height:8px;border-radius:2px}
.bar-legend .result{margin-left:8px;background:var(--level-green)}
.bar-legend .average{margin-left:8px;background:#d5ddd1}
.bar-plot{
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  gap:10px;
  height:245px;
  padding:20px 10px 4px;
  border-bottom:1px solid #ccd6ca;
  background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#edf1eb 49px,#edf1eb 50px);
}
.bar-group{display:flex;flex:1;flex-direction:column;align-items:center;gap:10px;min-width:0}
.bar-group>div{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:178px}
.bar-group i{display:block;width:17px;height:var(--bar-height);border-radius:5px 5px 1px 1px}
.bar-group i.result{background:linear-gradient(180deg,var(--level-lime),var(--level-green))}
.bar-group i.average{background:#d5ddd1}
.bar-group>span{color:#66716b;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}

.level-domains{padding:106px 0;background:#f1f5ef;border-block:1px solid var(--level-line)}
.level-section-heading.centered{text-align:center}
.level-section-heading>p,.level-process-header>div>p{margin:0;color:var(--level-green);font-size:12px;font-weight:900;letter-spacing:.08em}
.level-section-heading>span{display:block;margin-top:20px;color:var(--level-muted);font-size:16px}
.level-domain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:46px}
.level-domain-grid article{
  position:relative;
  min-height:255px;
  padding:24px 22px 22px;
  border:1px solid var(--level-line);
  border-radius:16px;
  background:#fff;
}
.level-domain-grid article>span{position:absolute;right:18px;top:17px;color:#d4decf;font-size:24px;font-weight:900}
.level-domain-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:35px;border-radius:13px;background:#ecf8cd;color:var(--level-green)}
.level-domain-icon svg{width:24px;height:24px}
.level-domain-grid b{color:var(--level-green);font-size:10px;letter-spacing:.05em}
.level-domain-grid h3{margin:8px 0 10px;color:var(--level-ink);font-size:20px}
.level-domain-grid p{margin:0;color:var(--level-muted);font-size:13px;line-height:1.65}

.level-process-section{padding:108px 0;background:#fff}
.level-process-header{display:grid;grid-template-columns:1fr 410px;gap:80px;align-items:end;padding-bottom:34px;border-bottom:1px solid #343d38}
.level-process-header>span{padding-bottom:7px;color:var(--level-muted);font-size:16px;line-height:1.8;text-align:right}
.level-process-list{margin:0;padding:0;list-style:none}
.level-process-list>li{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 360px;
  gap:42px;
  align-items:center;
  min-height:158px;
  padding:22px 0;
  border-bottom:1px solid var(--level-line);
}
.level-process-number{color:#83bb18;font-size:54px;font-weight:900;line-height:1}
.level-process-copy h3{margin:0 0 10px;color:var(--level-ink);font-size:24px}
.level-process-copy p{max-width:680px;margin:0;color:var(--level-muted);font-size:15px;line-height:1.75}
.level-process-copy small{display:block;margin-top:12px;padding-left:12px;border-left:3px solid var(--level-lime);color:#7b867f;font-size:11px;line-height:1.6}
.level-process-list aside{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:108px;
  padding:18px 22px;
  border:1px solid var(--level-line);
  border-radius:14px;
  background:#fbfcf8;
}
.level-process-list li:nth-child(3) aside{background:linear-gradient(135deg,#f7fbe9,#eff8cf)}
.level-process-list aside>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--level-green);box-shadow:0 5px 18px rgba(42,66,48,.08)}
.level-process-list aside svg{width:26px;height:26px}
.level-process-list aside b{display:block;color:var(--level-green);font-size:11px}
.level-process-list aside strong{display:block;margin-top:5px;color:var(--level-ink);font-size:19px}
.level-process-list aside p{margin:5px 0 0;color:#7a847e;font-size:11px}

@media(max-width:1100px){
  .level-report-heading{grid-template-columns:1fr;gap:26px}
  .level-report-heading h2,.level-section-heading h2,.level-process-header h2{font-size:50px}
  .level-report-intro{max-width:720px}
  .level-report-body{grid-template-columns:260px minmax(0,1fr)}
  .level-chart{padding-inline:20px}
  .level-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .level-domain-grid article:nth-child(n+4){min-height:220px}
  .level-process-header{grid-template-columns:1fr 330px;gap:40px}
  .level-process-list>li{grid-template-columns:80px minmax(0,1fr) 315px;gap:25px}
}

@media(max-width:820px){
  .level-report-section,.level-domains,.level-process-section{padding:82px 0}
  .level-report-body{grid-template-columns:1fr}
  .level-score-summary{border-right:0;border-bottom:1px solid var(--level-line)}
  .level-chart-grid{grid-template-columns:1fr 1fr}
  .level-process-header{grid-template-columns:1fr;gap:18px}
  .level-process-header>span{text-align:left}
  .level-process-list>li{grid-template-columns:65px minmax(0,1fr)}
  .level-process-list aside{grid-column:2;margin-top:4px}
  .level-process-number{font-size:42px}
}

@media(max-width:640px){
  .level-test-page .curriculum-facts div{grid-template-columns:36px minmax(0,1fr);column-gap:10px}
  .level-test-page .curriculum-facts .fact-icon{width:36px;height:36px;border-radius:10px}
  .level-test-page .curriculum-facts .fact-icon svg{width:18px;height:18px}
  .level-report-section,.level-domains,.level-process-section{padding:66px 0}
  .level-report-heading h2,.level-section-heading h2,.level-process-header h2{font-size:34px;line-height:1.16}
  .level-report-intro>p{font-size:15px}
  .level-report-intro li{align-items:flex-start;font-size:12px}
  .level-report-board{margin-top:30px;border-radius:16px}
  .level-report-toolbar{align-items:flex-start;flex-direction:column;gap:6px;min-height:0;padding:17px 18px}
  .level-report-toolbar strong{font-size:17px}
  .level-score-summary{padding:28px 22px}
  .level-score-summary>strong{font-size:20px}
  .level-chart-grid{grid-template-columns:1fr}
  .level-chart{padding:25px 18px 20px}
  .level-chart+.level-chart{border-left:0;border-top:1px solid var(--level-line)}
  .level-radar-chart svg{max-width:310px}
  .bar-plot{height:220px}
  .level-section-heading>span{margin-top:15px;font-size:13px;line-height:1.7}
  .level-domain-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}
  .level-domain-grid article{min-height:190px;padding:16px 14px}
  .level-domain-grid article:last-child{grid-column:1/-1;min-height:150px}
  .level-domain-grid article>span{right:12px;top:12px;font-size:19px}
  .level-domain-icon{width:40px;height:40px;margin-bottom:20px;border-radius:11px}
  .level-domain-icon svg{width:20px;height:20px}
  .level-domain-grid h3{font-size:16px}
  .level-domain-grid p{font-size:11px;line-height:1.55}
  .level-process-header{padding-bottom:22px}
  .level-process-header>span{font-size:13px}
  .level-process-list>li{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:0;padding:24px 0}
  .level-process-number{font-size:28px}
  .level-process-copy h3{font-size:20px}
  .level-process-copy p{font-size:13px}
  .level-process-list aside{grid-column:1/-1;grid-template-columns:46px minmax(0,1fr);gap:12px;min-height:88px;margin-top:5px;padding:14px 16px}
  .level-process-list aside>span{width:44px;height:44px}
  .level-process-list aside svg{width:21px;height:21px}
  .level-process-list aside strong{font-size:16px}
}