/* Individual partner page layout.
   Sits inside @layer theme alongside the other style/*.css files.

   Two-column layout: logo on the left (1/3 width), centred both axes;
   partner name + details on the right (2/3 width). Stacks vertically
   on narrow screens.

   Inherits site typography — no font-* declarations.
*/
@layer theme {

  main > .partner {
    width: 80%;
    margin-inline: auto;
    padding: 3rem 0 4rem;
  }

  main > .partner > header {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 3.5rem;
    align-items: center;
  }

  main > .partner > header > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
  }

  main > .partner > header > a img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .partner-name {
    min-width: 0;
  }

  .partner-name > h3 {
    font-size: var(--font-size-x-large, 1.5rem);
    font-weight: var(--weight-bold, 800);
    color: var(--color-ink);
    margin: 0 0 1rem;
    letter-spacing: -0.01em;
  }

  .partner-details p,
  .partner-details ul,
  .partner-details ol {
    font-size: var(--font-size-regular, 1.05rem);
    line-height: 1.7;
    color: var(--color-ink-muted, #4a4a4a);
    margin: 0 0 1rem;
  }

  .partner-details p:last-child {
    margin-block-end: 0;
  }

  .partner-details h4 {
    font-size: var(--font-size-regular, 1.05rem);
    font-weight: var(--weight-medium, 600);
    color: var(--color-ink);
    margin: 1.5rem 0 0.75rem;
  }

  .partner-details a {
    color: var(--link, var(--color-accent));
  }

  .partner-details a:hover {
    color: var(--link-hover, var(--color-ink));
  }

  .partner-details ul,
  .partner-details ol {
    padding-inline-start: 1.5em;
  }

  .partner-details li {
    margin-block-end: 0.4em;
  }

  @media (max-width: 768px) {
    main > .partner {
      width: 90%;
    }

    main > .partner > header {
      grid-template-columns: 1fr;
      gap: 2rem 0;
    }

    main > .partner > header > a {
      justify-content: center;
      padding: 1rem 2rem;
    }

    main > .partner > header > a img {
/*       max-width: 200px; */
    }
  }

}