/* Elements and small helpers every page relies on. */

/* FocusOnNavigate focuses the page heading, which the browser then draws a focus ring around. */
h1:focus {
    outline: none;
}

/* An icon is its name in letters until the 3.9 MB font arrives, hidden but as wide as the word. A square the
   size of the glyph keeps it from pushing labels aside meanwhile; rules for a particular icon come later and
   win. */
.material-symbols-outlined {
    display: inline-block;
    width: 1em;
    white-space: nowrap;
    overflow: clip;
}

.dense-menu .mud-icon-button {
    padding: 0px !important;
}

/* The error page is rendered outside the layout, so it carries its own spacing. */
.error-page {
    max-width: 34rem;
    margin: 4rem auto;
    padding: 0 1.5rem;
    font-family: system-ui, sans-serif;
    line-height: 1.6;
}

/* A value being replaced, shown beside its replacement. */
.ms-strike {
    text-decoration: line-through;
}