.radio-info-open { overflow: hidden; }
#radio-info-panel {
    box-sizing: border-box; width: min(680px, calc(100% - 24px));
    height: min(680px, calc(100% - 32px)); max-width: none; max-height: none;
    padding: 0; border: 0; border-radius: 14px; color: #17334e; background: #fff;
    box-shadow: 0 12px 60px #0006; overflow: hidden; text-align: left;
    font: 16px Arial, sans-serif;
}
#radio-info-panel[open] { display: flex; flex-direction: column; }
#radio-info-panel::backdrop { background: #061b32a6; }
.radio-info-heading { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px 8px 20px; border-bottom: 1px solid #dbe2e9; }
.radio-info-heading h2 { margin: 0; font-size: 19px; }
.radio-info-close { width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: #eef3f8; color: #17334e; cursor: pointer; font: 30px Arial, sans-serif; }
.radio-info-close:hover { background: #dce8f3; }
.radio-info-close:focus-visible { outline: 2px solid #2675b9; outline-offset: 2px; }
.radio-info-frame { display: block; width: 100%; flex: 1; min-height: 0; border: 0; background: #fff; }
.radio-info-document body { box-sizing: border-box; min-width: 0; margin: 0; padding: 16px 20px; background: #fff; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.radio-info-document #header_contact, .radio-info-document #header_links { display: none; }
.radio-info-document #content_contact, .radio-info-document #content_links { box-sizing: border-box; width: 100%; padding: 0; }
.radio-info-document table { width: 100%; table-layout: fixed; }
.radio-info-document #content_contact td:first-child { width: 100px; }
.radio-info-document #content_links { text-align: left; }
.radio-info-document #content_links td { width: 50%; vertical-align: top; padding: 0 12px 0 0; }
.radio-info-document #content_links ul { margin: 16px 0 0; padding-left: 20px; }
.radio-info-document #content_links li { margin: 0 0 8px; }
.radio-info-document input:not([type="submit"]), .radio-info-document textarea, .radio-info-document select { box-sizing: border-box; max-width: 100%; width: 100% !important; font: inherit; }
.radio-info-document input, .radio-info-document textarea, .radio-info-document select { padding: 8px; }
.radio-info-document xmp { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .radio-info-document body { padding: 12px; }
    .radio-info-document #content_contact td, .radio-info-document #content_links td { display: block; box-sizing: border-box; width: 100% !important; padding: 2px 0; }
}