/* Thematic photography; all service names and contacts remain live text. */
#cards .card{border-radius:20px;box-shadow:0 6px 24px #153e3b0b}
#cards .card-art{height:148px;background-image:linear-gradient(180deg,#123f3c00 30%,#123f3c38),var(--service-image);background-size:cover;background-position:center 55%;padding:0}
#cards .card-art>* ,#cards .card-art:before,#cards .card-art:after{display:none}
#cards .service-disclosure{height:100%}
#cards .service-expanded{height:100%;display:flex;flex-direction:column}
#cards .service-summary{display:none}
#cards .card--school{display:block}
#cards .card--school .service-expanded{display:grid;grid-template-columns:1.08fr 1fr}
#cards .card-body{background:linear-gradient(155deg,#fff,#f8faf8)}
#cards .school-label .icon{display:none}
.emergency{background-image:linear-gradient(90deg,rgba(12,43,45,.96),rgba(12,43,45,.84)),url('./assets/service-health.png');background-size:cover;background-position:center 52%;border:1px solid #406562;box-shadow:0 8px 24px #153e3b17;color:white}
.emergency h2,.emergency .call112,.emergency .call112 strong{color:#fff}
.emergency h2>span{color:#cee6da}
.emergency h2 .icon,.emergency .round-arrow{display:none}
.emergency p{color:#e0ece7}
.emergency-grid a{background:#ffffffed;border-color:#ffffff60;color:#234a46}
.emergency-grid b{color:#174f45}
@media(max-width:600px){
  #cards{gap:12px}
  #cards .card{min-height:0;border-radius:16px}
  #cards .service-disclosure{height:auto}
  #cards .service-summary{display:flex;align-items:stretch;list-style:none;cursor:pointer;min-height:112px;touch-action:manipulation}
  #cards .service-summary::-webkit-details-marker{display:none}
  #cards .service-summary::marker{content:''}
  #cards .service-summary:focus-visible{outline:3px solid #7355ad;outline-offset:-4px;border-radius:16px}
  #cards .service-thumb{flex:0 0 82px;background-image:linear-gradient(180deg,#153e3b00,#153e3b26),var(--service-image);background-size:cover;background-position:center}
  #cards .service-summary-text{padding:12px 14px;min-width:0;align-self:center}
  #cards .service-summary-tag{display:block;font-size:.8125rem;color:#617568;line-height:1.4;margin-bottom:4px}
  #cards .service-summary-name{display:block;font-weight:800;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
  #cards .service-summary-action{display:block;font-size:.875rem;font-weight:700;color:#28604d;margin-top:7px}
  #cards .service-close-label,#cards .service-disclosure[open] .service-open-label{display:none}
  #cards .service-disclosure[open] .service-close-label{display:inline}
  #cards .service-disclosure:not([open])>.service-expanded{display:none}
  #cards .service-disclosure[open]>.service-summary{border-bottom:1px solid #d4e1d9}
  #cards .service-disclosure[open]>.service-summary>.service-thumb{display:none}
  #cards .card--school .service-expanded{display:flex;flex-direction:column}
  #cards .card-art{height:144px}
  #cards .card-body,#cards .card--school .card-body{padding:18px}
  #cards .campus-picture{min-height:170px}
  .emergency{border-radius:16px}
}

#cards .card.hidden{display:none!important}

/* A single section header contains the title and all category controls. */
.services-banner{padding:32px 38px;margin-bottom:24px;border:1px solid #52746b;border-radius:24px;background:linear-gradient(90deg,rgba(12,43,45,.97),rgba(18,63,60,.88) 55%,rgba(18,63,60,.56)),url('./assets/service-utilities.png') center 52%/cover;box-shadow:0 10px 30px #153e3b18;color:#fff}
.services-banner .section-head{align-items:center;gap:24px;margin-bottom:26px}
.services-banner .section-kicker{display:block;color:#d9ed94;font-size:.875rem;letter-spacing:.1em;margin-bottom:12px}
.services-banner h2{color:#fff;font-size:clamp(1.875rem,3.3vw,2.75rem);line-height:1.12;letter-spacing:-.04em}
.services-banner .section-head p{color:#e0ece7;font-size:1rem;line-height:1.55;max-width:450px}
.services-banner .chips{margin:0;gap:8px;padding-top:22px;border-top:1px solid #ffffff30}
.services-banner .chip{min-height:44px;padding:10px 16px;font-size:.875rem;line-height:1.4;background:#ffffffee;border-color:#ffffff80;color:#234e46}
.services-banner .chip.active{background:#d9ed94;border-color:#d9ed94;color:#153e3b}
.services-banner .chip:hover{background:#eaf5c9;border-color:#eaf5c9;color:#153e3b}
.services-banner .chip:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.services-banner{padding:26px}.services-banner .section-head{flex-direction:column;align-items:flex-start;gap:14px}.services-banner .section-head p{max-width:540px}}
@media(max-width:600px){.services-banner{padding:22px 18px;margin-bottom:18px;border-radius:16px}.services-banner .section-head{margin-bottom:18px;gap:12px}.services-banner .section-kicker{font-size:.8125rem;margin-bottom:10px}.services-banner h2{font-size:1.875rem}.services-banner .chips{padding-top:18px;gap:7px}.services-banner .chip{padding:10px 12px;font-size:.875rem}.services-banner .section-head p{font-size:1rem}}

/* Keep the hospital photograph in frame, excluding the screenshot heading. */
#cards [data-member-card="service-b8dd49d5cf547e5c4fdf"] .card-art{background-position:center 75%}
@media(max-width:600px){
  #cards [data-member-card="service-b8dd49d5cf547e5c4fdf"] .service-thumb{background-size:auto 150%;background-position:center 80%;background-repeat:no-repeat}
}

/* Frame the FAP building below the open sky. */
#cards [data-member-card="service-dc82da3f742add99c60f"] .card-art{background-position:center 82%}
@media(max-width:600px){
  #cards [data-member-card="service-dc82da3f742add99c60f"] .service-thumb{background-size:auto 160%;background-position:68% 88%;background-repeat:no-repeat}
}

#cards [data-member-card="service-d13b9acbbd3fc0302d3f"] .card-art{background-position:center 32%}

#cards [data-member-card="service-350fea3708187a19e524"] .card-art{background-position:center 76%}

#cards [data-member-card="service-c280ea95eea6f26338eb"] .card-art{background-position:center 75%}
@media(max-width:600px){
  #cards [data-member-card="service-c280ea95eea6f26338eb"] .service-thumb{background-size:auto 140%;background-position:60% 85%;background-repeat:no-repeat}
}

/* Preserve the complete wide waste operator logo. */
#cards [data-member-card="service-cdb73c9f79d3e100661c"] .card-art,
#cards [data-member-card="service-cdb73c9f79d3e100661c"] .service-thumb {
  background-color: #fff;
  background-image: var(--service-image);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#cards [data-member-card="service-b9d88d94e159048bd550"] .card-art{background-position:center 70%}
@media(max-width:600px){
  #cards [data-member-card="service-b9d88d94e159048bd550"] .service-thumb{background-position:35% center}
}