/* fonts, vars, global styles */
:root {
  --header-height: 52px;
}

body {
  header {
    min-height: var(--header-height);
  }
}

/* Hide any unfinished main pattern. */
main :is([data-style], [data-script]) {
  display: none;
}

/* Any landmark top most child with unfinished descendant patterns. */
body > * > *:has([data-style], [data-script]) {
  display: none;
}