.local-production { margin-block: 24px; padding: 20px; border: 1px solid currentColor; }
.local-production h2,.local-production h3 { margin: 0 0 12px; }
.local-production p { line-height: 1.5; }
.local-production-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.local-production button,.local-production select { min-height: 44px; max-width: 100%; padding: 10px 14px; font: inherit; white-space: normal; }
.local-production button:focus-visible,.local-production select:focus-visible,.local-production summary:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.local-production button:disabled { cursor: not-allowed; opacity: .55; }
.local-production-job { margin-top: 20px; padding: 16px; border: 1px solid currentColor; }
.local-production-job summary { min-height: 44px; cursor: pointer; overflow-wrap: anywhere; }
.local-production-job summary span { display: block; padding: 8px 0 16px; }
.local-production-script { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 70ch; }
.local-production-takes { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; margin-block: 20px; }
.local-production-takes article { min-width: 0; padding: 16px; border: 1px solid currentColor; display: flex; flex-direction: column; gap: 12px; }
.local-production-takes .selected { border-width: 3px; }
.local-production audio { display: block; width: 100%; min-width: 0; }
.local-production-steps { overflow-wrap: anywhere; line-height: 1.8; padding-inline-start: 24px; }
@media(min-width: 900px) { .local-production-takes { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width: 420px) { .local-production { padding: 12px; } .local-production-job { padding: 12px; } }
/* Only the internal local-production surface; other reviewer pages stay unchanged. */
@media(max-width: 460px) { main:has(.local-production) .production-toolbar { flex-wrap: wrap; row-gap: 8px; } }