.chant-page{background:var(--site-bg);color:var(--site-text);padding:30px clamp(16px,3vw,42px) 125px;font-family:var(--font-sans)}
.chant-heading{max-width:1440px;margin:0 auto 24px}.chant-heading h1{margin:0 0 5px;font-size:clamp(27px,3vw,38px);line-height:1.3}.chant-heading p{margin:0;color:var(--site-text-light);font-size:14px}
.chant-layout{display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:18px;max-width:1440px;margin:auto;align-items:start}
.chant-directory,.chant-reader{border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface);min-width:0}.chant-track{box-sizing:border-box;text-decoration:none}
.chant-track>span:first-child{min-width:0}.chant-track-status{flex:none;padding:2px 5px;border:1px solid var(--site-border);border-radius:4px;color:var(--site-text-light);font-size:10px;white-space:nowrap}
.chant-directory{position:sticky;top:96px;max-height:calc(100vh - 178px);overflow:hidden}.chant-directory-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:15px 18px;border:0;border-bottom:1px solid var(--site-border-light);background:var(--site-bg-muted);color:var(--site-primary);text-align:left;font:700 16px var(--font-sans);cursor:pointer}.chant-directory-toggle span:last-child{font-size:12px;font-weight:400;color:var(--site-text-light)}.chant-directory-body{max-height:calc(100vh - 238px);overflow-y:auto;padding:8px}.chant-category{margin-bottom:5px}.chant-category summary{list-style:none;cursor:pointer;padding:11px 10px;border-radius:7px;background:color-mix(in srgb, var(--site-primary-light) 7%, var(--site-surface));color:var(--site-primary-light);font-size:13px;font-weight:700}.chant-category summary::-webkit-details-marker{display:none}.chant-category summary:before{content:'▸';display:inline-block;width:16px;color:var(--site-text-light)}.chant-category[open] summary:before{content:'▾'}.chant-category summary small{float:right;color:var(--site-text-light);font-weight:400}.chant-track{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px 9px 25px;border:0;border-radius:6px;background:transparent;color:var(--site-text-muted);text-align:left;font:400 12px/1.5 var(--font-sans);cursor:pointer}.chant-track:hover{background:color-mix(in srgb, var(--site-primary-light) 9%, var(--site-surface))}.chant-track.active{background:color-mix(in srgb, var(--site-primary-light) 16%, var(--site-surface));color:var(--site-primary);font-weight:700}.chant-track:focus-visible,.chant-directory-toggle:focus-visible{outline:2px solid var(--site-primary-light);outline-offset:2px}
.chant-reader{padding:24px clamp(16px,3vw,38px) 0;min-height:530px}.chant-reader-head{padding-bottom:18px;border-bottom:1px solid var(--site-border-light)}.chant-source{display:inline-block;padding:4px 9px;border-radius:5px;background:color-mix(in srgb, var(--site-primary-light) 8%, var(--site-surface));color:var(--site-primary-light);font-size:11px;font-weight:700}.chant-reader h2{margin:13px 0 4px;font-size:clamp(22px,2.5vw,32px);line-height:1.35}.chant-pali-title{margin:0;color:var(--site-text-light);font-size:15px}.chant-reader-note{margin:12px 0 0;color:var(--site-text-light);font-size:12px;line-height:1.65}.chant-reader-empty{padding:60px 15px;color:var(--site-text-light);text-align:center}.chant-lines{height:min(66vh,850px);min-height:330px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--site-border) transparent}.chant-section{margin:20px 0 5px;font-size:14px;color:var(--site-primary-light)}.chant-line{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:17px 9px;border-bottom:1px solid var(--site-border-light);border-left:3px solid transparent;scroll-margin:100px}.chant-line.current{border-left-color:var(--site-gold);background:color-mix(in srgb, var(--site-primary-light) 7%, var(--site-surface))}.chant-line.seekable{cursor:pointer}.chant-line.seekable:hover{background:var(--site-bg-light)}.chant-line.seekable.current:hover{background:color-mix(in srgb, var(--site-primary-light) 7%, var(--site-surface))}.chant-number{padding-top:5px;color:var(--site-text-light);font-size:11px}.chant-pali{margin:0;font-size:18px;line-height:1.75;font-weight:600;overflow-wrap:anywhere}.chant-zh{margin:6px 0 0;color:var(--site-text-muted);font-size:15px;line-height:1.7}
@media(max-width:899px){.chant-page{padding:18px 12px 125px}.chant-layout{display:block}.chant-directory{position:static;max-height:none;margin-bottom:12px}.chant-directory-body{max-height:43vh}.chant-reader{min-height:420px;padding:18px 14px 0}.chant-lines{height:auto;max-height:none;min-height:220px;overflow:visible}.chant-line{grid-template-columns:27px minmax(0,1fr);gap:5px;padding:14px 4px}.chant-pali{font-size:16px}.chant-zh{font-size:14px}}
.chant-directory-body>.chant-track-standalone{margin-top:5px;padding:11px 10px;background:color-mix(in srgb, var(--site-primary-light) 7%, var(--site-surface));color:var(--site-primary-light);font-size:13px;font-weight:700}
.chant-directory-body>.chant-track-standalone:hover{background:color-mix(in srgb, var(--site-primary-light) 12%, var(--site-surface))}
.chant-directory-body>.chant-track-standalone.active{background:color-mix(in srgb, var(--site-primary-light) 16%, var(--site-surface));color:var(--site-primary)}
.chant-pali-title{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.chant-line{scroll-behavior:auto}}