/* Compact format previews; full copy remains available through native details. */
.format-grid.compact-formats,
.format-grid.compact-formats.radio-formats {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.format-card.format-compact {
  display:block;
  grid-column:auto!important;
  min-width:0;
  border-radius:12px;
  transition:border-color .18s,box-shadow .18s;
}
.format-card.format-compact:hover {transform:none;border-color:#b5bfd3;box-shadow:0 6px 22px #0c14280a}
.format-compact>summary {
  display:grid;
  grid-template-columns:108px minmax(0,1fr) 32px;
  align-items:center;
  gap:16px;
  padding-right:16px;
  min-height:128px;
  list-style:none;
  cursor:pointer;
}
.format-compact>summary::-webkit-details-marker,.daypart-guide>summary::-webkit-details-marker {display:none}
.format-compact>summary::marker,.daypart-guide>summary::marker {content:""}
.format-compact>summary:focus-visible,.daypart-guide>summary:focus-visible {outline:3px solid var(--orange);outline-offset:-4px;border-radius:10px}
.format-compact .format-art {
  display:flex;
  align-items:center;
  align-self:stretch;
  min-height:0;
  padding:26px 9px 14px;
}
.format-compact .demo-screen {display:grid;width:100%;height:66px;margin:0;border-radius:5px}
.format-compact .art-radio .demo-screen {border-radius:32px}
.format-compact .demo-screen>span {font-size:9px!important}
.format-compact .demo-screen>b {font-size:9px!important;margin-top:7px}
.format-compact .art-radio.art-audio .demo-screen>b,
.format-compact .art-radio.art-dj .demo-screen>b {font-size:14px!important;letter-spacing:2px!important}
.format-compact .art-bant .demo-screen b {padding:6px 2px}
.format-compact .art-sponsor .demo-screen i {width:14px;height:14px;top:5px;right:5px}
.format-compact .art-no {top:7px;right:10px}
.format-summary-copy {display:grid;gap:6px;min-width:0;padding:16px 0}
.format-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.format-meta .format-index {font-size:12px!important;letter-spacing:.4px!important}
.format-duration {font-size:13px;line-height:1.5;font-weight:800;color:#9a321a;background:#fff0ea;border-radius:5px;padding:1px 7px}
.format-title {font-family:var(--mc-font);font-size:20px;line-height:1.35;font-weight:750;letter-spacing:-.02em;color:var(--ink);overflow-wrap:break-word}
.fold-hint {font-size:14px;line-height:1.5;font-weight:750;color:#b33516}
.fold-hint .when-open {display:none}
details[open]>summary .fold-hint .when-closed {display:none}
details[open]>summary .fold-hint .when-open {display:inline}
.fold-chevron {display:block;width:32px;height:32px;padding:8px;border-radius:50%;background:#fff0ea;color:#b33516;flex-shrink:0}
details[open]>summary>.fold-chevron {transform:rotate(180deg)}
.format-compact[open]>summary {border-bottom:1px solid var(--line)}
.format-description {padding:20px 24px 24px}
.format-description p {margin:0;color:#505c70}
.format-description .format-duration-note {margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.format-duration-note strong {color:var(--ink);font-weight:750}
.daypart-guide {margin:22px 0 0;border:1px solid #dce2ee;border-radius:12px;background:#f6f7fb;overflow:hidden}
.daypart-guide>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}
.daypart-summary {display:grid;gap:5px;min-width:0}
.daypart-summary>strong {font-size:20px;line-height:1.4;color:var(--ink)}
.daypart-summary>.daypart-codes {font-size:16px;line-height:1.5;color:#505c70}
.daypart-content {padding:0 24px 24px}
.daypart-content dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding-top:22px;border-top:1px solid #dce2ee}
.daypart-content dl.radio-dayparts {grid-template-columns:repeat(2,minmax(0,1fr))}
.daypart-content dt {font-size:18px;font-weight:750;line-height:1.5;color:var(--ink)}
.daypart-content dt>span {display:block;font-size:14px;line-height:1.5;font-weight:600;color:#505c70;margin:3px 0 10px}
.daypart-content dd {font-size:var(--mc-copy);line-height:1.75;color:#505c70;margin:0}
.daypart-content .daypart-note {margin:20px 0 0;padding-top:16px;border-top:1px solid #dce2ee;color:#505c70}
@media(max-width:1000px) {
  .format-grid.compact-formats,.format-grid.compact-formats.radio-formats {grid-template-columns:1fr}
}
@media(max-width:800px) {
  .format-compact>summary {grid-template-columns:94px minmax(0,1fr) 32px;gap:12px;min-height:116px;padding-right:12px}
  .format-title {font-size:18px;line-height:1.4}
  .format-summary-copy {padding:14px 0;gap:5px}
  .format-compact .format-art {padding:25px 7px 12px}
  .format-description {padding:18px}
  .daypart-guide>summary {padding:18px}
  .daypart-summary>strong {font-size:18px}
  .daypart-content {padding:0 18px 20px}
  .daypart-content dl,.daypart-content dl.radio-dayparts {grid-template-columns:1fr;gap:20px}
}
@media(max-width:360px) {
  .format-compact>summary {grid-template-columns:80px minmax(0,1fr) 28px;gap:9px;padding-right:9px}
  .format-compact .fold-chevron {width:28px;height:28px;padding:6px}
  .format-compact .demo-screen>span,.format-compact .demo-screen>b {font-size:8px!important}
}
@media(prefers-reduced-motion:reduce) {.format-card.format-compact {transition:none}}