/* Book front matter: a clear title, related translations, then practical details.
   Devanagari keeps its natural spacing and extra room for vowel marks. */
#sutta-intro{--opening-ink:#29382e;--opening-secondary:#465341;--opening-muted:#626b59;--opening-rule:#d7dacb;max-width:68rem;margin:0 auto;padding:1rem 1rem 2rem;min-height:0;text-align:center;border-bottom:0}
#sutta-intro .intro-eyebrow{justify-content:center;gap:.8rem;margin:0 0 1.25rem;font:400 .75rem/1.8 var(--font-ui);letter-spacing:.015em;color:var(--opening-muted);text-transform:none}
#sutta-intro .intro-eyebrow::after{display:none}
#sutta-intro .eyebrow-line{width:1.6rem;height:1px;background:var(--opening-rule)}
#sutta-intro .intro-eyebrow>span:last-child{font:500 .6875rem/1.6 system-ui,sans-serif;letter-spacing:.08em;border:1px solid var(--opening-rule);border-radius:3px;padding:.2rem .55rem;color:var(--opening-secondary)}
#sutta-intro .pali-title{font-family:var(--font-reading);font-size:clamp(2.125rem,1.4rem + 2.1vw,3.25rem);font-weight:400;line-height:1.55;letter-spacing:normal;color:var(--opening-ink);max-width:100%;margin:0 0 1.25rem;overflow-wrap:anywhere;text-wrap:balance}
#sutta-intro .translated-titles{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;column-gap:1.6rem;row-gap:.45rem;max-width:48rem;margin:0 auto}
#sutta-intro .translated-title{font-family:var(--font-reading);font-size:clamp(1.5rem,1.15rem + .75vw,1.75rem);font-weight:400;line-height:1.7;letter-spacing:normal;color:var(--opening-secondary);margin:0;max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
#sutta-intro .translated-title[lang="hi"]{border-left:1px solid var(--opening-rule);padding-left:1.6rem}
#sutta-intro .translated-title[lang="en"]{flex-basis:100%;font-family:"Noto Serif",serif;font-size:clamp(1.375rem,1.1rem + .55vw,1.5625rem);line-height:1.65;color:var(--opening-secondary)}
#sutta-intro .intro-description{font-family:var(--font-reading);font-size:1.1875rem!important;line-height:1.9!important;font-weight:400;color:var(--opening-muted)!important;max-width:38rem;margin:1.2rem auto 1.4rem!important;text-wrap:balance}
#sutta-intro .opening-details{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem 1.5rem;max-width:55rem;margin:0 auto;padding-top:1rem;border-top:1px solid var(--opening-rule)}
#sutta-intro .intro-meta{justify-content:center;gap:.65rem;font:400 .8125rem/1.8 var(--font-ui);color:var(--opening-muted)}
#sutta-intro .intro-meta .text-button{font-size:.8125rem;color:var(--opening-secondary);min-height:2.5rem;text-underline-offset:4px}
#sutta-intro .intro-meta .text-button svg{width:15px;height:15px}

/* Reading options remain secondary to the title, with comfortable targets. */
#reader-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin-bottom:2.25rem}
#reader-toolbar .toolbar-row{align-items:center;gap:.8rem 1.25rem}
#reader-toolbar .language-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}
#reader-toolbar .field-label{font-size:.75rem;color:#5d6754;margin:0 .5rem 0 0}
#reader-toolbar .language-toggle{min-height:2.5rem;padding:.45rem .65rem;font-size:.875rem;line-height:1.65;border-radius:5px;color:#3e5038}
#reader-toolbar .language-toggle[aria-pressed="true"]{background:#e2e8d9;border-color:#b6c3a5;color:#30452a}
#reader-toolbar .language-toggle svg{width:13px;height:13px}
#reader-toolbar .toolbar-group{gap:.45rem;align-items:center}
#reader-toolbar .display-options,#reader-toolbar .edition-actions{display:flex;align-items:center;gap:.4rem}
#reader-toolbar .edition-actions{padding-left:.6rem;margin-left:.2rem;border-left:1px solid var(--line)}
#reader-toolbar .tool-button{min-width:2.5rem;min-height:2.5rem;padding:.45rem .6rem;font-size:.8125rem;color:#4e5e44;border-radius:5px}
#reader-toolbar .tool-button svg{width:17px;height:17px}
#reader-toolbar .segmented-control{padding:3px;gap:2px;border-radius:6px}
#reader-toolbar .segmented-control button{min-height:2.125rem;padding:.35rem .6rem;font-size:.8125rem;line-height:1.65;color:#536149}
#reader-toolbar .segmented-control svg{width:15px;height:15px}
#reader-toolbar .reading-help{font-size:.75rem;line-height:1.8;margin-top:.75rem;color:#626b59;gap:.75rem;flex-wrap:wrap}
#reader-toolbar .reading-help .text-button{font-size:.75rem;min-height:2rem;color:#4e5e44}
#reader-toolbar .reading-help .text-button span{display:inline;font-size:inherit}

@media(max-width:760px){
  #sutta-intro{padding:.5rem 0 1.5rem}
  #sutta-intro .intro-eyebrow{margin-bottom:1rem}
  #sutta-intro .pali-title{margin-bottom:1rem}
  #sutta-intro .translated-titles{display:grid;gap:.15rem}
  #sutta-intro .translated-title[lang="hi"]{padding-left:0;border-left:0}
  #sutta-intro .intro-description{font-size:1.0625rem!important;margin:1.1rem auto 1.2rem!important;max-width:30rem}
  #sutta-intro .opening-details{gap:.3rem;padding-top:.7rem}
  #sutta-intro .intro-meta{width:100%}
  #reader-toolbar .toolbar-row{gap:.7rem}
  #reader-toolbar .language-picker{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}
  #reader-toolbar .field-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #reader-toolbar .language-toggle{justify-content:center;padding-left:.3rem;padding-right:.3rem}
  #reader-toolbar .toolbar-group{width:100%;justify-content:center;gap:.5rem}
  #reader-toolbar .display-options,#reader-toolbar .edition-actions{justify-content:center;width:100%}
  #reader-toolbar .edition-actions{padding-left:0;margin-left:0;border-left:0}
  #reader-toolbar .language-toggle,#reader-toolbar .tool-button{min-height:2.75rem}
  #reader-toolbar .segmented-control button{min-height:2.375rem}
  #reader-toolbar .reading-help>span{flex-basis:100%}
  #reader-toolbar .reading-help{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:no-preference){#reader-toolbar button{transition:background-color .15s,border-color .15s,color .15s}}
html[data-theme="dusk"] #sutta-intro{--opening-ink:var(--ink);--opening-secondary:#d2d9c7;--opening-muted:#bac3ad;--opening-rule:var(--line)}
html[data-theme="dusk"] #reader-toolbar :is(.field-label,.language-toggle,.tool-button,.reading-help,.reading-help .text-button,.segmented-control button){color:#d2d9c7}
html[data-theme="dusk"] #reader-toolbar .language-toggle[aria-pressed="true"]{background:#46513b;border-color:#7b8e65;color:#edf1e5}
html[data-theme="dusk"] #reader-toolbar .segmented-control{background:#303b2c}
html[data-theme="dusk"] #reader-toolbar .segmented-control [aria-pressed="true"]{background:#46513b}
@media print{#sutta-intro .opening-details{display:none}#sutta-intro{padding:0;margin-bottom:1rem}}