/* Service-only gallery layout. Shared EMS behavior/assets remain unchanged. */
/* Approved white study (2026-09-26, John): dark heading with the original
   teal accent on "in real time" only. Paper tokens stay scoped to #hub so
   gallery rules and hover states follow the white ground, not warm paper. */
#hub{--hub-ground:#FFFFFF;--paper:var(--hub-ground);--paper-2:#F0F6F4;--paper-line:#DCE5E1;background:var(--hub-ground);border-top:1px solid #E2E9E6}
#hub .sec-title{max-width:28ch}
#hub .sec-title em{font-style:normal;color:inherit}
#hub .sec-title .hub-teal-accent{color:var(--teal-ink)}
.service-feature-picker{display:none}
#hub .hub-detail{margin-top:14px}
#hub .hub-nav{margin-top:12px}
@media(min-width:861px){
 #hub .sec-title em{display:block}
 #hub .hub-features.service-ready{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,460px);grid-template-rows:auto auto auto;column-gap:clamp(32px,6vw,90px);max-width:980px;margin:32px auto 0;align-items:start}
 #hub .service-ready .hub-rail{grid-column:1;grid-row:1/4;display:grid;position:relative;overflow:visible;justify-content:center;padding:0;align-self:center;min-width:0}
 #hub .service-ready .hub-slide{grid-area:1/1;width:310px;max-width:100%;opacity:1;transform:none;visibility:hidden;pointer-events:none;transition:none}
 #hub .service-ready .hub-slide.is-active{visibility:visible;pointer-events:auto}
 #hub .service-ready .frame-phone{max-width:310px}
 #hub .service-ready .hub-slide__cap{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 #hub .service-ready .service-feature-picker{display:flex;flex-direction:column;grid-column:2;grid-row:1;gap:2px;align-self:end;padding-top:64px}
 .service-feature-picker button{display:block;width:100%;padding:14px 0;text-align:left;border:0;border-bottom:1px solid var(--paper-line);background:transparent;color:var(--mid-on-paper);font:inherit;font-size:19px;font-weight:500;cursor:pointer}
 .service-feature-picker button[aria-pressed=true]{color:var(--teal-ink);font-weight:650}
 #hub .service-ready .hub-detail{grid-column:2;grid-row:2;margin:24px 0 0;max-width:none}
 #hub .service-ready .hub-detail__item h3{font-size:24px}
 #hub .service-ready .hub-detail__item p{font-size:17px;line-height:1.6;max-width:40ch}
 #hub .service-ready .hub-nav{grid-column:2;grid-row:3;justify-content:flex-start;margin:22px 0 0}
 #hub .go{display:flex;justify-content:center}
}
@media(max-width:860px){
 #hub .hub-features{display:flex;flex-direction:column}
 #hub .hub-rail{order:1}
 #hub .hub-detail{order:2;width:100%;min-width:0}
 #hub .hub-nav{order:3}
 #hub .hub-slide__cap{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 #hub .hub-detail__item h3{font-size:20px}
 #hub .hub-detail__item p{font-size:16px;line-height:1.55}
}