/* Витрина публичных альбомов: палитра вьюера. */
*{box-sizing:border-box}
body{margin:0;background:#12151a;color:#e8ecf3;
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,sans-serif}
header{padding:32px 24px 8px;max-width:1180px;margin:0 auto}
h1{margin:0;font-size:26px;font-weight:650;letter-spacing:-.3px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;
  padding:18px 24px 48px;max-width:1180px;margin:0 auto}
.card{display:flex;flex-direction:column;background:#1a1e26;border:1px solid #2e3644;
  border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .15s}
.card:hover{border-color:#f2a33c}
.cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0d1015}
/* абсолютно, иначе портретная обложка распирает рамку 4:3 своей высотой */
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.body{display:flex;align-items:center;gap:14px;padding:14px 16px 16px}
.text{flex:1;min-width:0}
/* контур маршрута тонкой линией рядом с названием, без тайлов; обложку не закрывает */
.outline{flex:0 0 72px;height:72px}
.outline path{fill:none;stroke:#f2a33c;stroke-width:1.6;stroke-linejoin:round;
  stroke-linecap:round;vector-effect:non-scaling-stroke}
h2{margin:0 0 4px;font-size:18px;font-weight:650}
.dates,.nums{color:#98a3b5;font-size:13px}
.empty{color:#98a3b5}