:root{--wrap:1100px;--pad:1rem;--radius:14px;--border:#e6e6e6;--muted:#666;--brand:#0b5fff}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0;background:#fafafa;color:#111}
a{color:var(--brand);text-decoration:none}
.muted{color:var(--muted);font-size:.92rem}
.wrap{max-width:var(--wrap);margin:auto;padding:var(--pad)}
/* Header + menu */
header{padding:.9rem var(--pad);background:#111;color:#fff;position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between}
header a{color:#fff;opacity:.9}
header a:hover{opacity:1}
.brand{font-weight:800;letter-spacing:.3px}
nav.top{display:flex;gap:.9rem;align-items:center}
nav.top a{padding:.35rem .55rem;border-radius:8px}
nav.top a.active,nav.top a[aria-current="page"]{background:#fff;color:#111}
/* Karty / grid */
.grid{display:grid;gap:1.1rem}
@media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem}
.card img{width:100%;height:auto;border-radius:10px;display:block;margin:.4rem 0}
/* Ovládací prvky */
.btn{display:inline-block;background:var(--brand);color:#fff;padding:.55rem .85rem;border-radius:10px;font-weight:700}
.btn.ghost{background:#efefef;color:#111}
.select{padding:.45rem .6rem;border:1px solid var(--border);border-radius:10px;background:#fff}
/* Tabulky rozvrhu */
.table.schedule th,.table.schedule td{border-bottom:1px solid #f0f0f0;padding:.5rem;text-align:left}
/* Archiv */
/* Archiv */
.folder summary { cursor: pointer; }
.filelist { list-style: none; margin: .4rem 0 0; padding: 0; }

/* Dvouřádkové zobrazení skladeb: 1. řádek název, 2. řádek čas+velikost; pravý sloupec tlačítko */
.filelist .track {
  display: grid;
  grid-template-columns: auto 1fr auto;   /* ▶︎ | Název/meta | Stáhnout */
  grid-template-rows: auto auto;          /* název, meta */
  align-items: center;
  gap: .2rem .6rem;
  padding: .45rem .5rem;
  border-radius: 10px;
}
.filelist .track:hover { background: #fafafa; }
.filelist .track .title {
  grid-column: 2;
  grid-row: 1;
  font-weight: 600;
  white-space: normal;
  word-break: break-word;
}
.filelist .track .meta {
  grid-column: 2;
  grid-row: 2;
  color: #888;
  font-size: .85rem;
  line-height: 1.2;
}
.filelist .track .btn.dl {
  grid-column: 3;
  grid-row: 1 / span 2;
  margin-left: .4rem;
}
.filelist .track.playing {
  background: #eef5ff;
  border: 1px solid #cfe1ff;
}
/* Footer */
footer{margin:2rem 0;color:#888;text-align:center;font-size:.9rem}

/* === Rádio: 3-sloupcový layout (Živě+Rozvrh | Hitparáda | Archiv) === */
.grid-3cols{
  display:grid;
  grid-template-columns: 1fr 1.2fr 1.8fr; /* levý užší, prostřední mírně širší, archiv nejširší */
  gap:1.1rem;
  align-items:start;
}
.col-left .card{margin-bottom:1.1rem}
.stream audio{width:100%;max-width:100%;}
/* v položkách archivu drž layout kompaktní */
/* Responsivní zlomky */
@media (max-width: 1100px){
  .grid-3cols{grid-template-columns: 1fr 1fr} /* 2 sloupce */
  .col-right{grid-column: 1 / -1} /* Archiv pod sebe */
}
@media (max-width: 720px){
  .grid-3cols{grid-template-columns: 1fr} /* 1 sloupec */
  .col-left, .col-mid, .col-right{grid-column:auto}
}