:root{font-size:100%;--bg:#f4f2ec;--fg:#13130e;--accent:#923b29;--line:#b7afa4;--button:#fffdf8}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:1.125rem;line-height:1.65;overflow-wrap:anywhere}
body[data-theme="dark"]{--bg:#13130e;--fg:#f4f2ec;--accent:#ffc0a6;--line:#a29d91;--button:#26261f}
body[data-theme="contrast"]{--bg:#000;--fg:#fff;--accent:#ffff00;--line:#fff;--button:#000}
a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}
a:hover{text-decoration-thickness:.15em}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;left:1rem;top:.5rem;padding:.65rem;background:var(--bg);z-index:5;transform:translateY(-160%)}
.skip:focus{transform:none}
.wrap{max-width:46rem;margin-inline:auto;padding:1.25rem clamp(1rem,4vw,2.5rem)}
header{border-bottom:1px solid var(--line)}
.brand{margin:0 0 .8rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.tools{border:1px solid var(--line);padding:1rem;border-radius:.6rem;margin:0 0 1rem;min-width:0}
.tools legend{padding:0 .4rem;font-weight:700}
.controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
button,select{font:inherit;color:var(--fg);background:var(--button);border:1px solid var(--fg);border-radius:.3rem;min-height:2.75rem;padding:.4rem .7rem;max-width:100%;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
select{width:100%}.theme-control{flex-basis:100%;display:grid;gap:.3rem}
.hint{font-size:.9rem;margin:.6rem 0 0}
nav ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.55rem 1.4rem}
nav a{display:inline-block;padding:.25rem 0}
h1{font-size:clamp(2.6rem,8vw,4.2rem);line-height:1.1;letter-spacing:-.035em;margin:1.5rem 0 1rem}
h2{font-size:1.65rem;line-height:1.25;margin:2.8rem 0 1rem;padding-top:1.1rem;border-top:1px solid var(--line)}
h3{font-size:1.3rem;line-height:1.35;margin:2rem 0 .75rem;color:var(--accent)}
p{margin:.8rem 0 1.15rem}.warning{padding:1rem;border-left:.3rem solid var(--accent);margin-top:1.5rem}.song{margin-bottom:.5rem}
footer{margin-top:2rem;border-top:1px solid var(--line)}
@media print{header,.skip,.back{display:none}html{font-size:100%!important}body{background:#fff!important;color:#000!important;font-size:11pt}a,h3{color:#000!important}h1,h2,h3{break-after:avoid}p{orphans:3;widows:3}.wrap{max-width:none;padding:0}footer{display:none}}

.sponsors{margin-top:3rem;border-top:1px solid var(--line)}
.sponsors h2{border:0;margin-top:0;padding-top:0}
.logos{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.5rem 0}
.logo{display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem;border-radius:.25rem;flex:1 1 14rem;min-width:0}
.logo img{display:block;max-width:100%;width:14rem;height:auto;max-height:10rem;object-fit:contain}
.funding{font-weight:700}

html[data-text-size="100"]{font-size:100%}
html[data-text-size="125"]{font-size:125%}
html[data-text-size="150"]{font-size:150%}
html[data-text-size="175"]{font-size:175%}
html[data-text-size="200"]{font-size:200%}
.cast-group ul{padding-inline-start:1.4em;margin-block:.5em 1.5em}.cast-group li{margin-block:.3em}.cast-production{margin:1em 0}.cast-production>div{padding:.8em 0;border-bottom:1px solid var(--line)}.cast-production dt{font-weight:700}.cast-production dd{margin:.3em 0 0}

.editorial-partner{margin:1.5em 0;padding:1em;border:1px solid currentColor}.editorial-partner p{margin:.3em 0}

.editorial-partner{display:flex;align-items:center;gap:1.5rem}.editorial-partner img{width:96px;height:96px;object-fit:contain;background:#fff;padding:8px;flex-shrink:0}.editorial-partner>div{min-width:0}
@media(max-width:500px){.editorial-partner{align-items:flex-start;flex-direction:column}}