/* Approved semantic tokens scoped to Books; existing live global stylesheet stays unchanged. */
#main:has(.reader-breadcrumbs){
 --font-heading:'Libre Baskerville',Georgia,'Times New Roman',serif;
 --font-body:'DM Sans','DM Sans Variable','Manrope','Nirmala UI','Noto Sans Devanagari',system-ui,sans-serif;
 --font-script:'Nirmala UI','Noto Sans Devanagari','Mangal',var(--font-body);
 --type-heading-weight:400;--type-ui-weight:500;--type-strong-weight:600;
 --type-page-size:2rem;--type-page-line:1.3;--type-section-size:1.5rem;--type-section-line:1.35;
 --type-card-size:1.25rem;--type-card-line:1.4;--type-subhead-size:1.125rem;
 --type-body-size:1.0625rem;--type-body-line:1.6;--type-note-size:.875rem;--type-note-line:1.5;
 --type-caption-size:.75rem;--type-label-size:.75rem;--type-ui-size:.875rem;--type-ui-line:1.5;
 --type-reading-size:1.125rem;--type-reading-line:1.65;--type-script-line:1.7;--type-script-heading-line:1.5;
 --type-book-title-size:1rem;--type-book-title-line:1.4;--type-reading-ref-size:.875rem;
 --control-radius:.5rem;--control-height:2.75rem;--control-padding-y:.625rem;--control-padding-x:1rem;
 --text-title:var(--type-page-size);--text-section:var(--type-section-size);--text-card:var(--type-card-size);
 --text-body:var(--type-body-size);--text-body-line:var(--type-body-line);--text-note:var(--type-note-size);--text-label:var(--type-label-size);
 --text-article:var(--type-reading-size);--text-article-line:var(--type-reading-line);--reading-width:720px
}
#main:has(.reader-breadcrumbs){font-family:var(--font-body);font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-line)}
#main:has(.reader-breadcrumbs) h1,#main:has(.reader-breadcrumbs) .type-page{font-family:var(--font-heading);font-size:var(--type-page-size);font-weight:var(--type-heading-weight);line-height:var(--type-page-line);letter-spacing:-.02em}
#main:has(.reader-breadcrumbs) h2,#main:has(.reader-breadcrumbs) .type-section{font-family:var(--font-heading);font-size:var(--type-section-size);font-weight:var(--type-heading-weight);line-height:var(--type-section-line);letter-spacing:-.015em}
#main:has(.reader-breadcrumbs) h3,#main:has(.reader-breadcrumbs) .type-card{font-family:var(--font-heading);font-size:var(--type-card-size);font-weight:var(--type-heading-weight);line-height:var(--type-card-line);letter-spacing:0}
#main:has(.reader-breadcrumbs) h4,#main:has(.reader-breadcrumbs) .type-subhead{font-family:var(--font-body);font-size:var(--type-subhead-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line);letter-spacing:0}
#main:has(.reader-breadcrumbs) p,#main:has(.reader-breadcrumbs) .type-body{font-family:var(--font-body);font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-line)}
#main:has(.reader-breadcrumbs) :is(.small,p.small,.membership-note,.classes-trial-note p,.price-card>p,#featuredBlogs p,.form-help,.bread,.account-help),#main:has(.reader-breadcrumbs) .type-note{font-family:var(--font-body);font-size:var(--type-note-size);line-height:var(--type-note-line)}
#main:has(.reader-breadcrumbs) :is(.eyebrow,.type,.classes-formats,.programme-note),#main:has(.reader-breadcrumbs) .type-label{font-family:var(--font-body);font-size:var(--type-label-size);font-weight:var(--type-strong-weight);line-height:var(--type-ui-line);letter-spacing:.1em}
#main:has(.reader-breadcrumbs) :is(.btn,.tab,.home-link,.path-link,.inline-link,.field-row label),#main:has(.reader-breadcrumbs) .nav-links a,#main:has(.reader-breadcrumbs) .nav-more summary{font-family:var(--font-body);font-size:var(--type-ui-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) .field-row :is(input,select,textarea){font-family:var(--font-body);font-size:1rem;line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) :is(.practice-tile .tile-title,.mindfulness-card summary h3){font-family:var(--font-heading);font-size:var(--type-card-size);font-weight:var(--type-heading-weight);line-height:var(--type-card-line)}
#main:has(.reader-breadcrumbs) :is(.practice-tile .tile-description,.classes-time-list dt,.classes-time-list dd span,.review-source,.review-source-link,.review-introduction>span,.teacher-portrait figcaption){font-size:var(--type-note-size);line-height:var(--type-note-line)}
#main:has(.reader-breadcrumbs) :is(.workshop-row p,.community-links span,.class-details summary,.faq summary,.classes-time-list dd,.mindfulness-instructions p,.mindfulness-instructions li,.experience-intro>p,.experience-guidance p:not(.small),.workshop-copy p,.workshop-copy li){font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line)}
#main:has(.reader-breadcrumbs) .review-card blockquote{font-family:var(--font-heading);font-size:var(--type-card-size);font-weight:400;line-height:var(--type-card-line);letter-spacing:0}
#main:has(.reader-breadcrumbs) .review-card footer h3{font-family:var(--font-body);font-size:var(--type-subhead-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) .review-card footer p,#main:has(.reader-breadcrumbs) .footer :is(p,a,small){font-family:var(--font-body);font-size:var(--type-note-size);line-height:var(--type-note-line)}
#main:has(.reader-breadcrumbs) .footer h4{font-family:var(--font-body);font-size:var(--type-label-size);font-weight:var(--type-strong-weight);line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) .article-body,#main:has(.reader-breadcrumbs) .reading-body{width:min(var(--reading-width),calc(100% - 48px));font-family:var(--font-body);font-size:calc(var(--type-reading-size) * var(--reader-scale,1));line-height:var(--type-reading-line);padding-top:40px;padding-bottom:48px;letter-spacing:0;overflow-wrap:break-word}
#main:has(.reader-breadcrumbs) .article-body :is(p,li),#main:has(.reader-breadcrumbs) .reading-body p:not(.small){font-size:calc(var(--type-reading-size) * var(--reader-scale,1));line-height:var(--type-reading-line);letter-spacing:0}
#main:has(.reader-breadcrumbs) .article-body p,#main:has(.reader-breadcrumbs) .reading-body p{margin-bottom:24px}
#main:has(.reader-breadcrumbs) .article-body h2,#main:has(.reader-breadcrumbs) .reading-body h2{font-size:var(--type-section-size);line-height:var(--type-section-line);margin:40px 0 20px}
#main:has(.reader-breadcrumbs) .article-body h3,#main:has(.reader-breadcrumbs) .reading-body h3{font-size:var(--type-card-size);line-height:var(--type-card-line);margin:36px 0 16px}
#main:has(.reader-breadcrumbs) .article-body :is(h2,h3,h4):empty{display:none}
#main:has(.reader-breadcrumbs) .article-body li{margin:12px 0}
#main:has(.reader-breadcrumbs) .article-body :is(ul,ol){padding-left:24px;margin:24px 0}
#main:has(.reader-breadcrumbs):has(.article-body,.reading-body) .page-hero{padding:64px 0 24px;background:var(--paper)}
#main:has(.reader-breadcrumbs):has(.article-body,.reading-body) .page-hero .wrap,#main:has(.reader-breadcrumbs):has(.article-body,.reading-body)>.wrap-sm{width:min(var(--reading-width),calc(100% - 48px))}
#main:has(.reader-breadcrumbs):has(.article-body,.reading-body) .page-hero h1{margin:20px 0 24px}
#main:has(.reader-breadcrumbs):has(.article-body,.reading-body) .page-hero p{font-size:var(--type-note-size);line-height:var(--type-note-line);margin:0;color:var(--muted)}
#main:has(.reader-breadcrumbs) .reading-body .sanskrit{font-family:var(--font-script);font-size:calc(1.375rem * var(--reader-scale,1));line-height:var(--type-script-line)}
#main:has(.reader-breadcrumbs) :is(.mindfulness-instructions h3,.wisdom-chapter h3){font-family:var(--font-body);font-size:var(--type-subhead-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) :is(h1,h2,h3,h4,p,li):lang(hi),#main:has(.reader-breadcrumbs) :is(h1,h2,h3,h4):lang(sa),#main:has(.reader-breadcrumbs) .article-body[lang=hi]{font-family:var(--font-script);letter-spacing:0}
#main:has(.reader-breadcrumbs) :is(p,li):lang(hi),#main:has(.reader-breadcrumbs) .article-body[lang=hi] :is(p,li){line-height:var(--type-script-line)}
#main:has(.reader-breadcrumbs) :is(h1,h2,h3,h4):lang(hi),#main:has(.reader-breadcrumbs) :is(h1,h2,h3,h4):lang(sa){font-family:var(--font-script);line-height:var(--type-script-heading-line);letter-spacing:0}
#main:has(.reader-breadcrumbs) .btn:not(.textual),#main:has(.reader-breadcrumbs) .nav-links .account-nav,#main:has(.reader-breadcrumbs) .hamburger{border-radius:var(--control-radius)}
#main:has(.reader-breadcrumbs) .btn{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);gap:.5rem;font-family:var(--font-body);font-size:var(--type-ui-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) .btn.textual{min-height:var(--control-height);padding:var(--control-padding-y) 0;border-radius:0}
#main:has(.reader-breadcrumbs) .page-tools .tab{min-width:var(--control-height);min-height:var(--control-height);padding:var(--control-padding-y) 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:var(--type-ui-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line);text-underline-offset:7px;text-decoration-thickness:1px}
#main:has(.reader-breadcrumbs) .page-tools{gap:24px;flex-wrap:wrap}
#main:has(.reader-breadcrumbs) .page-tools .tab:is(:hover,.active,[aria-pressed=true]){background:transparent;color:var(--wine);text-decoration:underline}
#main:has(.reader-breadcrumbs) .quiet-home .hero-btns .btn,#main:has(.reader-breadcrumbs) .classes-hero-actions .btn{width:fit-content;max-width:100%;align-self:flex-start}
@media(max-width:734px){#main:has(.reader-breadcrumbs){--type-page-size:1.625rem;--type-section-size:1.3125rem;--type-card-size:1.125rem;--type-subhead-size:1.0625rem;--type-body-size:1rem;--type-reading-size:1.0625rem}
#main:has(.reader-breadcrumbs):has(.article-body,.reading-body) .page-hero{padding:40px 0 16px}
#main:has(.reader-breadcrumbs) .article-body,#main:has(.reader-breadcrumbs) .reading-body{padding-top:28px;padding-bottom:32px}
#main:has(.reader-breadcrumbs) .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#main:has(.reader-breadcrumbs) .gallery-tile{min-width:0;width:100%}
}
#main:has(.reader-breadcrumbs) #contact .btn{width:fit-content;max-width:100%;justify-self:start}
#main:has(.reader-breadcrumbs) .dialog h2,#main:has(.reader-breadcrumbs) #teacherStoryDialog h2{font-family:var(--font-heading);font-size:var(--type-section-size);font-weight:var(--type-heading-weight);line-height:var(--type-section-line)}
#main:has(.reader-breadcrumbs) .dialog p{font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line)}
#main:has(.reader-breadcrumbs) .dialog :is(input,select,textarea){font-family:var(--font-body);font-size:1rem;line-height:var(--type-ui-line)}
#main:has(.reader-breadcrumbs) .dialog .close{min-width:var(--control-height);min-height:var(--control-height);border-radius:var(--control-radius)}
#main:has(.reader-breadcrumbs) #page-about .about-lead{font-family:var(--font-body);font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-line)}
#main:has(.reader-breadcrumbs) .gita-chapter-card h2{font-size:var(--type-card-size);font-weight:var(--type-heading-weight);line-height:var(--type-card-line)}
#main:has(.reader-breadcrumbs) .quiet-classes .price-card .money{font-size:var(--type-section-size);line-height:var(--type-section-line)}
#main:has(.reader-breadcrumbs) .article-body h4,#main:has(.reader-breadcrumbs) .reading-body h4{font-size:var(--type-subhead-size);font-weight:var(--type-ui-weight);line-height:var(--type-ui-line)}

/* Preserve the approved ordinary website header on Books, without changing other routes. */
body[data-scripture-reader]:not(.reading-mode) .header{position:sticky;top:0}
body[data-scripture-reader]:not(.reading-mode) .nav{min-height:78px;padding-top:0;padding-bottom:0}
body[data-scripture-reader]:not(.reading-mode) .header .brand-logo{width:260px}
body[data-scripture-reader]:not(.reading-mode) .hamburger{width:43px;min-width:43px;min-height:43px;font-size:1.4rem;border-radius:.5rem}
@media(max-width:600px){body[data-scripture-reader]:not(.reading-mode) .header .brand-logo{width:230px}}
