/* Web service details: a compact overview beside the provider directory. */
.service-detail-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:32px;margin:24px 0 48px}
.service-overview{padding:24px;background:var(--paper-sunk);border:1px solid var(--line);border-radius:16px;min-width:0}
.service-overview .services-intro{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:18px;padding:0;margin:0;border:0}
.service-overview .services-intro>div{width:100%;min-width:0}
.service-overview .services-intro h1{font-size:28px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.service-overview .services-intro p{font-size:14px;line-height:1.9;margin:0 0 18px}
.service-overview .services-intro .button{width:100%;margin:0;text-align:center;justify-content:center}
.service-overview .services-intro-symbol.service-illustration{width:128px;height:104px}
.service-overview .service-highlights{border-bottom:0;padding:18px 0 0;margin:22px 0 0;gap:0}
.service-overview .service-highlights li{padding:0 8px;gap:8px;font-size:12px;overflow-wrap:anywhere}
.service-overview .service-highlights .service-artwork{height:60px;max-width:72px}
.service-providers{min-width:0}
.service-providers>.section-heading{margin:0 0 22px;align-items:flex-start;gap:16px}
.service-providers .ui-section-description{max-width:60ch}
.service-providers .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-providers .provider-grid-single{grid-template-columns:minmax(0,560px)}
.service-providers .provider-card{padding:22px;gap:12px;height:100%}
.service-providers .provider-card h2{font-size:20px}
.service-providers .provider-coverage{align-items:flex-start;font-size:13px}
.service-providers .provider-coverage .project-icon{margin-top:5px}
.service-providers .service-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:32px 24px;background:transparent;border:1px dashed var(--line);gap:14px}
.service-providers .service-empty p{margin:0;line-height:1.8}
.service-providers .page-links{margin:24px 0 0}
@media(min-width:1400px){.service-detail-layout{gap:40px}}
@media(max-width:1000px) and (min-width:761px){.service-detail-layout{grid-template-columns:280px minmax(0,1fr);gap:24px}.service-providers .provider-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.service-detail-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin:18px 0 32px}.service-overview{padding:20px}.service-overview .services-intro{flex-direction:row;align-items:flex-start;gap:16px}.service-overview .services-intro h1{font-size:24px}.service-overview .services-intro-symbol.service-illustration{width:88px;height:88px}.service-providers .provider-grid{grid-template-columns:minmax(0,1fr)}.service-providers .service-empty{min-height:210px}.service-providers .provider-card{padding:20px}}
@media(max-width:380px){.service-overview .services-intro{flex-direction:column-reverse}.service-overview .services-intro-symbol.service-illustration{width:80px;height:72px}}