/* Moved from websites/templates/websites/website_structure_pages.html (redesign checklist: local CSS out of the templates).
   Loaded only by that page, at the place its <style> stood. */

/* The shape itself is the title of the page — big enough to read as one. */
.structure-head code { font-size: 1.1em; overflow-wrap: anywhere; }
.structure-facts { display: flex; flex-wrap: wrap; gap: var(--space-3);
  margin: var(--space-2) 0; }
.structure-facts div { font-size: 13px; }
.structure-facts b { display: block; font-size: 18px; }
/* The seven live checks as a strip of labelled badges: the report shows
   them as a row of a table, a single structure has room to name them. */
.structure-checks { display: flex; flex-wrap: wrap; gap: var(--space-2);
  margin: var(--space-2) 0 0; }
.structure-checks span.structure-check { font-size: 12px;
  color: var(--color-neutral-800); }
.table-topline { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--space-2); margin: 0 0 var(--space-2); }
.table-topline .table-topline-count { margin-right: auto; }