/* ========== Embed modal — shared across project pages ========== */
dialog.modal { border: 1px solid var(--ink); background: var(--paper); color: var(--ink); padding: 0; max-width: min(820px, 92vw); width: 720px; max-height: 80vh; box-shadow: 0 10px 40px rgba(22, 19, 15, 0.25); }
dialog.modal::backdrop { background: rgba(0,0,0,0.4); }
dialog.modal .modal-head { display: flex; justify-content: space-between; align-items: flex-start; padding: 14px 18px; border-bottom: 1px solid var(--rule); background: var(--paper-deep); }
dialog.modal .modal-title { font-family: var(--f-body); font-size: 15px; font-weight: 500; margin: 0; color: var(--ink); }
dialog.modal .modal-subtitle { font-family: var(--f-body); font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 3px; font-weight: 600; }
dialog.modal .modal-close { background: transparent; border: 0; font-size: 22px; line-height: 1; cursor: pointer; color: var(--ink); padding: 0 4px; }
dialog.modal .modal-close:hover { color: var(--accent); }
dialog.modal .modal-body { padding: 16px 18px; overflow-y: auto; max-height: calc(80vh - 110px); }
dialog.modal .modal-body pre { margin: 0 0 10px; white-space: pre-wrap; word-break: break-word; font-family: var(--f-body); font-size: 11.5px; line-height: 1.55; color: var(--ink-soft); background: var(--paper); padding: 10px 12px; border: 1px solid var(--rule); }
dialog.modal .modal-body p { margin: 0 0 10px; font-size: 13.5px; color: var(--ink-soft); }
dialog.modal .modal-body p:last-child { margin-bottom: 0; }
dialog.modal .modal-body p.modal-intro { margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px dotted var(--rule); color: var(--ink-soft); font-size: 13.5px; line-height: 1.5; }
dialog.modal .modal-body p.modal-intro strong { color: var(--ink); }
dialog.modal .modal-footer { padding: 10px 18px; border-top: 1px solid var(--rule); display: flex; justify-content: flex-end; gap: 12px; font-family: var(--f-body); font-size: 10.5px; }
dialog.modal .modal-file-link { color: var(--accent); border-bottom: 1px dotted var(--accent); letter-spacing: 0.05em; text-decoration: none; }
dialog.modal .modal-file-link:hover { text-decoration: none; color: var(--ink); border-color: var(--ink); }

/* Disabled "coming soon" treatment for transcript buttons without a sample yet */
.transcript-btn.disabled, .btn.disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; }