/* The agency monitoring page (theme/pages/agencies-monitoring/, routed by theme/inc/pillar-pages.php to
   /agencies/monitoring/): what its parts share. The sections live in parts/: top (the hero), blocks (six static blocks
   and their pictures), faq (the questions) and finale (the night with the calls). The page is assembled from the
   landing kit (theme/assets/css/kit.css; the umbrella's marketing/landing/BRANDBOOK.md): the hero, the blocks, the FAQ,
   the finale, the buttons, the chips and the window frames are its k-* parts, the pictures the shared demo
   (demo.css) and the white label components (assets/css/wl.css), so this file holds only what /agencies/' own holds
   for its page: the anchor offset, the list reset, the focus ring for what the kit does not cover and the still frame
   under reduced motion. Every rule is scoped to .pg-agencies-monitoring, the class templates/page-parts.php puts on
   <main>; none restyles a k- class. */

main.pg-agencies-monitoring{padding-top:0}
.pg-agencies-monitoring [id]{scroll-margin-top:calc(var(--nav-h) + 16px)}
:where(.pg-agencies-monitoring) :where(ul,ol){list-style:none;margin:0;padding:0}
.pg-agencies-monitoring :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){
  .pg-agencies-monitoring *{transition:none !important;animation:none !important}
}