.charts { margin-top:8px; min-width:0; }
.chart { margin-top:22px; min-width:0; }
.chart h2 { margin-top:0; }
.chart-link { display:block; color:inherit; text-decoration:none; min-width:0; }
.ceiling { margin-top:14px; height:12px; background:#0c1016; border:1px solid var(--line); }
.ceiling b { display:block; height:100%; background:var(--brass); max-width:100%; }
.refused-mark { margin-top:14px; padding-left:10px; border-left:3px solid var(--brass); }
.days { display:flex; align-items:flex-end; gap:2px; height:120px; max-width:100%; overflow-x:auto; margin-top:12px; }
.day { flex:1 0 8px; min-width:8px; height:100%; display:flex; align-items:flex-end; }
.day i { display:block; width:100%; background:#2c3544; height:2px; }
.day.on i { background:var(--brass); height:100%; }
.day-list { margin-top:10px; color:var(--quiet); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.queue-item strong { display:block; margin-top:8px; font-family:Georgia, "Iowan Old Style", serif; font-size:22px; font-weight:600; }
.pack-map { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; }
.pack { background:var(--panel); border:1px solid var(--line); padding:14px; min-width:0; }
.pack strong { display:block; font-family:Georgia, "Iowan Old Style", serif; font-size:18px; font-weight:600; }
.pkg-line { margin:0 0 10px; overflow-wrap:anywhere; }
.sample-tier { color:var(--brass); }
.sample-label { margin:12px 0 0; color:var(--brass); font:12px/1.3 "Avenir Next", "Segoe UI", sans-serif; letter-spacing:.12em; font-weight:650; }
.caption, .multi { margin:8px 0 0; color:var(--quiet); font-size:14px; max-width:40rem; }
.steps { margin:12px 0 0; padding-left:1.2rem; }
.steps li { margin:0 0 12px; }
@media (max-width:800px) {
  .pack-map { grid-template-columns:1fr 1fr; }
}
@media (max-width:360px) {
  .pack-map { grid-template-columns:1fr; }
  .queue-item strong, .pack strong { font-size:18px; }
  .days { height:96px; }
}
