/*
 * 전시 상영 타임테이블
 * Pretendard 단일 폰트, 1/8 rem 그리드, 흰 종이·검은 잉크·단일 블루 액센트
 */
:root {
  --paper: #ffffff;
  --ink: #111111;
  --muted: #6b6b6b;
  --rule: #d8d8d8;
  --blue: #0000ee;
  --blue-visited: #551a8b;

  --sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  --mono: "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;

  --measure: 40rem;
}

* { box-sizing: border-box; }

html { font-size: 16px; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.6;
  word-break: keep-all;
}

.wrap {
  max-width: var(--measure);
  margin: 0 auto;
  padding: 2.5rem 1rem;
}

/* ── 마스트헤드 ───────────────────────────────── */
.masthead {
  margin-bottom: 1.5rem;
}
.masthead h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.5rem;
}
.masthead .meta {
  font-size: 0.875rem;
  color: var(--muted);
  margin: 0;
}
.masthead .meta b { color: var(--ink); font-weight: 500; }

/* ── 콜로폰 / 설명 ─────────────────────────────── */
.colophon {
  font-size: 0.875rem;
  padding-bottom: 1rem;
  margin-bottom: 5rem;
}
.colophon p {
  margin: 0;
  line-height: 1.6;
  word-break: keep-all;
}
.colophon p:lang(en) { line-height: 1.5; }

/* ── 참여자별 블록 ──────────────────────────────── */
.performer {
  border-top: 1px solid var(--rule);
  padding: 0.875rem 0;
  break-inside: avoid;
}
.performer .p-head {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.performer .idx-title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.performer .idx {
  color: var(--blue);
  font-weight: 500;
  min-width: 2rem;
}
.performer h2 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}
.performer .host {
  font-size: 0.75rem;
  color: var(--muted);
  margin-left: auto;
}

.grid {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.grid .daylabel { color: var(--muted); font-family: var(--mono); }
.grid .times { font-family: var(--mono); }

.grid .times span { display: inline-block; margin-right: 0.625rem; }
.grid .times:empty::before { content: "—"; color: var(--rule); }

/* ── 경고 ─────────────────────────────────────── */
.warn {
  color: var(--blue);
  border: 1px solid var(--blue);
  padding: 0.5rem 0.75rem;
  margin: 0 0 1.5rem;
  font-size: 0.875rem;
}

/* ── 인쇄 ─────────────────────────────────────── */
@media print {
  @page { margin: 14mm; }
  .wrap { padding: 0; max-width: none; }
}

/* ── 모바일 ─────────────────────────────────────── */
@media (max-width: 600px) {
  .wrap { padding: 1rem; }
  .masthead h1 { font-size: 1rem; }
  .masthead .meta { font-size: 0.75rem; }
  .colophon { font-size: 0.75rem; margin-bottom: 2rem; }
  .performer .p-head { flex-direction: column; align-items: flex-start; }
  .performer .host { margin-left: 0; }
}