/* A shared, non-cropping two-screen presentation for WSC and Optic. */
/* Keep in-page navigation and the live service URL as separate, accessible links. */
html body.public-site #public-main .service-solution-map-group li.service-solution-map-live {
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:8px 0 16px;
}
html body.public-site #public-main .service-solution-map-live a {
  min-width:0;min-height:44px;padding:4px 0;align-items:center;
}
html body.public-site #public-main .service-solution-map-live .service-solution-map-url {
  font-size:13px;line-height:1.5;color:var(--pub-accent);overflow-wrap:anywhere;text-decoration:none;
}
html body.public-site #public-main .service-solution-map-live .service-solution-map-url:hover {
  text-decoration:underline;text-underline-offset:3px;
}
html body.public-site #public-main .service-solution-map-live .service-solution-map-description {
  grid-column:1/-1;margin:0;padding-left:calc(2rem + 1rem);color:var(--pub-body);overflow-wrap:anywhere;
}
@media(max-width:479px) {
  html body.public-site #public-main .service-solution-map-group li.service-solution-map-live {grid-template-columns:minmax(0,1fr);}
  html body.public-site #public-main .service-solution-map-live .service-solution-map-url {padding-left:calc(2rem + 1rem);}
}
#public-main.products-v4 :is(.service-solution-map,.service-screen) {opacity:1;}
#public-main.products-v4 :is(#wsc,#optic) .service-screen-gallery {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;
}
#public-main.products-v4 :is(#wsc,#optic) .service-screen {
  grid-column:auto;margin:0;padding:0;min-width:0;min-height:0;aspect-ratio:auto;display:block;
  background:#fff;border:1px solid var(--pub-line);border-radius:4px;overflow:hidden;
}
/* Consultation is a button, not an underlined inline content link. */
html body.public-site.page-service #public-main.publishing-main .service-contact-section a.scroll-business-link,
html body.public-site.page-service #public-main.publishing-main .service-contact-section a.scroll-business-link:hover,
html body.public-site.page-service #public-main.publishing-main .service-contact-section a.scroll-business-link:focus-visible {
  text-decoration: none;
}
#public-main.products-v4 :is(#wsc,#optic) .service-screen img {
  display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;cursor:default;
}
@media(max-width:767px) {
  #public-main.products-v4 :is(#wsc,#optic) .service-screen-gallery {grid-template-columns:minmax(0,1fr);gap:24px;}
}