.reel-reader{box-sizing:border-box;width:min(920px,96vw);max-height:95dvh;padding:0;border:1px solid #3a5042;border-radius:18px;background:#0b110e;color:#eef3ef;overflow:auto}.reel-reader::backdrop{background:#000b;backdrop-filter:blur(6px)}.reel-reader header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 20px}.reel-reader h2{color:#eef3ef;font-size:20px;margin:6px 0}.reel-reader small{color:#b9cabb}.reel-reader header button{flex-shrink:0;min-height:44px;padding:10px 16px;border-radius:22px;color:#eef3ef;background:#203127;border:1px solid #526757;font:inherit;cursor:pointer}.reel-reader video{display:block;width:100%;height:65dvh;object-fit:contain;background:#000}.reel-reader footer{padding:16px 20px;line-height:1.6}.reel-reader footer p{color:#d4ded6}.reel-reader a{color:#dae9bd}.reel-reader summary{cursor:pointer;padding:14px 0;min-height:24px}.reel-transcript{white-space:pre-line}.reel-error{padding:12px 20px;color:#f1d7bb}.reel-reader button:focus-visible,.reel-reader summary:focus-visible{outline:2px solid #d6e5a7;outline-offset:3px}@media(max-width:650px){.reel-reader{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding-bottom:env(safe-area-inset-bottom)}.reel-reader h2{font-size:17px}.reel-reader video{height:63dvh}.reel-reader header{padding:12px}}

/* Under the video: a short summary in three lines, like the edition's framework. */
.reel-reader .reel-framework{display:grid;gap:4px;margin:0;font-size:14px;line-height:1.4}.reel-reader .reel-framework dt{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.reel-reader .reel-framework dt:first-child{margin-top:0}.reel-reader .reel-framework dd{margin:0}
/* The day theme paints dialogs white; the video reader stays dark so its light text reads. */
dialog.reel-reader{background:#0b110e!important;color:#eef3ef!important}