/* Scholé product illustration: scoped to the Adoption section. */
.new-text-media_style.schole-adoption-visual {
  aspect-ratio:1440/1340;
  width:100%;
  min-width:0;
  min-height:0;
  align-self:start;
  display:block;
  position:relative;
  isolation:isolate;
  padding:0;
  background:#150a15;
}
.sa-backdrop { position:absolute; inset:0; z-index:0; pointer-events:none; }
.sa-workspace {
  --sa-paper:#fff;
  --sa-ground:#f4f5fa;
  --sa-tint:#e6e9f3;
  --sa-purple:#615c9c;
  --sa-ink:#20243b;
  --sa-muted:#60657c;
  --sa-line:#e2e5ef;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%) scale(var(--sa-scale, .5));
  transform-origin:center;
  z-index:1;
  font-family:"Inter", Arial, sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--sa-ink);
  background:var(--sa-paper);
  border:1px solid #d6daea;
  border-radius:28px;
  width:640px;
  max-width:none;
  margin:0;
  min-width:0;
  padding:22px;
  box-shadow:0 0 0 12px #c9e4e43d, 0 0 0 13px #d2efef75;
  container-type:inline-size;
  text-align:left;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);
  gap:12px;
}
.sa-workspace, .sa-workspace * { box-sizing:border-box; }
.sa-workspace p, .sa-workspace h3, .sa-workspace h4, .sa-workspace figure { margin:0; }
.sa-workspace button { font:inherit; }
.sa-topline { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.sa-brand { display:flex; align-items:center; gap:8px; font:24px/1 "New Spirit", Georgia, serif; }
.sa-brand img { width:28px; height:28px; border-radius:7px; }
.sa-sample { color:var(--sa-muted); font-size:12px; text-align:right; }
.sa-title { grid-column:1/-1; margin:2px 0 4px; }
.sa-title h3 { font:clamp(25px, 5.8cqi, 34px)/1.15 "New Spirit", Georgia, serif; letter-spacing:-.025em; }
.sa-title p { margin-top:6px; color:var(--sa-muted); font-size:12px; }
.sa-adoption { min-width:0; padding:16px; border:1px solid var(--sa-line); border-radius:12px; background:var(--sa-ground); }
.sa-adoption figcaption { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.sa-caption { font-size:13px; font-weight:500; }
.sa-metric { display:flex; align-items:baseline; gap:12px; margin-top:5px; flex-wrap:wrap; }
.sa-metric b { font-size:44px; line-height:1.1; font-weight:500; letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.sa-gain { font-size:12px; color:var(--sa-purple); }
.sa-range { color:var(--sa-muted); font-size:12px; white-space:nowrap; }
.sa-chart { margin-top:20px; }
.sa-bars { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:5px; height:74px; align-items:end; }
.sa-bar { position:relative; height:100%; display:flex; align-items:flex-end; }
.sa-bar i { display:block; width:100%; height:var(--level); background:#b7bedc; border-radius:4px 4px 0 0; }
.sa-bar:last-child i { background:var(--sa-purple); }
.sa-bar span { position:absolute; bottom:calc(var(--level) + 3px); left:50%; transform:translateX(-50%); color:var(--sa-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.sa-bar:last-child span { color:var(--sa-purple); font-weight:600; }
.sa-bar:not(:first-child):not(:last-child) span { display:none; }
.sa-chart-labels { display:flex; justify-content:space-between; border-top:1px solid #c9cee4; padding-top:8px; color:var(--sa-muted); font-size:12px; }
.sa-bento { display:contents; }
.sa-learning { min-width:0; padding:14px; border:1px solid var(--sa-line); border-radius:12px; }
.sa-tools { display:flex; gap:2px; flex-wrap:wrap; margin:-5px -5px 10px; }
.sa-workspace .sa-tool { min-height:44px; padding:8px 6px; color:var(--sa-muted); background:transparent; border:1px solid transparent; border-radius:8px; cursor:pointer; font-size:12px; transition:background-color .15s, color .15s; touch-action:manipulation; }
.sa-tool:hover { color:var(--sa-ink); background:var(--sa-ground); }
.sa-tool[aria-pressed="true"] { color:var(--sa-purple); background:var(--sa-ground); border-color:#d5d8ea; font-weight:600; }
.sa-tool:focus-visible { outline:2px solid var(--sa-purple); outline-offset:3px; }
.sa-lesson-type { display:flex; align-items:center; gap:6px; color:var(--sa-purple); font-size:12px; }
.sa-lesson-type svg { width:14px; height:14px; flex:none; }
.sa-learning h4 { font-size:17px; line-height:1.3; letter-spacing:-.02em; font-weight:600; margin-top:8px; min-height:2.6em; }
.sa-lesson-description { color:var(--sa-muted); font-size:12px; line-height:1.5; margin-top:8px !important; min-height:3em; }
.sa-lesson-meta { display:flex; align-items:center; gap:6px; color:var(--sa-muted); font-size:12px; margin-top:12px !important; }
.sa-lesson-meta svg { width:13px; height:13px; }
.sa-skills { grid-column:1/-1; min-width:0; background:var(--sa-purple); color:var(--sa-paper); padding:14px 16px; border-radius:12px; }
.sa-skills h4 { font:20px/1.15 "New Spirit", Georgia, serif; }
.sa-skills ul { list-style:none; padding:0; margin:12px 0 0; display:flex; gap:14px; }
.sa-skills li { flex:1; }
.sa-skills li { display:flex; align-items:flex-start; gap:7px; font-size:12px; line-height:1.4; }
.sa-skills svg { width:14px; height:14px; flex:none; margin-top:1px; }
.sa-next { grid-column:1/-1; display:flex; gap:12px; align-items:center; padding:4px 0; }
.sa-next img { width:32px; height:auto; flex:none; }
.sa-next p { color:var(--sa-muted); font-size:12px; line-height:1.55; }
.sa-next b { display:block; margin-bottom:2px; color:var(--sa-purple); font-weight:600; }
.sa-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { .sa-tool { transition:none; } }