/* HotelEx, Blog and HR diagnostic pages mount the one public shell
   (/public-release/assets/shell.css and shell.js). Page integration only:
   the shell itself is not styled here. */

/* The header placeholder keeps the header's space until the shell mounts. */
[data-labc-shell="header"] { display: block; height: var(--header-h); }

/* css/styles.css sets overflow-x:hidden on both html and body, which makes
   body a scroll container and stops the sticky header at the top of body.
   clip keeps horizontal overflow cut off without creating a scroll container,
   so the header stays at the top of the viewport as on the new site. */
body { overflow-x: clip; }

/* One LABC typeface: the page body and the privacy dialog (which css/styles.css
   sets in the former Century Gothic stack) use the shell type tokens. */
body { font-family: var(--body); }
[data-labc-consent-dialog] { font-family: var(--body); }
[data-labc-consent-dialog] h2 { font-family: var(--heading); }

/* Anchors and the skip-link target stay clear of the sticky header. */
html { scroll-padding-top: calc(var(--header-h) + 20px); }
body > main#main-content { scroll-margin-top: calc(var(--header-h) + 16px); }
body > main#main-content:focus { outline: none; }

/* Printed pages (such as a completed diagnostic report) carry no site shell. */
@media print {
  .skip-link, .site-header, .site-footer { display: none !important; }
}