/* Closing preview: a team growth plan, using the existing Scholé product style.
   Paper #fff, lavender #e9e7f3, ink #20243b, muted #60657c,
   purple #615c9c, pale purple #c1b9e5. Inter for data, New Spirit for titles.
   One left-aligned plan: business goal, learning progress, then role pathways.
   The pathways carry the workforce story; avoid a generic row of KPI cards. */
.new-text-media_style.team-growth-visual {
  aspect-ratio:auto;
  min-width:0;
  min-height:0;
  align-self:start;
  padding:clamp(18px, 3vw, 40px);
  background:#e9e7f3;
  container-type:inline-size;
}
.tg-dashboard, .tg-dashboard * { box-sizing:border-box; }
.tg-dashboard {
  width:100%;
  margin:0;
  padding:clamp(18px, 4.5cqi, 28px);
  color:#20243b;
  background:#fff;
  border:1px solid #d6d2e5;
  border-radius:20px;
  box-shadow:0 18px 48px #20243b12;
  font-family:"Inter", Arial, sans-serif;
  font-size:clamp(12px, 2.5cqi, 14px);
  line-height:1.5;
  text-align:left;
}
.tg-dashboard :is(p, h3, h4, ul) { margin:0; }
.tg-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tg-brand { display:flex; align-items:center; gap:8px; font:24px/1 "New Spirit", Georgia, serif; }
.tg-brand img { width:26px; height:26px; }
.tg-sample { color:#60657c; font-size:11px; text-align:right; }
.tg-title { margin-top:24px; }
.tg-title h3 { font:clamp(26px, 6cqi, 34px)/1.15 "New Spirit", Georgia, serif; letter-spacing:-.025em; }
.tg-title p { margin-top:6px; color:#60657c; }
.tg-goal { display:flex; align-items:center; gap:12px; margin-top:20px; padding:14px; border-radius:10px; background:#f1eff8; }
.tg-goal > svg { width:28px; height:28px; flex:none; color:#615c9c; }
.tg-goal span { display:block; color:#60657c; font-size:11px; margin-bottom:2px; }
.tg-goal strong { font-weight:500; }
.tg-skills { margin-top:24px; }
.tg-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.tg-dashboard h4 { font-size:inherit; font-weight:600; }
.tg-section-title > span { color:#60657c; font-size:11px; }
.tg-skill { margin-top:13px; }
.tg-skill-label { display:flex; justify-content:space-between; gap:12px; }
.tg-skill-label span:last-child { color:#615c9c; font-variant-numeric:tabular-nums; }
.tg-skill progress { display:block; width:100%; height:6px; margin-top:7px; border:0; border-radius:6px; overflow:hidden; appearance:none; background:#eeedf4; accent-color:#615c9c; }
.tg-skill progress::-webkit-progress-bar { border-radius:6px; background:#eeedf4; }
.tg-skill progress::-webkit-progress-value { border-radius:6px; background:#615c9c; }
.tg-skill progress::-moz-progress-bar { border-radius:6px; background:#615c9c; }
.tg-pathways { margin-top:24px; }
.tg-pathways ul { list-style:none; padding:0; margin-top:10px; }
.tg-pathways li { display:grid; grid-template-columns:1fr 18px 1.2fr; align-items:center; gap:10px; padding:12px 0; border-top:1px solid #e9e7ef; }
.tg-pathways li span { color:#60657c; }
.tg-pathways li svg { width:18px; height:18px; color:#8c83b2; }
.tg-pathways li strong { color:#615c9c; font-weight:500; }
.tg-next { margin-top:12px; padding-top:16px; border-top:1px solid #e9e7ef; display:flex; gap:10px; align-items:center; }
.tg-next img { width:30px; height:36px; object-fit:contain; flex:none; }
.tg-next p { color:#60657c; font-size:12px; }
.tg-next b { color:#615c9c; font-weight:600; }
@container (max-width:340px) {
  .tg-topline { align-items:flex-start; }
  .tg-brand { font-size:21px; }
  .tg-pathways li { grid-template-columns:1fr 14px 1fr; gap:6px; }
  .tg-pathways li svg { width:14px; }
  .tg-section-title { flex-wrap:wrap; gap:3px; }
}