/* Learn With Yuna 8.8.6 — unified modern product typography
   Uses the same clean Inter / Helvetica-style typography approved for the
   Story Time header. The single-story reading experience is intentionally
   excluded so its child-friendly story text remains unchanged. */

:root{
  --lwy886-font:"Inter","Helvetica Neue",Helvetica,Arial,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-sans:var(--lwy886-font);
  --font-head:var(--lwy886-font);
  --v3-font:var(--lwy886-font);
  --lwy88-font:var(--lwy886-font);
}

html,body{
  font-family:var(--lwy886-font)!important;
  font-weight:400;
  letter-spacing:-.005em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Let links and controls inherit the clean page type without affecting icons. */
body :where(a,button,input,select,textarea):not(#single-story-view *){
  font-family:var(--lwy886-font)!important;
}

/* Hostinger-like heading rhythm: clean and confident, not heavy. */
body :where(h1):not(#single-story-view *){
  font-family:var(--lwy886-font)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
body :where(h2):not(#single-story-view *){
  font-family:var(--lwy886-font)!important;
  font-weight:550!important;
  letter-spacing:-.035em!important;
}
body :where(h3,h4,h5,h6):not(#single-story-view *){
  font-family:var(--lwy886-font)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}

/* Shared site chrome. */
.y-header,.y-header *:not(i):not(svg),
.site-footer,.site-footer *:not(i):not(svg),
.lwy88,.lwy88-next{
  font-family:var(--lwy886-font)!important;
}
.y-title{font-weight:650!important;letter-spacing:-.025em!important}
.y-sub{font-weight:500!important;letter-spacing:.11em!important}
.y-menu a,.y-mobilelist a{font-weight:600!important}
.y-btn,.lwy88-btn,.v3-btn{font-weight:650!important}
.footer-brand-logo{font-weight:650!important}
.footer-col h4{font-weight:650!important}

/* Home page. */
.lwy88 h1{font-weight:500!important}
.lwy88-section-head h2,
.lwy88-loop h2,
.lwy88-trust h2,
.lwy88-guide h2,
.lwy88-final h2{font-weight:500!important}
.lwy88-preview-copy h3,
.lwy88-story-card h3,
.lwy88-moment-card h3,
.lwy88-access-card h3{font-weight:550!important}
.lwy88-eyebrow,
.lwy88-card-number,
.lwy88-text-link,
.lwy88-preview-copy>span,
.lwy88-preview-copy b{font-weight:600!important}

/* One modern font across page shells and page headers. */
.sp-page,
.yp-page,
#parent-resource,
.yg-main,
.acct,
.our-story-page,
.yf-flow-wrap,
.yf-legal-wrap,
.yuna-parent,
.propage,
.story-time-main #story-list-view{
  font-family:var(--lwy886-font)!important;
}

/* Unified hero typography. Keep existing copy and layout. */
.sp-hero h1,
.yp-hero h1,
#parent-resource .pr-hero h1,
.yg-hero h1,
.acct h1,
.our-story-page h1,
.yf-flow-header h1,
.yf-legal-header h1,
.story-time-main #story-list-view .page-header h1{
  font-family:var(--lwy886-font)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}

.sp-hero p,
.yp-hero p,
#parent-resource .pr-hero p,
.yg-hero p,
.acct .acct-lead,
.our-story-page p,
.yf-flow-header p,
.yf-legal-header p,
.story-time-main #story-list-view .page-header p{
  font-family:var(--lwy886-font)!important;
  font-weight:400!important;
  letter-spacing:-.008em!important;
}

.sp-kicker,.yp-kicker,.pr-kicker,.yg-kicker,
.acct-eyebrow,.yf-flow-kicker,.story-page-kicker,
.lwy88-eyebrow,.v3-kicker{
  font-family:var(--lwy886-font)!important;
  font-weight:600!important;
}

/* Story library only. The reader below is intentionally untouched. */
#story-list-view,
#story-list-view button,
#story-list-view .story-card,
#story-list-view .story-card *{
  font-family:var(--lwy886-font)!important;
}
#story-list-view .story-title{font-weight:600!important}
#story-list-view .story-author{font-weight:400!important}
#story-list-view .story-library-view,
#story-list-view .story-row-btn,
#story-list-view .story-category-hint{font-weight:600!important}

/* Parent account, guides, printables, practice and legal content. */
.acct :where(h2,h3,h4):not(#single-story-view *),
#parent-resource :where(h2,h3,h4),
.yp-page :where(h2,h3,h4),
.sp-page :where(h2,h3,h4),
.yf-flow-wrap :where(h2,h3,h4),
.yf-legal-wrap :where(h2,h3,h4),
.our-story-page :where(h2,h3,h4){
  font-family:var(--lwy886-font)!important;
}

.acct button,.acct a,
#parent-resource button,#parent-resource a,
.yp-page button,.yp-page a,
.sp-page button,.sp-page a,
.yf-flow-wrap button,.yf-flow-wrap a,
.yf-legal-wrap button,.yf-legal-wrap a{
  font-family:var(--lwy886-font)!important;
}

/* Talk & Play uses the same product font while retaining its layout and sizes. */
.tp-app,
.tp-card .label,
.tp-token,
.tp-strip-empty,
.tp-app button,
.tp-app input,
.tp-app select{
  font-family:var(--lwy886-font)!important;
}

/* Explicit protection for the single-story reading experience.
   Keep its existing child-friendly font, size, weight and line height. */
#single-story-view,
#single-story-view .single-story-view,
#single-story-view :where(button,input,select,textarea,a,h1,h2,h3,h4,h5,h6){
  font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#single-story-view .story-text,
#single-story-view #storyTextContainer .story-text,
#single-story-view .story-text p,
#single-story-view .story-text span,
#single-story-view .story-text strong,
#single-story-view .story-text em{
  font-family:"Nunito","Avenir Next","Trebuchet MS",system-ui,sans-serif!important;
}

@media(max-width:760px){
  body :where(h1):not(#single-story-view *){letter-spacing:-.038em!important}
  body :where(h2):not(#single-story-view *){letter-spacing:-.03em!important}
}