:root {
    --mq-brand: #183a5a;
    --mq-ink: #1d1d1f;
    --mq-muted: #424245;
    --mq-line: #d2d2d7;
    --mq-surface: rgba(251, 251, 253, 0.82);
    --mq-white: #ffffff;
    --mq-page: min(1180px, calc(100% - 40px));
    --mq-header-height: 53px;
    --mq-content-top-gap: 34px;
    --mq-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    background: var(--mq-white);
    color: var(--mq-ink);
    font-family: var(--mq-font);
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.45;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid rgba(24, 58, 90, 0.34);
    outline-offset: 3px;
}