/* Global service contact directory: put the introduction above the cards. */
.contact-directory{grid-template-columns:minmax(0,1fr);gap:26px;padding:clamp(54px,6vw,86px) clamp(22px,6vw,100px)}
.contact-directory .contact-intro,.contact-directory .contact-hub{width:min(100%,1500px);margin-inline:auto;min-width:0}
.contact-directory .contact-intro{position:static;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:end}
.contact-directory .contact-intro>p{grid-column:1/-1;margin:0 0 10px}
.contact-directory .contact-intro>h2{grid-column:1;margin:0}
.contact-directory .contact-intro>span{grid-column:2;align-self:end;max-width:540px;margin-bottom:6px}
.contact-directory .contact-hub{grid-column:1;padding-top:20px}
.contact-directory .qr-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-directory .qr-channel-card{grid-template-columns:minmax(72px,96px) minmax(0,1fr);min-width:0;gap:12px}
.contact-directory .qr-channel-card img{width:100%;height:auto}
.contact-directory .qr-channel-card--service{grid-column:auto;background:linear-gradient(115deg,#fffdf8,#f4eadd);border-color:rgba(145,94,50,.3)}
.contact-directory .qr-channel-card--service b{color:#6f293d}
.contact-directory .contact-address,.contact-directory .contact-pending{grid-column:1;grid-row:auto;width:min(100%,1500px);min-width:0;margin-inline:auto}
.contact-directory .contact-address{height:auto;min-height:0;flex-wrap:wrap;gap:10px 22px;margin-top:0;padding:18px 24px}
.contact-directory .contact-address strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(15px,1.1vw,18px);line-height:1.55}
.contact-directory .contact-address p{white-space:normal}
.contact-directory .contact-pending{margin-top:0}
@media(max-width:1050px){.contact-directory .qr-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.contact-directory{gap:18px;padding:48px 22px}.contact-directory .contact-intro{grid-template-columns:1fr;gap:8px}.contact-directory .contact-intro>p,.contact-directory .contact-intro>h2,.contact-directory .contact-intro>span{grid-column:1;margin:0}.contact-directory .contact-hub{padding-top:14px}.contact-directory .contact-address{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.contact-directory{padding:38px 16px}.contact-directory .qr-channel-grid{grid-template-columns:1fr}.contact-directory .qr-channel-card{grid-template-columns:minmax(72px,104px) minmax(0,1fr)}.contact-directory .qr-channel-card--service img{width:min(112px,30vw);height:auto;aspect-ratio:1}}