/* Media — hand-authored additions.

   pages/media.css is GENERATED from the design handoff by scripts/extract_page_css.py and
   must never be hand-edited; additions live here (CLAUDE.md house style).

   These replace inline `style=` attributes in the mock. */

.media-form-head {
  margin-bottom: var(--sp-4);
}

/* The press-kit column. */
.media-aside {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

.media-panel {
  padding: var(--sp-4) var(--sp-5);
}

.media-panel h3 {
  margin: 0 0 var(--sp-2);
}

.media-panel p {
  margin: 0;
}

/* Submit row: button and its SLA note on one line, wrapping on small screens. */
.media-submit {
  display: flex;
  gap: var(--sp-3);
  align-items: center;
  flex-wrap: wrap;
}