/* The white label page (theme/pages/white-label/, served at /white-label/): what its parts share. The sections live in
   parts/: top (the hero), blocks (four static blocks and their pictures), faq (the questions) and finale (the night with
   the brand's checklist). 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, and the parts' own files hold only what is this page's. This file holds the anchor offset,
   the list reset, the focus ring for what the kit does not cover, the eyebrow tile's colour (the nav's White label row)
   and the still frame under reduced motion. The hero demo's YourBrand tile in dark is the demo's own rule for its
   agencies set (src/demo.css), and the pictures the agency page shares are the kit's (.k-wl). Every rule
   is scoped to .pg-white-label, the class templates/page-parts.php puts on <main>. */

main.pg-white-label{padding-top:0}
.pg-white-label [id]{scroll-margin-top:calc(var(--nav-h) + 16px)}
:where(.pg-white-label) :where(ul,ol){list-style:none;margin:0;padding:0}
.pg-white-label :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
/* the eyebrow's tile: the nav's White label row (.agy-c-wl) */
.pg-white-label .wl-tile{--m:var(--d-logic)}
@media (prefers-reduced-motion:reduce){
  .pg-white-label *{transition:none !important;animation:none !important}
}