/* Breadwinner v3 prototype: contact.html page-only styles. Loaded after v3-port.css.
   Everything cross-cutting (c-contact-form, c-field-kit, c-address-block) lives in v3-port.css;
   this file only holds the one layout wrinkle the kit does not cover: the aside column. */

.split__aside {
  position: relative;
}

.split__aside .contact-rows > li {
  line-height: 1.5;
}

@media (min-width: 900px) {
  .contact-layout { align-items: start; }
}

/* The WhatsApp row is a sentence with two links in it: it flows as inline text. The flex row
   v3.css gives a single-link row would make each text run and link its own flex item. */
.contact-rows > li:has(> .link ~ .link) {
  display: block;
  min-height: var(--tap);
}