/* Layout reset for routes that do not download bootstrap or the full Mud sheet.
   Matches the box model, heading rhythm, and button chrome those files already apply,
   so the page paints the same without the unused rules. */

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 { font-size: calc(1.375rem + 1.5vw); }
h2 { font-size: calc(1.325rem + 0.9vw); }
h3 { font-size: calc(1.3rem + 0.6vw); }
h4 { font-size: calc(1.275rem + 0.3vw); }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

@media (min-width: 1200px) {
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.75rem; }
    h4 { font-size: 1.5rem; }
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
}

button,
input,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    color: inherit;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    padding: 0;
    align-items: center;
    border-radius: 0;
    vertical-align: middle;
    appearance: none;
    justify-content: center;
    background: transparent;
    text-transform: none;
}

.mud-popover-provider,
#mud-snackbar-container {
    position: fixed;
}

.mud-icon-root {
    display: inline-block;
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem;
    user-select: none;
}

.mud-icon-size-small {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
}