@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: "Atkinson Hyperlegible", sans-serif;
    max-width: 700px;
    margin-inline: auto;
    padding-inline: 2rem;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.8rem;
}

.input-group > * {
    max-width: fit-content;
}

h2, h3 {
    margin-bottom: 0.2em;
    margin-top: 1em;
}

h2 + p,
h3 + p {
    margin-top: 0;
}