/* StudyVest v18.9 — launch QA + scroll-performance pass */
:root{
  --sv89-shadow:0 8px 22px rgba(8,31,63,.055);
  --sv89-shadow-soft:0 4px 14px rgba(8,31,63,.045);
}

/* Render long pages progressively. This reduces work during scroll without changing layout. */
@supports (content-visibility:auto){
  main>.section,
  main>.world-news-section,
  main>.signal-panel,
  main>.market-video-panel,
  .footer{
    content-visibility:auto;
    contain-intrinsic-size:1px 760px;
  }
}

/* Avoid expensive paint effects while preserving the navy/blue visual system. */
.header,.member-top,.account-top{box-shadow:0 2px 10px rgba(8,31,63,.035)!important;background:#fff!important}
.path-card,.simple-card,.tool-card,.article-card,.course-card,.dashboard-card,.pricing-card,.calc-card,.account-panel,.member-panel,.sv13-card,.member-card{
  box-shadow:var(--sv89-shadow-soft)!important;
}
.hero-board,.pro-hero,.featured-article,.media-story-main,.media-story-card,.media-frame,.feature-image,
.learning-visual-stack>img,.learning-preview,.news-lead-card,.news-story-card,.news-side-card{
  box-shadow:var(--sv89-shadow)!important;
}
.path-card:hover,.simple-card:hover,.tool-card:hover,.article-card:hover,.news-story-card:hover,.news-side-card:hover,.news-lead-card:hover{
  transform:none!important;
  box-shadow:0 10px 26px rgba(8,31,63,.065)!important;
}
.news-image-wrap img{transition:none!important}
.news-story-card:hover .news-image-wrap img,.news-side-card:hover .news-image-wrap img,.news-lead-card:hover .news-image-wrap img{transform:none!important}
.button.primary:hover{transform:none!important}

/* Learn: hard containment prevents the hero media ever covering copy. */
.learning-hero{overflow:hidden!important}
.learning-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.72fr)!important;
  gap:56px!important;
  align-items:center!important;
}
.learning-hero-grid>div{min-width:0!important;position:relative!important;z-index:1}
.learning-visual-stack{position:relative!important;z-index:0!important;overflow:visible!important;max-width:500px!important;width:100%!important;justify-self:end!important}
.learning-visual-stack>img{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;max-height:none!important;object-fit:cover!important}
.learning-preview{margin:-30px 18px 0!important}

/* About: clearer visual balance; no poster-sized heading fighting the body copy. */
.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:72px!important;align-items:start}
.about-grid h1{font-size:clamp(42px,4.35vw,64px)!important;line-height:1.01!important;max-width:640px!important}
.about-grid>div:last-child p:first-child{font-size:20px!important;line-height:1.55!important}
.about-grid>div:last-child{padding-top:7px}

/* Articles: fix the blue-card contrast bug caused by the v18.8 white-card override. */
.article-card{min-height:460px!important;color:var(--sv88-ink)!important}
.article-card.blue{background:#edf4ff!important;color:var(--sv88-ink)!important;border-color:#cfdfff!important}
.article-card.blue p{color:var(--sv88-muted)!important}
.article-card.blue .button{background:#fff!important;color:var(--sv88-blue)!important;border-color:#9eb9ef!important}
.article-card h3,.article-card .eyebrow,.article-card a{opacity:1!important}

/* World & Markets: loading and outage states should look intentional, not broken. */
.feed-message{
  min-height:86px!important;
  padding:22px 24px!important;
  display:flex!important;
  align-items:center!important;
  color:#5e6d82!important;
  background:#f5f8fd!important;
  border:1px solid #dce5f0!important;
}
.signal-panel{align-items:start!important;gap:26px!important;padding:28px!important}
.signal-panel .feed-message{
  min-height:108px!important;
  background:rgba(255,255,255,.075)!important;
  color:#dce8f8!important;
  border-color:rgba(255,255,255,.16)!important;
}
.signal-strip{align-self:start!important;min-height:0!important}
.news-card-grid>.feed-message{grid-column:1/-1!important}
.world-news-section:has(>.news-card-grid>.feed-message:only-child){margin-top:44px}
.world-feed-status{min-height:28px}

/* The market video is supporting content, not a permanent GPU workload. */
.market-video-panel video{max-height:330px!important;min-height:0!important;background:#071a34}

/* Career Money and Pro pages: denser, more product-like hierarchy. */
.member-main h1,.pro-shell h1{max-width:900px}
.sv13-grid{align-items:stretch}
.sv13-card{min-height:0!important}
.sv13-feature{min-height:118px}

/* Stable compositor-friendly media. */
img,video{transform:translateZ(0);backface-visibility:hidden}
video{contain:paint}

@media(max-width:900px){
  .learning-hero-grid{grid-template-columns:1fr!important;gap:32px!important}
  .learning-visual-stack{justify-self:start!important;max-width:620px!important}
  .about-grid{grid-template-columns:1fr!important;gap:28px!important}
  .about-grid>div:last-child{padding-top:0}
}
@media(max-width:620px){
  .article-card{min-height:0!important}
  .signal-panel{padding:20px!important}
  .learning-preview{margin:-18px 10px 0!important}
}

/* Accessibility and low-power devices: remove nonessential movement. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}