/*
Theme Name: VATCONS Skill Lab
Theme URI: https://vatconsbd.com/lab/
Author: VATCONS BD
Description: Custom mobile-first theme for VATCONS BD Skill Lab.
Version: 1.10.0
Text Domain: vatcons-skill-lab
*/

:root {
  --vsl-red: #c91623;
  --vsl-red-dark: #9f0e19;
  --vsl-black: #111318;
  --vsl-ink: #222630;
  --vsl-muted: #667085;
  --vsl-soft: #f6f7f9;
  --vsl-white: #fff;
  --vsl-line: #e8e9ed;
  --vsl-gold: #c6a15b;
  --vsl-radius: 20px;
  --vsl-shadow: 0 18px 45px rgba(17, 19, 24, .09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--vsl-white);
  color: var(--vsl-ink);
  font-family: Inter, "Noto Sans Bengali", "Hind Siliguri", system-ui, -apple-system, sans-serif;
  line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.vsl-wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.vsl-section { padding: 82px 0; }
.vsl-kicker {
  display: inline-flex; align-items: center; gap: 9px; margin: 0 0 16px;
  color: var(--vsl-red); font-size: 13px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase;
}
.vsl-kicker::before { content: ""; width: 24px; height: 2px; background: currentColor; }
.vsl-title { margin: 0; color: var(--vsl-black); font-size: clamp(32px, 5vw, 58px); line-height: 1.08; letter-spacing: -.04em; }
.vsl-title span { color: var(--vsl-red); }
.vsl-lead { max-width: 700px; margin: 22px 0 0; color: var(--vsl-muted); font-size: clamp(17px, 2vw, 20px); }
.vsl-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 13px 23px; border: 1px solid transparent; border-radius: 12px;
  background: var(--vsl-red); color: #fff; font-weight: 800; box-shadow: 0 12px 26px rgba(201,22,35,.2);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.vsl-button:hover { transform: translateY(-2px); background: var(--vsl-red-dark); box-shadow: 0 16px 30px rgba(201,22,35,.25); }
.vsl-button--ghost { background: transparent; border-color: #d8dae0; color: var(--vsl-black); box-shadow: none; }
.vsl-button--ghost:hover { background: #fff; border-color: var(--vsl-black); }

.vsl-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(232,233,237,.86); backdrop-filter: blur(16px); }
.vsl-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.vsl-brand { display: flex; align-items: center; flex: 0 0 auto; }
.vsl-logo { display: block; width: auto; height: 52px; object-fit: contain; }
.vsl-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--vsl-black); color: #fff; font-weight: 900; }
.vsl-mark b { color: var(--vsl-red); }
.vsl-brand-copy strong { display: block; color: var(--vsl-black); font-size: 16px; letter-spacing: -.02em; }
.vsl-brand-copy small { display: block; color: var(--vsl-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.vsl-menu { display: flex; align-items: center; gap: 17px; margin: 0; padding: 0; list-style: none; }
.vsl-menu a { font-size: 14px; font-weight: 750; color: #3e424b; }
.vsl-menu a:hover { color: var(--vsl-red); }
.vsl-nav-toggle { display: none; border: 0; background: transparent; font-size: 25px; color: var(--vsl-black); }

.vsl-hero { position: relative; overflow: hidden; padding: 92px 0 70px; background: linear-gradient(135deg, #fff 0%, #faf7f7 55%, #f4f5f7 100%); }
.vsl-hero::after { content: ""; position: absolute; right: -170px; top: -220px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(201,22,35,.14), transparent 68%); }
.vsl-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 60px; }
.vsl-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.vsl-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: #4d515a; font-size: 13px; font-weight: 700; }
.vsl-trust span::before { content: "✓"; margin-right: 7px; color: var(--vsl-red); font-weight: 900; }
.vsl-scorecard { position: relative; padding: 32px; border: 1px solid rgba(255,255,255,.7); border-radius: 28px; background: rgba(255,255,255,.86); box-shadow: var(--vsl-shadow); }
.vsl-scorecard::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(201,22,35,.1); border-radius: 20px; pointer-events: none; }
.vsl-score-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 23px; border-bottom: 1px solid var(--vsl-line); }
.vsl-score-head strong { font-size: 18px; }
.vsl-live { padding: 6px 10px; border-radius: 999px; background: #fce9eb; color: var(--vsl-red); font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.vsl-number-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 24px; }
.vsl-number { padding: 20px 8px; border-radius: 16px; background: var(--vsl-soft); text-align: center; }
.vsl-number b { display: block; color: var(--vsl-black); font-size: 34px; line-height: 1; }
.vsl-number small { display: block; margin-top: 8px; color: var(--vsl-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.vsl-badge-preview { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 16px; border-radius: 16px; background: var(--vsl-black); color: #fff; }
.vsl-medal { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border-radius: 50%; background: var(--vsl-red); font-size: 22px; }
.vsl-badge-preview strong { display: block; font-size: 14px; }
.vsl-badge-preview small { color: #bfc2c9; font-size: 11px; }

.vsl-metrics { border-top: 1px solid var(--vsl-line); border-bottom: 1px solid var(--vsl-line); background: #fff; }
.vsl-metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.vsl-metric { padding: 26px 20px; text-align: center; border-right: 1px solid var(--vsl-line); }
.vsl-metric:last-child { border-right: 0; }
.vsl-metric b { display: block; color: var(--vsl-black); font-size: 26px; line-height: 1.1; }
.vsl-metric span { color: var(--vsl-muted); font-size: 12px; font-weight: 750; }

.vsl-center { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.vsl-center .vsl-kicker { justify-content: center; }
.vsl-subtitle { margin: 0; color: var(--vsl-black); font-size: clamp(28px, 4vw, 43px); line-height: 1.15; letter-spacing: -.035em; }
.vsl-center p { color: var(--vsl-muted); }
.vsl-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.vsl-card { position: relative; display: flex; flex-direction: column; min-height: 330px; padding: 30px; border: 1px solid var(--vsl-line); border-radius: var(--vsl-radius); background: #fff; box-shadow: 0 10px 32px rgba(17,19,24,.055); transition: transform .2s ease, box-shadow .2s ease, border .2s ease; }
.vsl-card:hover { transform: translateY(-5px); border-color: rgba(201,22,35,.3); box-shadow: var(--vsl-shadow); }
.vsl-icon { display: grid; place-items: center; width: 51px; height: 51px; border-radius: 15px; background: #fce9eb; color: var(--vsl-red); font-size: 23px; }
.vsl-card h3 { margin: 22px 0 9px; color: var(--vsl-black); font-size: 23px; line-height: 1.25; }
.vsl-card p { margin: 0; color: var(--vsl-muted); font-size: 15px; }
.vsl-card-link { margin-top: auto; padding-top: 24px; color: var(--vsl-red); font-weight: 850; }
.vsl-card--dark { background: var(--vsl-black); border-color: var(--vsl-black); color: #fff; }
.vsl-card--dark h3 { color: #fff; }
.vsl-card--dark p { color: #bfc2c9; }

.vsl-process { background: var(--vsl-soft); }
.vsl-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.vsl-step { padding: 27px; border-radius: 18px; background: #fff; border: 1px solid var(--vsl-line); }
.vsl-step b { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--vsl-black); color: #fff; font-size: 13px; }
.vsl-step h3 { margin: 18px 0 6px; font-size: 18px; }
.vsl-step p { margin: 0; color: var(--vsl-muted); font-size: 14px; }

.vsl-cta { padding: 72px 0; background: var(--vsl-black); color: #fff; }
.vsl-cta-grid { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.vsl-cta h2 { max-width: 700px; margin: 0; font-size: clamp(30px, 4.5vw, 50px); line-height: 1.12; letter-spacing: -.04em; }
.vsl-cta h2 span { color: #ff6b75; }
.vsl-cta p { max-width: 660px; margin: 14px 0 0; color: #bfc2c9; }

.vsl-footer { padding: 40px 0 22px; background: #090a0d; color: #aaaeb7; }
.vsl-footer-grid { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; padding-bottom: 30px; border-bottom: 1px solid #272a30; }
.vsl-footer strong { color: #fff; }
.vsl-footer p { max-width: 520px; margin: 9px 0 0; font-size: 13px; }
.vsl-footer-links { display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; font-weight: 700; }
.vsl-copy { margin: 20px 0 0; font-size: 12px; text-align: center; }

.vsl-content { min-height: 60vh; padding: 70px 0; }
.vsl-content article { max-width: 850px; margin-inline: auto; }

@media (max-width: 900px) {
  .vsl-hero-grid { grid-template-columns: 1fr; gap: 42px; }
  .vsl-cards { grid-template-columns: 1fr; }
  .vsl-steps { grid-template-columns: repeat(2, 1fr); }
  .vsl-cta-grid { align-items: flex-start; flex-direction: column; }
  .vsl-menu { display: none; position: absolute; left: 20px; right: 20px; top: 70px; padding: 18px; border: 1px solid var(--vsl-line); border-radius: 15px; background: #fff; box-shadow: var(--vsl-shadow); }
  .vsl-menu.is-open { display: grid; }
  .vsl-nav-toggle { display: block; }
}

@media (max-width: 640px) {
  .vsl-wrap { width: min(100% - 28px, 1160px); }
  .vsl-nav { min-height: 68px; }
  .vsl-logo { height: 43px; }
  .vsl-brand-copy small { display: none; }
  .vsl-hero { padding: 67px 0 48px; }
  .vsl-section { padding: 62px 0; }
  .vsl-scorecard { padding: 22px; border-radius: 22px; }
  .vsl-number b { font-size: 28px; }
  .vsl-metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .vsl-metric:nth-child(2) { border-right: 0; }
  .vsl-metric:nth-child(-n+2) { border-bottom: 1px solid var(--vsl-line); }
  .vsl-steps { grid-template-columns: 1fr; }
  .vsl-actions .vsl-button { width: 100%; }
  .vsl-footer-grid { flex-direction: column; }
}

/* Skill Lab functional pages */
.vsl-page-hero{padding:82px 0 68px;background:linear-gradient(135deg,#fff 0%,#faf7f7 56%,#f2f3f5 100%);border-bottom:1px solid var(--vsl-line)}
.vsl-narrow{max-width:900px}.vsl-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.vsl-chip-row span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--vsl-line);color:#454a55;font-size:13px;font-weight:800}.vsl-soft-section{background:var(--vsl-soft)}
.vsl-lesson-grid,.vsl-class-grid,.vsl-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vsl-lesson,.vsl-class-grid article,.vsl-price-grid article{padding:28px;border:1px solid var(--vsl-line);border-radius:var(--vsl-radius);background:#fff;box-shadow:0 10px 30px rgba(17,19,24,.05)}.vsl-lesson b,.vsl-class-grid b{color:var(--vsl-red);font-size:12px;letter-spacing:.08em}.vsl-lesson h3,.vsl-class-grid h3{margin:14px 0 7px;color:var(--vsl-black)}.vsl-lesson p,.vsl-class-grid p{margin:0 0 18px;color:var(--vsl-muted);font-size:14px}.vsl-lesson span{color:#8b8f98;font-size:12px;font-weight:800}
.vsl-video{position:relative;overflow:hidden;margin:-28px -28px 22px;aspect-ratio:16/9;border-radius:20px 20px 0 0;background:#090a0d}.vsl-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vsl-lesson>a{display:inline-block;margin-top:auto;color:var(--vsl-red);font-size:13px;font-weight:850}
.vsl-course-player{display:grid;grid-template-columns:minmax(290px,32%) 1fr;overflow:hidden;margin-top:32px;border:1px solid #e4e6eb;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(17,19,24,.10)}
.vsl-course-sidebar{min-width:0;border-right:1px solid #e4e6eb;background:#fff}.vsl-course-progress{padding:24px 22px 20px;border-bottom:1px solid #eceef2}.vsl-course-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.vsl-course-progress strong{color:#17191f;font-size:16px}.vsl-course-progress span{color:#797e88;font-size:12px;font-weight:700}.vsl-progress-track{height:7px;overflow:hidden;border-radius:10px;background:#e1e3e7}.vsl-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c91623,#ef3945);transition:width .28s ease}
.vsl-playlist-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid #e8eaf0;background:#fafbfc}.vsl-playlist-head span{color:#151820;font-size:14px;font-weight:900}.vsl-playlist-head small{color:#7a7f89;font-size:11px;font-weight:800}.vsl-playlist{display:grid}.vsl-playlist button{display:grid;grid-template-columns:24px 24px 1fr;align-items:center;gap:8px;width:100%;min-height:65px;padding:12px 18px;border:0;border-bottom:1px solid #eceef2;background:#fff;color:#1a1d24;text-align:left;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.vsl-playlist button:last-child{border-bottom:0}.vsl-playlist button:hover{background:#faf6f6}.vsl-playlist button.is-active{background:#f5f5f6;box-shadow:inset 4px 0 0 var(--vsl-red)}.vsl-playlist button:focus-visible{outline:3px solid rgba(201,22,35,.22);outline-offset:-3px}.vsl-lesson-no{color:#555b66;font-size:13px;font-weight:800;text-align:center}.vsl-play-icon{display:grid;place-items:center;width:19px;height:19px;border:2px solid #20ad4b;border-radius:50%;color:#20ad4b;font-size:8px;line-height:1}.vsl-playlist strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.vsl-playlist button.is-active strong{color:var(--vsl-red)}
.vsl-player-main{min-width:0;padding:22px;background:#0b0c0f}.vsl-player-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#000}.vsl-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vsl-now-playing{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px 2px;color:#fff}.vsl-now-playing small{color:#9da2ac;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.vsl-now-playing h3{margin:5px 0 0;color:#fff;font-size:20px;line-height:1.3}.vsl-now-playing p{max-width:680px;margin:7px 0 0;color:#adb1ba;font-size:12px;line-height:1.55}.vsl-now-playing a{flex:0 0 auto;color:#ff737c;font-size:12px;font-weight:850}
.vsl-panel{padding:30px;border:1px solid var(--vsl-line);border-radius:24px;background:#fff;box-shadow:var(--vsl-shadow)}.vsl-question{padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--vsl-line)}.vsl-question:last-of-type{border-bottom:0}.vsl-question h3{margin:0 0 13px;font-size:17px}.vsl-option{display:block;margin:8px 0;padding:10px 13px;border-radius:10px;background:var(--vsl-soft);cursor:pointer}.vsl-option input{margin-right:8px}.vsl-result{margin-top:20px;padding:25px;border-radius:18px;background:var(--vsl-black);color:#fff;text-align:center}.vsl-result.is-pass{background:#146c43}
.vsl-badge-builder{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:start;padding:28px;border:1px solid var(--vsl-line);border-radius:24px;background:#fff;box-shadow:var(--vsl-shadow)}.vsl-badge-builder.is-locked{opacity:.48;pointer-events:none}.vsl-form-stack{display:grid;gap:15px}.vsl-form-stack label,.vsl-calc-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#40444c}.vsl-form-stack input,.vsl-calc-form input,.vsl-calc-form select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #d9dce2;border-radius:10px;background:#fff;font:inherit}#vslBadgeCanvas{width:100%;border-radius:18px;background:#111318;box-shadow:0 14px 32px rgba(17,19,24,.15)}
.vsl-tool-tabs{display:flex;gap:8px;padding:7px;margin-bottom:28px;border-radius:14px;background:var(--vsl-soft)}.vsl-tool-tabs button{flex:1;padding:13px;border:0;border-radius:10px;background:transparent;color:#555b65;font:inherit;font-weight:800;cursor:pointer}.vsl-tool-tabs button.is-active{background:#fff;color:var(--vsl-red);box-shadow:0 6px 18px rgba(17,19,24,.08)}.vsl-tool-panel{display:none;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:start;padding:34px;border:1px solid var(--vsl-line);border-radius:24px}.vsl-tool-panel.is-active{display:grid}.vsl-tool-panel h2{margin:0 0 8px;font-size:30px}.vsl-tool-panel p{color:var(--vsl-muted)}.vsl-calc-form{display:grid;gap:16px;padding:24px;border-radius:18px;background:var(--vsl-soft)}.vsl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vsl-calc-result{padding:18px;border-radius:13px;background:var(--vsl-black);color:#fff;font-size:15px}.vsl-calc-result strong{color:#ff8c94}.vsl-disclaimer{max-width:850px;margin:22px auto 0;color:#777c86;font-size:12px;text-align:center}
.vsl-course-card{display:grid;gap:8px;padding:32px;border-radius:24px;background:var(--vsl-black);color:#fff;box-shadow:var(--vsl-shadow)}.vsl-course-card b{color:#ff7881;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.vsl-course-card strong{font-size:25px}.vsl-course-card span{color:#bdc1c8}.vsl-course-card hr{width:100%;border:0;border-top:1px solid #353840}.vsl-class-grid{grid-template-columns:repeat(5,1fr)}.vsl-class-grid article{padding:22px}.vsl-class-grid h3{font-size:17px}.vsl-price-grid{grid-template-columns:repeat(4,1fr)}.vsl-price-grid article{text-align:center}.vsl-price-grid span{color:var(--vsl-muted);font-size:13px;font-weight:800}.vsl-price-grid strong{display:block;margin:12px 0 4px;color:var(--vsl-black);font-size:31px}.vsl-price-grid p{margin:0;color:var(--vsl-muted);font-size:13px}.vsl-price-grid .is-featured{border:2px solid var(--vsl-red);transform:translateY(-8px)}.vsl-enrol-cta{margin-top:40px}
@media(max-width:900px){.vsl-lesson-grid,.vsl-class-grid,.vsl-price-grid{grid-template-columns:repeat(2,1fr)}.vsl-tool-panel,.vsl-badge-builder{grid-template-columns:1fr}.vsl-course-player{grid-template-columns:1fr}.vsl-player-main{grid-row:1}.vsl-course-sidebar{grid-row:2;border-top:1px solid #e4e6eb;border-right:0}}
@media(max-width:640px){.vsl-page-hero{padding:58px 0 45px}.vsl-lesson-grid,.vsl-class-grid,.vsl-price-grid,.vsl-two-col{grid-template-columns:1fr}.vsl-tool-tabs{overflow:auto}.vsl-tool-tabs button{min-width:150px}.vsl-tool-panel,.vsl-panel,.vsl-badge-builder{padding:20px}.vsl-price-grid .is-featured{transform:none}.vsl-video{margin:-28px -28px 20px}.vsl-course-player{margin-top:24px;border-radius:15px}.vsl-player-main{padding:10px}.vsl-player-frame{border-radius:9px}.vsl-now-playing{align-items:flex-start;padding:14px 4px 4px}.vsl-now-playing h3{font-size:16px}.vsl-now-playing a{display:none}.vsl-course-progress{padding:18px}.vsl-playlist button{min-height:60px;padding:10px 14px}}
.vsl-practice-note{padding:11px 13px;border-radius:10px;font-size:13px;font-weight:800}.vsl-practice-note.is-standard{background:#e9f8f0;color:#146c43}.vsl-practice-note.is-nonstandard{background:#fff1e8;color:#984b14}.vsl-result-label{display:block;color:#c9ccd3;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.vsl-result-total{display:block!important;margin:4px 0 16px;color:#fff!important;font-size:32px;line-height:1.2}.vsl-result-lines{display:grid;gap:0;border-top:1px solid #383b43}.vsl-result-lines span{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #2e3138;color:#cdd0d6}.vsl-result-lines b{color:#fff!important;text-align:right}.vsl-result-status{display:inline-block;margin:0 0 14px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.vsl-result-status.is-standard{background:#174d36;color:#baf3d4}.vsl-result-status.is-nonstandard{background:#5b3421;color:#ffd6bc}
.vsl-registration h3{margin:0;color:var(--vsl-black);font-size:24px}.vsl-registration>p{margin:4px 0 18px;color:var(--vsl-muted)}.vsl-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:10px 12px;border:1px solid var(--vsl-line);border-radius:10px;background:#fafafa;font-weight:600!important}.vsl-consent input{width:auto!important;min-height:auto!important;margin-top:4px}.vsl-privacy-note{margin:0!important;font-size:11px!important}.vsl-participant-welcome{margin:0 0 16px;padding:14px 18px;border-radius:12px;background:#e9f8f0;color:#146c43;font-weight:800}
.vsl-data-notice{margin-top:12px;padding:12px 14px;border:1px solid var(--vsl-line);border-radius:10px;background:#fff;color:#555b65;font-size:12px}.vsl-data-notice summary{color:#30343b;font-weight:850;cursor:pointer}.vsl-data-notice p{margin:9px 0 0;line-height:1.65}.vsl-achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.vsl-achievement-grid article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:18px;border:1px solid var(--vsl-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(17,19,24,.05)}.vsl-achievement-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e9f8f0;color:#168346;font-weight:950}.vsl-achievement-grid h3{margin:0 0 3px;font-size:15px}.vsl-achievement-grid p{margin:0;color:#7a7f88;font-size:10px;font-weight:750}.vsl-achievement-grid strong{color:var(--vsl-red);font-size:18px}.vsl-empty-achievement{max-width:620px;margin:30px auto 0;padding:30px;border:1px dashed #d8dbe1;border-radius:20px;background:#fff;text-align:center}.vsl-empty-achievement>span{font-size:34px}.vsl-empty-achievement h3{margin:10px 0 5px}.vsl-empty-achievement p{margin:0 0 18px;color:var(--vsl-muted);font-size:14px}
.vsl-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:520px;margin:24px auto 12px;padding:6px;border-radius:13px;background:#e8e9ed}.vsl-auth-tabs button{padding:12px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:850;cursor:pointer}.vsl-auth-tabs button.is-active{background:#fff;color:var(--vsl-red);box-shadow:0 5px 15px rgba(0,0,0,.07)}.vsl-auth-panel{display:none}.vsl-auth-panel.is-active{display:grid;gap:15px}.vsl-registration label,.vsl-profile-form label{display:grid;gap:7px;color:#40444c;font-size:13px;font-weight:800}.vsl-registration input,.vsl-registration select,.vsl-profile-form input,.vsl-profile-form textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #d9dce2;border-radius:10px;background:#fff;font:inherit}.vsl-registration label small{color:#858a94;font-weight:600}.vsl-account-ready{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;margin:22px 0;padding:16px 18px;border:1px solid #bfe5d0;border-radius:14px;background:#e9f8f0}.vsl-account-ready>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#168346;color:#fff;font-weight:900}.vsl-account-ready strong{display:block}.vsl-account-ready p{margin:3px 0 0;color:#47705a;font-size:12px}.vsl-account-ready a{color:#146c43;font-weight:850}.vsl-result-coupon{display:grid;gap:6px;max-width:420px;margin:18px auto;padding:16px;border:1px dashed rgba(255,255,255,.45);border-radius:13px}.vsl-result-coupon code{color:#fff;font-size:22px;font-weight:900}.vsl-result-coupon small{color:#d5f2e1}
.vsl-profile-link{padding:8px 13px!important;border-radius:9px;background:var(--vsl-red);color:#fff!important}.vsl-profile-hero{padding:62px 0;background:linear-gradient(135deg,#0c0e12,#242832);color:#fff}.vsl-profile-heading{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:20px}.vsl-avatar{display:grid;place-items:center;width:78px;height:78px;border:3px solid #fff;border-radius:50%;background:var(--vsl-red);color:#fff;font-size:34px;font-weight:950}.vsl-profile-heading h1{margin:3px 0;color:#fff;font-size:34px}.vsl-profile-heading p{margin:0;color:#bfc3cc}.vsl-profile-heading .vsl-button--ghost{border-color:#666c78;color:#fff}.vsl-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.vsl-profile-stats article,.vsl-profile-card{padding:24px;border:1px solid var(--vsl-line);border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(17,19,24,.06)}.vsl-profile-stats span{display:block;color:#7a7f88;font-size:12px;font-weight:750}.vsl-profile-stats strong{display:block;margin-top:5px;color:var(--vsl-black);font-size:22px}.vsl-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.vsl-profile-card h2{margin:4px 0 20px;font-size:23px}.vsl-status-line{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--vsl-line);font-size:13px}.vsl-status-line strong{text-align:right}.vsl-profile-card>.vsl-button{margin-top:20px}.vsl-coupon-card code{display:block;margin-bottom:12px;padding:15px;border-radius:10px;background:#111318;color:#fff;font-size:22px;font-weight:900;text-align:center}.vsl-coupon-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.vsl-coupon-actions .vsl-button{flex:1}.vsl-profile-form{display:grid;gap:13px}.vsl-profile-notice{padding:13px 16px;border-radius:10px;background:#e9f8f0;color:#146c43;font-weight:800}.vsl-history-list{display:grid}.vsl-history-list>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--vsl-line);font-size:12px}.vsl-history-list span{color:#7a7f88}.vsl-history-list b{color:var(--vsl-red)}
@media(max-width:900px){.vsl-achievement-grid{grid-template-columns:repeat(2,1fr)}}
.vsl-enrol-box{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:28px;margin-top:38px;padding:28px;border-radius:22px;background:#111318;color:#fff}.vsl-enrol-box h3{margin:5px 0;color:#fff;font-size:25px}.vsl-enrol-box p:not(.vsl-kicker){margin:0;color:#bec2ca}.vsl-enrol-actions{display:grid;gap:10px}.vsl-enrol-actions .vsl-button--ghost{border-color:#555b65;color:#fff}
@media(max-width:900px){.vsl-profile-stats{grid-template-columns:repeat(2,1fr)}.vsl-enrol-box{grid-template-columns:1fr}}
@media(max-width:640px){.vsl-achievement-grid{grid-template-columns:1fr}.vsl-empty-achievement{padding:24px 18px}.vsl-profile-heading{grid-template-columns:64px 1fr}.vsl-avatar{width:60px;height:60px;font-size:26px}.vsl-profile-heading h1{font-size:24px}.vsl-profile-heading>a{grid-column:1/-1}.vsl-profile-stats,.vsl-profile-grid{grid-template-columns:1fr}.vsl-profile-stats article,.vsl-profile-card{padding:20px}.vsl-account-ready{grid-template-columns:38px 1fr}.vsl-account-ready>a{grid-column:2}.vsl-history-list>div{grid-template-columns:1fr auto}.vsl-history-list b{grid-column:2}}

/* Profile inbox, announcements and front-end staff workspace */
.vsl-announcement-list{display:grid;gap:14px;margin:22px 0}.vsl-announcement{padding:22px 24px;border:1px solid #f0c8cc;border-left:5px solid var(--vsl-red);border-radius:15px;background:linear-gradient(135deg,#fff7f8,#fff);box-shadow:0 8px 24px rgba(201,22,35,.07)}.vsl-announcement>span{color:var(--vsl-red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.vsl-announcement h3{margin:7px 0}.vsl-announcement p{margin:0 0 13px;color:#5d6169}.vsl-inbox{margin-top:22px}.vsl-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.vsl-section-head h2{margin:3px 0}.vsl-count{padding:7px 10px;border-radius:99px;background:#fcebed;color:var(--vsl-red);font-size:11px;font-weight:900}.vsl-message-compose,.vsl-inline-reply,.vsl-staff-form{display:grid;gap:11px}.vsl-message-compose{grid-template-columns:220px 1fr auto;margin:17px 0 22px}.vsl-message-compose select,.vsl-message-compose textarea,.vsl-inline-reply textarea,.vsl-staff-form input,.vsl-staff-form select,.vsl-staff-form textarea,.vsl-search-form input,.vsl-staff-login input{width:100%;padding:11px 12px;border:1px solid #d9dce2;border-radius:10px;background:#fff;font:inherit}.vsl-thread-list{display:grid;gap:10px}.vsl-thread{border:1px solid var(--vsl-line);border-radius:12px;background:#fafbfc;overflow:hidden}.vsl-thread summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer}.vsl-thread summary span{display:grid;gap:4px}.vsl-thread summary small,.vsl-admin-list small{color:#858a94}.vsl-thread summary b{color:var(--vsl-red);font-size:11px}.vsl-thread-body{display:grid;gap:10px;padding:0 17px 17px}.vsl-bubble{max-width:86%;padding:12px 14px;border-radius:13px;white-space:normal}.vsl-bubble small{display:block;margin-bottom:5px;font-size:10px;font-weight:850}.vsl-bubble.is-user{justify-self:start;background:#eef0f3;color:#30343a}.vsl-bubble.is-staff{justify-self:end;background:#17191e;color:#fff}.vsl-inline-reply{grid-template-columns:1fr auto;margin-top:8px}.vsl-staff-nav{position:sticky;top:74px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 20px;padding:10px;border:1px solid var(--vsl-line);border-radius:12px;background:rgba(255,255,255,.95)}.vsl-staff-nav a{padding:8px 12px;border-radius:8px;color:#383c44;font-size:12px;font-weight:850}.vsl-staff-nav a:hover{background:#fcebed;color:var(--vsl-red)}.vsl-staff-page .vsl-profile-card{margin-top:20px;scroll-margin-top:140px}.vsl-staff-inbox-grid{display:grid;grid-template-columns:minmax(230px,32%) 1fr;gap:18px;margin-top:15px}.vsl-staff-thread-list{display:grid;align-content:start;gap:7px;max-height:620px;overflow:auto}.vsl-staff-thread-list>a{display:grid;gap:3px;padding:12px;border:1px solid var(--vsl-line);border-radius:10px;color:#30343a}.vsl-staff-thread-list>a.is-unread{border-left:4px solid var(--vsl-red);background:#fff7f8}.vsl-staff-thread-list span,.vsl-staff-thread-list small{font-size:11px}.vsl-staff-thread-view{min-height:260px;padding:18px;border-radius:12px;background:#f6f7f9}.vsl-staff-thread-view h3{margin-top:0}.vsl-text-link{display:inline-block;margin-top:12px;color:var(--vsl-red);font-weight:850}.vsl-staff-form label{display:grid;gap:6px;color:#444850;font-size:12px;font-weight:800}.vsl-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vsl-admin-list{display:grid;gap:7px;margin-top:18px}.vsl-admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--vsl-line);border-radius:10px}.vsl-admin-list span{display:grid;gap:4px}.vsl-admin-list a{color:var(--vsl-red);font-size:12px;font-weight:900}.vsl-search-form{display:flex;gap:9px}.vsl-staff-login{max-width:480px;margin:24px auto 0;padding:24px;border-radius:16px;background:#fff;color:#30343a;box-shadow:0 14px 35px rgba(0,0,0,.15)}.vsl-staff-login label{display:grid;gap:6px;margin-bottom:13px;text-align:left;font-weight:800}.vsl-staff-login .vsl-check{display:flex;align-items:center}.vsl-staff-login .vsl-check input{width:auto}.vsl-staff-login .vsl-button{width:100%}
.vsl-row-actions{display:flex!important;grid-auto-flow:column;gap:12px}

/* Question Bank, achievement wallet, learner stories and moderated community */
.vsl-cards--secondary{margin-top:22px}.vsl-quiz-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.vsl-quiz-category{display:grid;grid-template-columns:52px 1fr;gap:13px;padding:19px;border:1px solid var(--vsl-line);border-radius:16px;background:#fff;color:#292d34;box-shadow:0 7px 22px rgba(17,19,24,.05)}.vsl-quiz-category>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#17191e;color:#fff;font-size:20px;font-weight:950}.vsl-quiz-category h3{margin:0 0 5px;font-size:17px}.vsl-quiz-category p{margin:0 0 8px;color:#747983;font-size:11px;line-height:1.5}.vsl-quiz-category small{color:var(--vsl-red);font-weight:850}.vsl-quiz-category.is-active{border-color:var(--vsl-red);background:#fff8f8}.vsl-login-gate,.vsl-submit-panel{padding:28px;border:1px solid var(--vsl-line);border-radius:18px;background:#fff;box-shadow:var(--vsl-shadow)}.vsl-bank-quiz{max-width:850px;margin:0 auto;padding:28px;border:1px solid var(--vsl-line);border-radius:20px;background:#fff;box-shadow:var(--vsl-shadow)}.vsl-bank-question{padding:20px 0;border-bottom:1px solid var(--vsl-line)}.vsl-bank-question h3{margin:0 0 13px;font-size:17px}.vsl-bank-question label{display:block;margin:7px 0;padding:10px 12px;border:1px solid #e4e6ea;border-radius:9px;cursor:pointer}.vsl-bank-question label:hover{border-color:#efadb3;background:#fff8f8}.vsl-bank-quiz>.vsl-button{margin-top:22px}.vsl-quiz-result{max-width:850px;margin:0 auto 20px;padding:24px;border:1px solid #f0c8cc;border-radius:17px;background:#fff8f8}.vsl-quiz-result.is-pass{border-color:#a9dfc0;background:#f0fbf5}.vsl-quiz-result h2{margin:4px 0}.vsl-answer-review{display:grid;gap:7px;margin-top:16px}.vsl-answer-review details{padding:11px;border-radius:9px;background:#fff}.vsl-answer-review summary{font-weight:800;cursor:pointer}.vsl-answer-review p{font-size:12px}.vsl-achievement-wallet{margin-top:20px}.vsl-level{padding:8px 13px;border-radius:99px;background:#17191e;color:#fff;font-size:12px;font-weight:900}.vsl-wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.vsl-wallet-stats>div{padding:16px;border-radius:12px;background:#f5f6f8;text-align:center}.vsl-wallet-stats strong{display:block;font-size:25px}.vsl-wallet-stats span{font-size:11px;color:#747983}.vsl-badge-shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vsl-badge-shelf article{display:grid;align-content:start;gap:6px;min-height:145px;padding:15px;border:1px dashed #cfd2d8;border-radius:13px;background:#fafbfc;opacity:.65}.vsl-badge-shelf article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfe2e7;color:#747983;font-weight:950}.vsl-badge-shelf article strong{font-size:12px}.vsl-badge-shelf article small{color:#858a94;font-size:10px}.vsl-badge-shelf article.is-earned{border:1px solid #e8b7bc;background:#fff7f8;opacity:1}.vsl-badge-shelf article.is-earned>span{background:var(--vsl-red);color:#fff}.vsl-achievement-wallet>.vsl-button{margin-top:18px}.vsl-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.vsl-story{display:grid;align-content:space-between;min-height:240px;padding:22px;border:1px solid var(--vsl-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(17,19,24,.05)}.vsl-stars{color:#d39b22;letter-spacing:2px}.vsl-story>p{font-size:15px;line-height:1.75}.vsl-story footer{display:grid;gap:3px}.vsl-story footer span{color:#168346;font-size:11px;font-weight:800}.vsl-story-grid+.vsl-submit-panel{margin-top:26px}.vsl-community-layout{display:grid;grid-template-columns:1fr 350px;gap:22px;align-items:start}.vsl-community-layout>.vsl-submit-panel{position:sticky;top:95px}.vsl-qa-list{display:grid;gap:14px}.vsl-qa-card{padding:22px;border:1px solid var(--vsl-line);border-radius:16px;background:#fff}.vsl-qa-card>span{color:var(--vsl-red);font-size:10px;font-weight:900;text-transform:uppercase}.vsl-qa-card h2{margin:6px 0 10px;font-size:21px}.vsl-qa-card>small{color:#858a94}.vsl-expert-answer{margin-top:17px;padding:16px;border-left:4px solid #168346;border-radius:10px;background:#edf9f2}.vsl-expert-answer>strong{color:#168346}.vsl-expert-answer p{margin:8px 0}.vsl-mini-note{margin-top:15px;color:#858a94;font-size:10px}.vsl-moderation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vsl-moderation-item{display:grid;gap:9px;margin:10px 0;padding:15px;border:1px solid var(--vsl-line);border-radius:11px}.vsl-moderation-item p{margin:0;font-size:12px}.vsl-moderation-item textarea{width:100%;padding:10px;border:1px solid #d9dce2;border-radius:9px}.vsl-moderation-item>div{display:flex;gap:8px}.vsl-moderation-item .vsl-button{padding:9px 12px;font-size:11px}
@media(max-width:1050px){.vsl-quiz-categories{grid-template-columns:repeat(2,1fr)}.vsl-badge-shelf{grid-template-columns:repeat(3,1fr)}.vsl-story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vsl-message-compose{grid-template-columns:1fr}.vsl-staff-inbox-grid{grid-template-columns:1fr}.vsl-staff-thread-list{max-height:310px}.vsl-three-col{grid-template-columns:1fr}.vsl-inline-reply{grid-template-columns:1fr}.vsl-search-form{flex-direction:column}}
@media(max-width:700px){.vsl-quiz-categories,.vsl-story-grid,.vsl-community-layout,.vsl-moderation-grid{grid-template-columns:1fr}.vsl-badge-shelf{grid-template-columns:repeat(2,1fr)}.vsl-community-layout>.vsl-submit-panel{position:static}.vsl-wallet-stats{grid-template-columns:1fr}.vsl-bank-quiz{padding:19px}}


/* Course delivery, private class access and public live notices */
.vsl-home-notices{padding:18px 0;background:#111318;color:#fff}.vsl-home-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 22px;border:1px solid #34373f;border-radius:16px;background:linear-gradient(115deg,#1b1e24,#111318)}.vsl-home-notice+.vsl-home-notice{margin-top:12px}.vsl-live-dot{align-self:start;padding:7px 10px;border-radius:99px;background:var(--vsl-red);color:#fff;font-size:10px;font-weight:950;letter-spacing:.06em}.vsl-home-notice h2{margin:0 0 5px;color:#fff;font-size:21px}.vsl-home-notice p{margin:0 0 7px;color:#c7cad1;font-size:13px}.vsl-home-notice strong{font-size:12px}.vsl-countdown{color:#ff8d95;font-size:11px;font-weight:800}.vsl-home-notice .vsl-button{white-space:nowrap}
.vsl-my-classes{margin-top:20px}.vsl-class-access-list{display:grid;gap:14px}.vsl-batch-access{border:1px solid var(--vsl-line);border-radius:14px;overflow:hidden}.vsl-batch-access>header{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;background:#17191e;color:#fff}.vsl-batch-access header small,.vsl-batch-access header span{display:block;color:#bfc3cb;font-size:10px}.vsl-batch-access header h3{margin:4px 0;font-size:18px}.vsl-batch-access header b{align-self:start;padding:6px 9px;border-radius:99px;background:#1d7549;font-size:10px}.vsl-class-schedule>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--vsl-line)}.vsl-class-schedule>p{padding:16px 18px}.vsl-class-schedule span{display:grid;gap:4px}.vsl-class-schedule small{color:#777c86}.vsl-class-schedule em{color:#777c86;font-size:11px}.vsl-class-schedule .vsl-button{padding:9px 13px;font-size:11px}.vsl-empty-class{padding:20px;border-radius:12px;background:#f5f6f8}
.vsl-manager-forms{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vsl-manager-forms>form{align-content:start;padding:18px;border:1px solid var(--vsl-line);border-radius:14px;background:#f8f9fa}.vsl-manager-forms h3{margin:0 0 6px;font-size:16px}.vsl-course-roster{margin-top:24px}.vsl-course-roster>details{margin:9px 0;border:1px solid var(--vsl-line);border-radius:12px;overflow:hidden}.vsl-course-roster summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#f7f8fa;cursor:pointer}.vsl-course-roster summary span,.vsl-course-roster details p>span{display:grid;gap:3px}.vsl-course-roster summary small,.vsl-course-roster details p small{color:#858a94;font-size:10px}.vsl-course-roster summary b{font-size:11px}.vsl-course-roster details>div{padding:5px 17px}.vsl-course-roster details p{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--vsl-line)}.vsl-course-roster details p a{color:var(--vsl-red);font-size:11px;font-weight:850}
@media(max-width:800px){.vsl-home-notice{grid-template-columns:1fr}.vsl-home-notice .vsl-button{justify-self:start}.vsl-manager-forms{grid-template-columns:1fr}}
@media(max-width:640px){.vsl-class-schedule>div{align-items:flex-start;flex-direction:column}.vsl-class-schedule .vsl-button{width:100%;text-align:center}}

/* 1.9 unified compact workspaces */
.vsl-compact-hero{padding:42px 0 36px}.vsl-compact-hero .vsl-title{font-size:clamp(36px,5vw,62px)}.vsl-compact-hero .vsl-lead{font-size:18px;max-width:820px}
.vsl-bank-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.vsl-bank-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:3px;padding-right:16px;border-right:1px solid var(--vsl-line)}.vsl-bank-nav>a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#353943;font-size:13px}.vsl-bank-nav>a>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#17191e;color:#fff;font-weight:900}.vsl-bank-nav a span:last-child{display:grid;min-width:0}.vsl-bank-nav small{color:#858a94;font-size:10px}.vsl-bank-nav a:hover,.vsl-bank-nav a.is-active{background:#f0f0f2;color:var(--vsl-red)}.vsl-bank-nav .vsl-bank-home{font-weight:850}.vsl-bank-nav .vsl-bank-home:before{content:'←';margin-right:4px}.vsl-bank-workspace{min-width:0}.vsl-bank-welcome{max-width:720px;padding:34px;border:1px solid var(--vsl-line);border-radius:18px;background:#fff}.vsl-bank-quiz,.vsl-quiz-result{max-width:none;margin:0}.vsl-bank-question[hidden]{display:none!important}.vsl-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.vsl-result-actions .vsl-button{margin:0}.vsl-question-bank-page.is-workspace-active>.vsl-page-hero{display:none}
#toolsApp .vsl-section>.vsl-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}#toolsApp .vsl-tool-tabs{position:sticky;top:84px;display:flex;flex-direction:column;grid-column:1;grid-row:1/6;gap:3px;margin:0;padding:0 16px 0 0;border-right:1px solid var(--vsl-line);border-radius:0;background:transparent}#toolsApp .vsl-tool-tabs button{flex:0;padding:10px 12px;text-align:left;font-size:14px}#toolsApp .vsl-tool-panel{grid-column:2;margin:0;padding:26px;border-radius:16px}#toolsApp .vsl-disclaimer{grid-column:2;margin:14px 0 0;text-align:left}
.vsl-course-coupon{display:grid;gap:7px;margin-top:16px;color:#fff;font-size:12px;font-weight:750}.vsl-course-coupon input{width:100%;padding:11px 12px;border:1px solid #555b65;border-radius:9px;background:#fff;color:#111318;font:inherit}
.vsl-staff-page .vsl-profile-hero{padding:30px 0}.vsl-staff-page .vsl-profile-heading{grid-template-columns:58px 1fr auto}.vsl-staff-page .vsl-avatar{width:56px;height:56px;font-size:24px}.vsl-staff-page .vsl-profile-heading h1{font-size:26px}.vsl-staff-page .vsl-profile-heading p{font-size:13px}.vsl-admin-list>div{min-height:0;padding:10px 4px;border-width:0 0 1px;border-radius:0;box-shadow:none}.vsl-admin-list>div:last-child{border-bottom:0}
@media(max-width:780px){.vsl-bank-shell,#toolsApp .vsl-section>.vsl-wrap{grid-template-columns:1fr}.vsl-bank-nav,#toolsApp .vsl-tool-tabs{position:static;grid-column:1;grid-row:auto;flex-direction:row;overflow-x:auto;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--vsl-line)}.vsl-bank-nav>a,#toolsApp .vsl-tool-tabs button{flex:0 0 auto;white-space:nowrap}#toolsApp .vsl-tool-panel,#toolsApp .vsl-disclaimer{grid-column:1}.vsl-compact-hero{padding:30px 0 26px}}

/* 1.10.0: the old badge maker is replaced by the Course Player certificate */
[data-open-badge]{display:none!important}