/* Text enlargement: scoped to the four brand-wheel pages that include this file. */
@media(max-width:800px){
  .service-page.visual-system .service-header.site-header{flex-wrap:wrap}
  .service-page.visual-system .service-mobile-nav{max-width:100%}
  .service-page.visual-system .service-hero{grid-template-columns:minmax(0,1fr)}
  .service-page.visual-system .service-hero>*{min-width:0}
  .service-page.visual-system .service-hero h1{overflow-wrap:anywhere;hyphens:auto}
}
/* A dark ring on light surfaces and a white ring on dark surfaces. */
.service-page.visual-system :focus-visible{outline:3px solid #111!important;outline-offset:3px;box-shadow:0 0 0 6px #fff}

@media(max-width:800px){.service-page.visual-system .service-mobile-nav>nav{max-height:calc(100dvh - 100% - 16px)}}

.service-page.visual-system .local-skip-link:not(:focus){transform:translateY(-200%)}

@media(max-width:800px){
.service-page.visual-system .service-related-list{grid-template-columns:minmax(0,1fr)}
.service-page.visual-system .service-related-list a{min-width:0;overflow-wrap:anywhere}
.service-page.visual-system .site-footer .footer-brand-tooltip{min-width:0;max-width:85px;overflow-wrap:anywhere}
}

@media(max-width:800px){
.service-page.visual-system [id],.service-page.visual-system main :is(a,button,input,select,summary,[tabindex]){scroll-margin-top:190px}
}