/* Additions on top of Ben's approved design (styles.css + design.css). Keep this file small. */

/* Partner logos on the home page (requested by Ben, 12 Oct 2026; not part of the prototype).
   Blue band with white logos (Ben, 29 Oct 2026). `main#main` outranks Ben's positional section backgrounds. */
/* Same tone as the closing section below it (var(--dark)), so the page ends in one dark block plus footer. */
main#main section.partners-section { background: var(--dark); color: var(--ink); border-top: 0; }
main#main section.partners-section + section { border-top: 1px solid var(--dark-line); }
main#main section.partners-section h2,
main#main section.partners-section .label { color: var(--ink); }
.partner-logos { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 36px 56px; }
/* Logo files are cropped to their content, so equal heights look equal. Rendered as white silhouettes. */
/* Scoped to the section so it outranks the generic `.copy img` rule further down. */
.partners-section .partner-logos img { display: block; height: 100px; width: auto; max-width: none; margin: 0; border-radius: 0; filter: brightness(0) invert(1); opacity: .9; transition: opacity .2s; }
.partners-section .partner-logos a:hover img { opacity: 1; }
@media (max-width: 760px) {
  .partner-logos { justify-content: center; gap: 22px 32px; }
  .partners-section .partner-logos img { height: 64px; }
}

/* Career page (Ben, 30 Oct 2026): no frame around Peter's photo, and solid outcome boxes that stay readable
   when the stages section lands on a dark band (its background depends on section position). */
.peter-profile .peter-photo img { border: 0; }
main#main .programme-stage .stage-outcome { background: #f6f3ea; color: #20354b; }

/* Images Ben inserts through the editor into text blocks: never wider than the column. */
.copy img { display: block; max-width: 100%; height: auto; margin: 24px 0; border-radius: 8px; }

/* Contact form: real submission status and spam check. */
.enquiry-form .cf-turnstile { margin: 8px 0 24px; min-height: 65px; }
.enquiry-form .form-status { margin-top: 18px; font-size: 15px; }
.enquiry-form button[disabled] { opacity: .6; cursor: progress; }
.enquiry-form .privacy-link, .footer-inner a[href="/privacy"] { text-decoration: underline; text-underline-offset: 3px; }