/* V6 — Personal edition. Respects previous editorial design and dark mode. */
.top .varsha-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:0 1 auto;min-width:0;white-space:nowrap}
.top .varsha-brand .v-monogram{height:37px;width:37px;min-width:37px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:7px;font:950 26px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.13em;padding-right:4px;transition:transform .25s ease,background .25s ease}
.top .varsha-brand:hover .v-monogram{transform:translateY(-2px)}
.top .varsha-brand .mono-stop{font-size:14px;letter-spacing:0;align-self:flex-end;padding-bottom:6px}
.top .varsha-brand .brand-wordmark{display:flex;flex-direction:column;gap:3px;min-width:0}
.top .varsha-brand .brand-wordmark strong{color:var(--ink);font-size:12px;font-weight:950;line-height:1;letter-spacing:.09em}
.top .varsha-brand .brand-wordmark small{color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.09em;line-height:1.25}
.top .vb-overall{border:1px solid var(--line);padding:8px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--ink);flex:none;min-width:71px;transition:border-color .2s,background .2s}
.top .vb-overall:hover,.top .vb-overall:focus-visible{background:var(--soft);border-color:var(--ink)}
.top .vb-overall>span{font-size:8px;letter-spacing:.16em;font-weight:900;color:var(--muted)}
.top .vb-overall>strong{font-size:17px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}
.varsha-progress{background:var(--ink);color:var(--bg);padding:21px 22px 19px;margin:-1px -1px 24px;scroll-margin-top:110px}
.vb-progress-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.11em;font-weight:850;opacity:.85}
.vb-flourish{font-size:18px;font-weight:900;line-height:1;letter-spacing:-.1em;margin-right:1px}
.varsha-progress .vb-progress-statement{font-family:inherit;font-size:clamp(24px,2.5vw,34px);font-weight:900;line-height:1.13;letter-spacing:-.045em;margin:16px 0 17px;color:inherit}
.vb-percent{font-variant-numeric:tabular-nums;white-space:nowrap}
.vb-track{height:6px;width:100%;overflow:hidden;background:color-mix(in srgb,var(--bg) 28%,transparent);border-radius:999px}
.vb-track>span{height:100%;display:block;width:0;background:var(--bg);border-radius:inherit;transition:width .58s cubic-bezier(.22,1,.36,1)}
.vb-progress-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;margin:10px 0 13px;color:inherit}
.vb-chapter-markers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.vb-chapter-markers>a{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none;color:inherit;opacity:.86}
.vb-chapter-markers>a:focus-visible{outline:2px solid var(--bg);outline-offset:4px}
.vb-chapter-markers .vb-mini-track{background:color-mix(in srgb,var(--bg) 26%,transparent);height:3px;overflow:hidden;display:block}
.vb-chapter-markers .vb-mini-track>span{display:block;height:100%;width:0;background:var(--bg);transition:width .5s cubic-bezier(.22,1,.36,1)}
.vb-chapter-markers .vb-marker-label{font-size:9px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}
.varsha-progress .vb-progress-footnote{font-size:10px!important;font-weight:500;line-height:1.5;margin:15px 0 0!important;opacity:.77;color:inherit!important}
.hero-card:has(.varsha-progress){padding-top:1px}
html[data-theme='dark'] .varsha-progress{background:#d4e1d3;color:#172019}
html[data-theme='dark'] .varsha-progress .vb-track,html[data-theme='dark'] .varsha-progress .vb-mini-track{background:#a9bdaa}
html[data-theme='dark'] .varsha-progress .vb-track>span,html[data-theme='dark'] .varsha-progress .vb-mini-track>span{background:#243729}
@media(max-width:1270px){.top .varsha-brand .brand-wordmark small{display:none}.top .varsha-brand .brand-wordmark strong{font-size:10px}}
@media(max-width:980px){.top .varsha-brand .brand-wordmark{display:none!important}.top .varsha-brand{max-width:45px!important}.top .vb-overall{min-width:58px;padding:6px 7px}.top .vb-overall>span{font-size:7px}}
@media(max-width:700px){.top .varsha-brand{max-width:38px!important;min-width:38px!important;overflow:visible!important}.top .varsha-brand .v-monogram{width:35px;height:35px;min-width:35px;font-size:24px}.top .varsha-brand .brand-wordmark{display:none!important}.top .vb-overall{min-width:51px;padding:5px}.top .vb-overall>strong{font-size:15px}.top .vb-overall>span{letter-spacing:.05em}.hero-card:has(.varsha-progress){padding:1px 0 15px}.hero-card:has(.varsha-progress)>h3,.hero-card:has(.varsha-progress)>p,.hero-card:has(.varsha-progress)>.stat{margin-left:16px;margin-right:16px}.varsha-progress{margin:0 0 18px;padding:19px 17px}.varsha-progress .vb-progress-statement{font-size:clamp(25px,6vw,31px)}.vb-progress-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.varsha-progress *, .top .varsha-brand .v-monogram{transition:none!important;animation:none!important}}
@media print{.top .vb-overall{display:none}.varsha-progress{background:transparent;color:var(--ink);border:1px solid var(--line)}}
/* Defeat legacy mobile branding overrides that insert the word NOTES after every span. */
@media(max-width:700px){
  .top .varsha-brand span::after{content:none!important}
  .top .varsha-brand span.v-monogram{display:inline-flex!important;font-size:24px!important;letter-spacing:-.13em!important}
  .top .varsha-brand span.mono-stop{display:inline-block!important;font-size:14px!important;letter-spacing:0!important}
  .top .varsha-brand .brand-wordmark{display:none!important}
  .top .varsha-brand{flex:0 0 38px!important}
  .hero-card:has(.varsha-progress){display:block!important;min-width:0;margin-top:24px}
}