.personal-voices { min-width:0; container-type:inline-size; }
.personal-voices .story-hero h2 { margin:0 0 .5rem; font-size:1.65rem; letter-spacing:-.035em; }
.personal-voices .story-hero p { line-height:1.6; }
.personal-voices .story-card { min-width:0; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.personal-voices > .story-card { margin-top:1.25rem; }
.personal-voices h3 { margin:0 0 10px; font-size:1rem; }
.personal-voices .muted { font-size:.84rem; line-height:1.65; }
.personal-voices .story-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:end; margin:0; }
.personal-voices .story-fields>label:has(textarea), .personal-voices .story-fields>button { grid-column:1/-1; }
.personal-voices label { display:grid; gap:8px; min-width:0; margin:0; }
.personal-voices label.check { display:flex; align-items:flex-start; line-height:1.6; }
.personal-voices :is(input:not([type="checkbox"]),select,textarea) { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.personal-voices .story-actions { display:flex; flex-wrap:wrap; gap:8px; grid-column:1/-1; }
.personal-voices #pvRecording { grid-column:1/-1; margin:0; font-size:.84rem; }
.personal-voices #pvAvailability { margin:1rem 0 1.5rem; font-size:.84rem; line-height:1.6; }
.personal-voice-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:1.25rem; align-items:start; }
.personal-voices .story-fields { min-width:0; }
.personal-voices .full { grid-column:1/-1; }
.personal-voices pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:18rem; overflow:auto; }
.personal-voice-row { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; padding:1rem 0; border-bottom:1px solid var(--line,#8884); }
.personal-voice-row input { flex:1 1 10rem; min-width:0; }
.personal-voice-row strong { overflow-wrap:anywhere; }
.personal-voices #pvRefresh { margin-block:1rem; }
.personal-voices #pvStatus { min-height:1.5em; }
.voice-mode-tabs { flex-wrap:wrap; }
@container (max-width:760px) { .personal-voice-layout { grid-template-columns:minmax(0,1fr); } }
@container (max-width:420px) { .personal-voices .story-fields { grid-template-columns:minmax(0,1fr); } .personal-voices .story-card { padding:18px; } }
@media(max-width:760px) { .personal-voice-layout { grid-template-columns:minmax(0,1fr); } }
