/* Market pages (Pennsylvania and New Jersey): the request step in the hero and the closing band. Linked after the page's own sheet; prefix mk-; tokens only. When the request link is present it is the one filled button and the ZIP form drops to an outline button below it (:has); without the link the ZIP form is the filled button. */

.mk-request { margin-top: var(--sp-5); max-width: 34rem; }
.mk-request .sb-btn { width: 100%; }
@media (min-width: 40em) { .mk-request .sb-btn { width: auto; min-width: 16rem; } }

/* the ZIP check becomes the second thing on the screen: a hairline above it, an outline button (the hub heroes are bright, so the outline is navy) */
.sb-hero--hub:has(.mk-request) .sb-zip,
.sb-closing:has(.mk-request) .sb-zip { margin-top: var(--sp-5); padding-top: var(--sp-4); border-top: 1px solid var(--rule); }
.sb-hero--hub:has(.mk-request) .sb-zip .sb-btn--primary,
.sb-closing:has(.mk-request) .sb-zip .sb-btn--primary { background: transparent; border-color: var(--navy); color: var(--navy); }
.sb-hero--hub:has(.mk-request) .sb-zip .sb-btn--primary:hover,
.sb-closing:has(.mk-request) .sb-zip .sb-btn--primary:hover { background: var(--navy); border-color: var(--navy); color: var(--paper); }
.sb-hero--hub:has(.mk-request) .sb-zip .sb-btn--lg,
.sb-closing:has(.mk-request) .sb-zip .sb-btn--lg { min-height: var(--h-btn); }
/* the closing band is a light band on these pages: the outline button reads dark on light there */
.sb-closing:has(.mk-request) .sb-zip .sb-btn--primary { border-color: var(--navy); color: var(--navy); }
.sb-closing:has(.mk-request) .sb-zip .sb-btn--primary:hover { background: var(--navy); border-color: var(--navy); color: var(--paper); }

/* the three hubs keep one height at laptop width: the request button adds a row, so the floor moves from 620 to 720 px for all three together */
@media (min-width: 64em) { .sb-hero--hub:has(.mk-request) { min-height: 720px; } }

/* hero plate: the source line under the sun figures keeps a readable measure at tablet width */
.sb-hero--hub .sb-plate__source { max-width: 36em; }