:root {
    color-scheme: light;
    font-family: system-ui, sans-serif;
}

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #eef4f2;
    color: #18322f;
}

main {
    width: min(92vw, 36rem);
    padding: 2.5rem;
    background: white;
    border: 1px solid #c7d9d4;
    border-radius: 8px;
    box-shadow: 0 1rem 3rem rgb(24 50 47 / 12%);
}

h1 {
    margin-top: 0;
}

dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.75rem 1.5rem;
    margin-top: 2rem;
}

dt {
    color: #52736d;
}

dd {
    margin: 0;
    font-family: ui-monospace, monospace;
}