/* Partnerships (/partnerships): the regional network cards (src/components/Network.astro) on the homepage's paper
   cards, and the partner note under the closing form. The hero drawing is the orbit from customization.css. */

/* ---------- network cards: region code as the big letter, the status beside the name ---------- */
.net__card .paper__letter { font-size: clamp(110px, 11vw, 190px); }
.net__name { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.net__name h3 { margin-top: 0; max-width: none; }
.net__status {
  padding: 7px 11px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(2, 39, 31, 0.32);
  font-size: 11px; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;
}
.paper .net__status { color: var(--green); background: var(--sage-100); }   /* sits clear of the big letter */
.paper .net__role { color: var(--green); }
.net__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 10px; }
.paper .net__cta .btn { margin-top: 0; }

/* an unconfirmed plan: an outline, not a card, on the dark section */
.net__card.is-pending { min-height: 0; background: transparent; color: var(--cream); outline: 1px dashed rgba(244, 247, 213, 0.38); outline-offset: -1px; }
.net__card.is-pending .paper__letter { color: rgba(244, 247, 213, 0.06); }
.net__card.is-pending .mono, .net__card.is-pending .net__role { color: rgba(244, 247, 213, 0.66); }
.net__card.is-pending .rich, .net__card.is-pending .rich p { color: rgba(244, 247, 213, 0.78); }
.net__card.is-pending .net__status { color: var(--cream); background: var(--green); box-shadow: none; outline: 1px dashed rgba(244, 247, 213, 0.6); outline-offset: -1px; }
.net__card.is-pending h3 { max-width: 22ch; }
.routes[style*="--n:1"] { grid-template-columns: minmax(0, 1fr); }
.routes[style*="--n:1"] .paper .rich p { max-width: 62ch; }

/* ---------- the partner note under the closing form ---------- */
.final .net__note { margin-top: clamp(40px, 5vw, 64px); }
.net__note .net__cta { margin-top: 0; }
.net__note .link { color: var(--cream); }

@media (max-width: 600px) {
  .net__name { flex-direction: column; align-items: flex-start; }
  .net__status { white-space: normal; line-height: 1.3; }
  .net__card .paper__letter { font-size: clamp(84px, 26vw, 120px); }
}