body[data-surface="public"] .coming-soon {
  margin: 48px 0 0;
  padding: 36px;
  border: 1px solid var(--line);
  background: var(--surface);
  word-break: keep-all;
}

body[data-surface="public"] .coming-soon .eyebrow {
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

body[data-surface="public"] .coming-soon h2 {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.45;
  letter-spacing: -.8px;
}

body[data-surface="public"] .coming-soon-heading > p:last-child {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}

body[data-surface="public"] .coming-soon-groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  margin-top: 30px;
}

body[data-surface="public"] .coming-soon-group { min-width: 0; }
body[data-surface="public"] .coming-soon-group + .coming-soon-group { padding-left: 40px; border-left: 1px solid var(--line-strong); }
body[data-surface="public"] .coming-soon h3 { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.6; color: var(--ink-soft); }
body[data-surface="public"] .coming-soon ul { list-style: none; padding: 0; margin: 16px 0 0; }
body[data-surface="public"] .upcoming-interviews li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line-strong); }
body[data-surface="public"] .upcoming-interviews li:first-child { padding-top: 0; }
body[data-surface="public"] .upcoming-interviews li:last-child { border-bottom: 0; padding-bottom: 0; }
body[data-surface="public"] .upcoming-interviews strong { font-size: 17px; font-weight: 550; color: var(--ink); }
body[data-surface="public"] .upcoming-interviews span { font-size: 14px; color: var(--muted); }
body[data-surface="public"] .upcoming-subjects-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; }
body[data-surface="public"] .upcoming-subjects-heading > span { font-size: 12px; color: var(--muted); }
body[data-surface="public"] .upcoming-subjects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body[data-surface="public"] .upcoming-subjects li { padding: 12px 16px; background: var(--bg); color: var(--ink-soft); font-size: 15px; }
body[data-surface="public"] .coming-soon .coming-soon-note { margin: 28px 0 0; font-size: 12px; color: var(--muted); }

@media (max-width: 700px) {
  body[data-surface="public"] .coming-soon { margin-top: 36px; padding: 28px 24px; }
  body[data-surface="public"] .coming-soon-groups { gap: 24px; margin-top: 26px; }
  body[data-surface="public"] .coming-soon-group + .coming-soon-group { padding-left: 24px; }
}

@media (max-width: 560px) {
  body[data-surface="public"] .coming-soon-groups { grid-template-columns: minmax(0, 1fr); }
  body[data-surface="public"] .coming-soon-group + .coming-soon-group { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--line-strong); }
  body[data-surface="public"] .coming-soon .coming-soon-note { margin-top: 24px; }
}

@media (max-width: 360px) {
  body[data-surface="public"] .coming-soon { padding: 24px 18px; }
  body[data-surface="public"] .upcoming-subjects li { padding: 12px; font-size: 14px; }
}