/* 시안 A · 「야간 경기장」 배치 — 토큰만 쓴다(색 값 직접 금지) */

/* 상단 바: 얇은 라임 밑줄로만 브랜드를 표시 */
.hdr { border-bottom-color: var(--color-line); }
.hdr::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, var(--color-accent), transparent 42%); opacity: .55; }
.hdr { position: sticky; }

/* 히어로 — 제목은 흰 글자, 라임은 눈썹줄·밑줄에만 */
.hero { position: relative; overflow: hidden; padding-block: var(--space-12) var(--space-12); }
.hero::before { content: ""; position: absolute; inset-block-start: -40%; inset-inline-start: 50%;
  width: 120vw; height: 90vh; translate: -50% 0; pointer-events: none;
  background: radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 70%); }
.hero .wrap { position: relative; }
.hero h1 { max-width: 16ch; }
.hero h1 em { font-style: normal; position: relative; white-space: nowrap; }
.hero h1 em::after { content: ""; position: absolute; inset-inline: 0; bottom: .06em; height: .10em;
  background: var(--color-accent); border-radius: 2px; opacity: .9; }
.hero .lead { margin-top: var(--space-5); }
.hero .cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-8); }
.hero-grid { display: grid; gap: var(--space-8); margin-top: var(--space-10); }
@media (min-width: 900px) { .hero-grid { grid-template-columns: 1.05fr .95fr; align-items: center; gap: var(--space-12); } .hero { padding-block: var(--space-16) var(--space-12); } }

/* 카드: 위쪽 1px 하이라이트로 면을 띄운다(그림자 대신) */
.card { background-image: linear-gradient(180deg, color-mix(in srgb, var(--color-text) 4%, transparent), transparent 64px); }
.card.pad-lg { padding: var(--space-6); }

/* 사실 3칸 — 현 시안의 넓고 빈 3칸을 좁은 정보 줄로 */
.facts { display: grid; gap: var(--space-4); border: 1px solid var(--color-line);
  border-radius: var(--radius-lg); padding: var(--space-5); background: var(--color-surface); }
.facts div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); }
.facts div + div { border-top: 1px solid var(--color-line-soft); padding-top: var(--space-4); }
.facts dt { font-size: var(--text-xs); color: var(--color-text-weak); }
.facts dd { margin: 0; font-weight: var(--weight-bold); font-size: var(--text-lg); }
@media (min-width: 900px) { .facts { grid-auto-flow: column; grid-auto-columns: 1fr; }
  .facts div { display: grid; gap: var(--space-1); }
  .facts div + div { border-top: 0; border-inline-start: 1px solid var(--color-line-soft); padding-top: 0; padding-inline-start: var(--space-5); } }

/* 업로드 폼: 번호를 작게, 제목을 크게 (현 시안은 번호 원이 제목보다 컸다) */
.formhd { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-6); }
.formhd .no { font-family: var(--font-num); font-size: var(--text-xs); font-weight: var(--weight-bold);
  color: var(--color-accent-ink); border: 1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);
  border-radius: var(--radius-full); padding: 2px 10px; }
.formhd h2 { font-size: var(--text-xl); }

.pitchart { border: 1px solid var(--color-line); border-radius: var(--radius-lg); overflow: hidden; }
.pitchart .ph { border: 0; border-radius: 0; }
.footer { border-top-color: var(--color-line); }