/*
 * Sunburst theme, round 9 (Nathan's Loom review of the Contact Us page). Loaded last by layout.blade.php.
 * Theme-wide: no property-specific selectors, colours only from the palette variables.
 *  - Quick links bar now sits ABOVE the two cards (contact.blade.php), so its spacing flips from above to below.
 *  - The form card is styled like the leasing card: accent top rule and the same soft shadow on both.
 *  - Both cards are the same height while no choice is open; once a choice opens, the form card grows on its own
 *    and the leasing card keeps its natural height.
 */

/* ---- Quick links bar between the title band and the cards ---- */
body.p-contact .sb-quickbar{margin-top:0;margin-bottom:40px}

/* ---- The two cards: one look ---- */
body.p-contact .sb-contact-top .contact-card,
body.p-contact .sb-contact-side .info-card{border-top:3px solid var(--accent);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 10%,transparent)}

/* ---- Same height while collapsed ---- */
body.p-contact .sb-contact-top{align-items:stretch}
body.p-contact .sb-contact-side{align-content:stretch}
body.p-contact .sb-contact-top:has(details.sb-path[open]){align-items:start}
body.p-contact .sb-contact-top:has(details.sb-path[open]) .sb-contact-side{align-content:start}

@media (max-width:960px){
  /* One column: each card keeps its own height. */
  body.p-contact .sb-contact-top{align-items:start}
  body.p-contact .sb-contact-side{align-content:start}
}
@media (max-width:640px){
  body.p-contact .sb-quickbar{margin-bottom:28px}
}