/* =========================================================
   Only inside WordPress (Longform KD Microsites, microsite.json "host").
   <html> has .lkd-hosted and --lkd-host-top = bottom edge of the
   site header. The standalone page never loads this file.
   ========================================================= */

/* the microsite header, menu and skip link sit under the site header */
.lkd-hosted .hdr { top: var(--lkd-host-top, 0px); }
.lkd-hosted .menu { top: var(--lkd-host-top, 0px); }
.lkd-hosted .skip:focus { top: calc(var(--lkd-host-top, 0px) + 16px); }

/* first view: fill what is left of the screen below the site header */
.lkd-hosted .step--hero { min-height: calc(100svh - var(--lkd-host-top, 0px)); }

/* the theme turns every a:hover grey */
.lkd-hosted .hdr__brand:hover { color: var(--cream); }
.lkd-hosted .cue:hover { color: var(--muted); }
.lkd-hosted .skip:hover { color: var(--ink); }