.audio-letters{margin:3rem 0;padding:clamp(1.3rem,4vw,3.5rem);background:#142c24;color:#f4f0e5;border:1px solid #b89b60}.audio-letters h2,.al-dialog h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.08;margin:.6rem 0 1.2rem}.al-kicker{color:#d7bb79;letter-spacing:.16em;text-transform:uppercase;font:700 .72rem/1.5 system-ui,sans-serif}.al-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(12rem,1fr);gap:clamp(1rem,4vw,4rem);align-items:end}.al-aside{border-top:1px solid #a78c5b;padding-top:1rem;font-size:.9rem}.al-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.al-button{background:#d8b875;color:#132b23;border:1px solid #d8b875;padding:.8rem 1.1rem;font:600 .92rem system-ui,sans-serif;cursor:pointer}.al-secondary{background:transparent;color:inherit}.al-button:hover{filter:brightness(1.12)}.al-button:focus-visible,.al-close:focus-visible,.al-dialog input:focus-visible,.al-dialog textarea:focus-visible{outline:3px solid #d8b875;outline-offset:3px}.al-dialog{border:1px solid #b89b60;background:#f5f1e8;color:#173329;width:min(720px,calc(100% - 1rem));max-height:calc(100dvh - 1rem);padding:0}.al-dialog::backdrop{background:rgba(5,20,15,.78)}.al-sheet{position:relative;padding:clamp(1.1rem,4vw,2.8rem)}.al-dialog h2{color:#173329}.al-dialog .al-kicker{color:#735721}.al-close{position:absolute;right:1rem;top:.6rem;border:0;background:transparent;font-size:2rem;cursor:pointer;color:#173329}.al-fields{display:grid;gap:.55rem;margin:1.5rem 0}.al-fields>label,.al-dialog legend{font-weight:700}.al-fields input:not([type=file]),.al-fields textarea{width:100%;box-sizing:border-box;border:1px solid #82978d;background:#fff;padding:.7rem;font:inherit}.al-fields input[type=file]{max-width:100%}.al-fields audio{width:100%}.al-hint{font-size:.88rem;color:#486056;margin:.2rem 0 1rem}.al-dialog fieldset{border:1px solid #a8b6ae;padding:1rem;display:grid;gap:.8rem}.al-dialog fieldset label{display:flex;gap:.7rem;align-items:start}.al-dialog fieldset input{margin-top:.2rem}.al-dialog .al-secondary{color:#173329;border-color:#173329}@media(max-width:650px){.al-layout{grid-template-columns:1fr}.al-dialog{width:100%;max-height:100dvh}.al-sheet{padding:1.25rem}.al-actions>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.audio-letters *, .al-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Article typography has a later, high-specificity color rule. Keep the room legible. */
.audio-letters .al-layout h2{color:#f4f0e5!important}
.audio-letters .al-layout p:not(.al-kicker){color:#d6dfd8!important}
.audio-letters .al-kicker{color:#e6c57d!important}
.audio-letters .al-aside{color:#d6dfd8!important}