/* Only the frame hosts are styled; tool content keeps its own CSS. */
@font-face { font-family: "Legrand Frame Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/roboto-regular.woff2") format("woff2"); }
@font-face { font-family: "Legrand Frame Roboto"; font-style: italic; font-weight: 400; font-display: swap; src: url("assets/roboto-italic.woff2") format("woff2"); }
@font-face { font-family: "Legrand Frame Roboto"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/roboto-600.woff2") format("woff2"); }
legrand-header, legrand-footer { display: block; width: 100%; }
legrand-header { position: sticky; top: 0; z-index: 1000; }
legrand-header:not([data-ready]) { min-height: 98px; }
legrand-footer:not([data-ready]) { min-height: 174px; }
@media (max-width: 767px) {
  legrand-header { position: relative; }
  legrand-header:not([data-ready]) { min-height: 144px; }
  legrand-footer:not([data-ready]) { min-height: 248px; }
}
@media print { legrand-header { position: static; } }