*{box-sizing:border-box}body{margin:0;background:#050a07;color:#f7f7ed;font:18px/1.6 system-ui,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e5bd65;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 4vw;border-bottom:1px solid #ffffff25}header a{text-decoration:none}.brand{font-weight:750;white-space:nowrap}nav{display:flex;gap:20px}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;max-width:1700px;margin:auto;padding:28px 4vw;min-height:calc(100dvh - 66px);align-items:center}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(36px,4.5vw,68px)}h2{font-size:clamp(30px,3.5vw,48px);margin:10px 0 22px}.eyebrow{color:#e7c474;font-size:13px;letter-spacing:2px;text-transform:uppercase}figure{margin:0}figure img{display:block;width:100%;border-radius:22px}figcaption,.small{font-size:14px;color:#c4cfc6}.doors{display:grid;gap:10px}.door,.button{display:block;padding:14px 18px;border:1px solid #56705a;border-radius:14px;background:#112719;color:#fff;text-decoration:none;text-align:left}.door strong{display:block;font-size:19px}.door span{color:#ccd7cf;font-size:15px}.door:hover,.button:hover{background:#1c3c28}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.toolbar .button{display:inline-block}audio{width:100%;margin:14px 0}details{border-top:1px solid #ffffff30;padding:14px 0}summary{cursor:pointer}.text-scroll{max-height:52dvh;overflow:auto;padding-right:18px}.lyrics p{white-space:pre-line;font-size:21px}.gallery-photo{padding:0;border:0;background:none;width:100%;cursor:zoom-in}.gallery-photo img{width:100%;display:block;border-radius:22px}.caption{font-size:20px}.counter{color:#e7c474}dialog{background:#070d09;color:white;border:1px solid #69816b;border-radius:18px;max-width:96vw;max-height:96dvh;padding:14px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain}.hidden,[hidden]{display:none!important}footer{padding:16px 4vw;font-size:14px;color:#c4cfc6}.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1200px;margin:30px auto;padding:0 24px}.chapter{border:1px solid #56705a;border-radius:22px;overflow:hidden;text-decoration:none;background:#102216}.chapter img{width:100%;height:280px;object-fit:cover;display:block}.chapter div{padding:20px}.chapter h2{font-size:32px}.intro{max-width:1150px;margin:50px auto 20px;padding:0 24px}.intro h1{margin-bottom:18px}@media(max-width:800px){body{font-size:17px}.layout{grid-template-columns:1fr;gap:22px;padding:20px;min-height:0}header{padding:14px 20px;gap:12px}nav{gap:16px}.navtext{display:none}.text-scroll{max-height:none;overflow:visible}.chapters{grid-template-columns:1fr}.chapter img{height:auto}.lyrics p{font-size:20px}h1{font-size:38px}}.audio-pair{display:grid;gap:14px;margin:14px 0 20px}.audio-pair>div{padding:14px 16px;border:1px solid #55755e;border-radius:16px;background:#10271b}.audio-pair strong{display:block;color:#fff}.audio-pair audio{display:block;width:100%;margin:10px 0 0}.audio-pair a{display:block;font-size:14px;margin-top:8px;color:#e7d89e}.resource-card a{color:#f1d58e}.resource-list{max-height:63dvh;overflow-y:auto;padding:0 12px 12px 0}.resource-card{border:1px solid #45624c;background:#102216;border-radius:16px;padding:15px 18px;margin:12px 0}.resource-card h3{font-size:24px;margin:9px 0}.resource-card p{font-size:16px;margin:7px 0}.resource-card a{text-decoration-thickness:1px;text-underline-offset:4px}.button:disabled{opacity:.4;cursor:default}@media(max-width:800px){.resource-list{max-height:none;overflow:visible;padding:0}}
/* Compact chapter directory: both available topics remain visible. */
.intro{margin:24px auto 18px}.intro h1{font-size:clamp(30px,4vw,48px);margin:8px 0 12px}.intro p{margin:8px 0}
.chapters{gap:16px;margin:18px auto}.chapter img{height:180px}.chapter div{padding:14px}.chapter h2{font-size:27px;margin:6px 0 10px}.chapter p{margin:0;font-size:15px}
@media(max-width:600px){.intro{margin:20px auto 16px;padding:0 18px}.intro .eyebrow{font-size:10px;letter-spacing:1px}.intro h1{font-size:30px}.intro p{font-size:15px;line-height:1.45}.chapters{grid-template-columns:1fr;gap:12px;padding:0 18px;margin:16px auto}.chapter{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;border-radius:16px;min-height:132px}.chapter img{height:100%;min-height:132px;object-fit:cover}.chapter div{padding:12px}.chapter .eyebrow{font-size:10px;letter-spacing:1px}.chapter h2{font-size:22px;margin:5px 0 8px}.chapter p{font-size:13px;line-height:1.35}}