.bex-sourcing-page .bex-sourcing-hero { background: var(--bex-navy); color: #fff; }
.bex-sourcing-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 76px); align-items: center; }
.bex-sourcing-hero-grid > * { min-width: 0; }
.bex-sourcing-hero-grid h1 { max-width: 15ch; font-size: clamp(2.7rem, 4.7vw, 5.3rem); line-height: 1.05; letter-spacing: -.05em; }
.bex-sourcing-hero-grid .bex-eyebrow { color: var(--bex-yellow); }
.bex-sourcing-hero-grid .bex-lead { color: #eef3f6; }
.bex-sourcing-hero-grid .wp-block-buttons { margin-top: 28px; }
.bex-sourcing-hero-grid .bex-media { margin: 0; }
.bex-sourcing-city-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.bex-sourcing-city-grid > .wp-block-group { min-width: 0; padding-top: 18px; border-top: 2px solid var(--bex-yellow); }
.bex-sourcing-city-grid h3, .bex-sourcing-work-grid h3 { margin: 0 0 12px; font-size: clamp(1.2rem, 1.8vw, 1.6rem); }
.bex-sourcing-city-grid p, .bex-sourcing-work-grid p { margin: 0; line-height: 1.6; }
.bex-sourcing-work { background: #eef2f5; }
.bex-sourcing-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.bex-sourcing-work-grid > .wp-block-group { background: #fff; padding: clamp(22px, 2.4vw, 32px); border-top: 3px solid var(--bex-yellow); }
.bex-sourcing-steps { max-width: 1000px; }
.bex-sourcing-steps .wp-block-buttons { margin-top: 30px; }
@media (max-width: 900px) { .bex-sourcing-hero-grid { grid-template-columns: 1fr; } .bex-sourcing-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bex-sourcing-work-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .bex-sourcing-city-grid { grid-template-columns: 1fr; } }

/* Editable pickup detail sections. */
.bex-sourcing-page > .wp-block-post-content{margin-block-start:0}
.bex-sourcing-page .wp-block-post-content > .bex-section > p{max-width:80ch;line-height:1.8}
.bex-sourcing-page .wp-block-post-content > .bex-section[id]{scroll-margin-top:100px}
.bex-pickup-faq{max-width:900px;margin-top:28px}
.bex-pickup-faq details{border-top:1px solid #cbd5dd;padding:20px 0}
.bex-pickup-faq summary{cursor:pointer;font-weight:700;line-height:1.6}
.bex-pickup-faq summary:focus-visible{outline:2px solid #f9c600;outline-offset:5px}
.bex-pickup-faq p{line-height:1.8;margin:16px 0 0}
.bex-sourcing-page .bex-sourcing-hero { background: var(--bex-navy); color: #fff; }
.bex-sourcing-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 76px); align-items: center; }
.bex-sourcing-hero-grid > * { min-width: 0; }
.bex-sourcing-hero-grid h1 { max-width: 15ch; font-size: clamp(2.7rem, 4.7vw, 5.3rem); line-height: 1.05; letter-spacing: -.05em; }
.bex-sourcing-hero-grid .bex-eyebrow { color: var(--bex-yellow); }
.bex-sourcing-hero-grid .bex-lead { color: #eef3f6; }
.bex-sourcing-hero-grid .wp-block-buttons { margin-top: 28px; }
.bex-sourcing-hero-grid .bex-media { margin: 0; }
.bex-sourcing-city-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.bex-sourcing-city-grid > .wp-block-group { min-width: 0; padding-top: 18px; border-top: 2px solid var(--bex-yellow); }
.bex-sourcing-city-grid h3, .bex-sourcing-work-grid h3 { margin: 0 0 12px; font-size: clamp(1.2rem, 1.8vw, 1.6rem); }
.bex-sourcing-city-grid p, .bex-sourcing-work-grid p { margin: 0; line-height: 1.6; }
.bex-sourcing-work { background: #eef2f5; }
.bex-sourcing-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.bex-sourcing-work-grid > .wp-block-group { background: #fff; padding: clamp(22px, 2.4vw, 32px); border-top: 3px solid var(--bex-yellow); }
.bex-sourcing-steps { max-width: 1000px; }
.bex-sourcing-steps .wp-block-buttons { margin-top: 30px; }
@media (max-width: 900px) { .bex-sourcing-hero-grid { grid-template-columns: 1fr; } .bex-sourcing-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bex-sourcing-work-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .bex-sourcing-city-grid { grid-template-columns: 1fr; } }
