.narrator-picker{margin:18px 0;padding:18px;border:1px solid #cddde7;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff9ed);color:#17354c;text-align:start}
.narrator-picker fieldset{margin:0;padding:0;border:0;min-width:0}.narrator-picker legend{padding:0;font-size:19px;font-weight:800}.narrator-intro{margin:7px 0 14px;font-size:14px;color:#526b7e}.narrator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.narrator-card{min-width:0;padding:13px;border:1px solid #ccdbe6;border-radius:13px;background:#fff}.narrator-card[data-selected=true]{border-color:#287385;box-shadow:0 0 0 2px #28738526}.narrator-choice{display:grid;gap:5px;width:100%;min-height:92px;padding:9px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:start;font:inherit;cursor:pointer}.narrator-choice strong{font-size:20px;text-align:start}.narrator-choice span{font-size:13px;color:#486476}.narrator-choice b{font-size:12px;color:#296c7c}.narrator-preview{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e9ed}.narrator-preview span{font-size:12px;color:#5b6c78}.narrator-preview audio{width:100%;height:40px;min-width:0;direction:ltr}.narrator-preview-link{display:inline-block;margin-top:9px;font-size:12px;color:#245c72}.narrator-selection{margin:13px 0 7px;font-weight:700;font-size:14px}.narrator-availability{margin:0;padding-inline-start:11px;border-inline-start:3px solid #bc9958;font-size:13px;line-height:1.65;color:#526675}.narrator-preview-error{font-size:12px;color:#8b4423;line-height:1.5}.narrator-picker [hidden]{display:none}.narrator-picker :focus-visible{outline:3px solid #b18b37;outline-offset:3px}@media(max-width:520px){.narrator-picker{padding:13px}.narrator-grid{grid-template-columns:1fr}.narrator-card{padding:11px}.narrator-choice{min-height:80px}.narrator-picker legend{font-size:18px}}

.narrator-picker>details>summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;padding:10px 0}.narrator-description{display:grid;gap:6px}.narrator-description strong{font-size:20px}.narrator-description span{font-size:13px}.narrator-description b{font-size:12px;color:#7d5822}.narrator-availability{margin-top:14px}
