.chronicle-dialog{width:min(780px,calc(100% - 28px));max-height:90dvh;padding:32px;background:linear-gradient(135deg,#24271b,#11140f);border:1px solid #636a4b;overflow-y:auto}
.chronicle-dialog::backdrop{background:#030604e8;backdrop-filter:blur(5px)}
.chronicle-dialog h2{font-size:clamp(25px,4vw,36px);line-height:1.2;margin:8px 0 18px}
.chronicle-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.chronicle-nav button{padding:9px 12px}.chronicle-nav button[aria-pressed=true]{background:var(--acid);color:var(--bg)}
.chronicle-source{line-height:1.8;border-top:1px solid var(--line);padding-top:18px}.chronicle-controls{margin:18px 0 28px}.chronicle-controls audio{width:100%;margin:12px 0}.chronicle-controls audio[hidden]{display:none}.chronicle-controls .muted{font-size:13px;line-height:1.6}
.chronicle-body{font-family:Georgia,serif;font-size:19px;line-height:1.95;color:#ddd8c7}.chronicle-body p{margin:0 0 1.4em}.chronicle-body p:first-child:first-letter{font-size:2.4em;float:left;line-height:1;padding:8px 8px 0 0;color:var(--acid)}
.chronicle-dialog>.primary{margin-top:8px}.story-shortcut{margin:-8px 0 22px;font-size:12px;letter-spacing:1px;color:var(--acid)}
@media(max-width:600px){.chronicle-dialog{padding:22px;max-height:92dvh}.chronicle-body{font-size:18px;line-height:1.85}.chronicle-dialog>.primary{width:100%}.chronicle-source{font-size:10px;letter-spacing:1px}.chronicle-dialog .dialog-head{gap:12px}.chronicle-controls button{width:100%}}