/* Destination artwork uses live captions, preserving source controls and sizing. */


@layer govtech {


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=light] :is(h2,p){color:#123d31!important;text-shadow:none!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=dark] :is(h2,p),html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] :is(h2,p){color:#fff!important;text-shadow:0 1px 6px #0006!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] .ong-hero__content{margin-left:45%!important;width:48%!important;max-width:620px!important;padding-left:0!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] .ong-hero__image{transform:scaleY(1.29)!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__dot{width:24px!important;min-width:24px!important}


html body .municipal-ebook-card,html body .ebook-library-cover{position:relative!important}


html body .maehia-book-label{position:absolute;inset:3% 7% auto;display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;color:#104b37;line-height:1.45;pointer-events:none}


html body .maehia-book-label img{width:32px!important;height:32px!important;aspect-ratio:1!important;object-fit:contain!important;box-shadow:none!important}


html body .maehia-book-label strong{font-size:clamp(10px,1vw,14px);font-weight:700;color:#104b37!important}


html body .ebook-library-cover .maehia-book-label strong{font-size:14px}


@media(max-width:900px){


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=light] :is(h2,p){color:#fff!important;text-shadow:0 2px 9px #001b18!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] .ong-hero__content{margin:0!important;width:100%!important;max-width:none!important;padding:230px 22px 84px!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] .ong-hero__image{object-fit:cover!important;object-position:24% top!important;transform:none!important;height:240px!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial]{background:#050505!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] .ong-hero__shade{background:linear-gradient(0deg,#050505 42%,transparent 80%)!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__slide[data-theme=memorial] h2{font-size:23px!important}


html body #homeSection #heroSliderContainer.civic-hero.maehia-hero .ong-hero__controls{gap:4px!important;left:18px!important;max-width:calc(100% - 36px)!important}


html body .maehia-book-label strong{font-size:11px}


}


}






/* QA 2026-10-07: one explicit header rule and stationary touch targets. */
@layer govtech {
  @media(min-width:1341px) {
    html body .cm-header .cm-header__row { gap:16px!important; }
    html body .cm-header .cm-nav__item { flex:0 0 auto!important; }
    html body .cm-header .cm-header__row .cm-nav__link { font-size:14px!important; padding:12px 7px!important; gap:4px!important; }
    html body .cm-header .cm-brand { max-width:270px!important; flex:0 0 270px!important; }
    html body .cm-header .cm-brand__text small { font-size:10px!important; text-wrap:balance; }
  }
  .bst-office-card img,.office-location-card img { object-fit:cover; object-position:right center; }
}
@media(max-width:767px) {
  html body .service-marquee-container { overflow-x:auto!important; padding-bottom:8px; scrollbar-width:thin; }
  html body .service-marquee-track { animation:none!important; transform:none!important; }
  html body .service-marquee-track > [aria-hidden="true"] { display:none!important; }
}

@media(max-width:479px){ html body .cm-header .cm-brand__text small {display:none!important;} }