*, *::before, *::after {
    box-sizing: border-box;
}
:root {
    color-scheme: dark;
}
html, body {
    min-block-size: 100%;
    block-size: 100%;
    margin: 0;
}
html {
    font-size: clamp(16px, 2vw, 24px);
}
body {
    display: flex;
    flex-direction: column;
    font-family: system-ui, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.5;
}
main {
    flex-grow: 1;
}
a:any-link {
    color: DodgerBlue;
    text-decoration: none;
}
.plain-list {
    list-style: inside none;
    padding: 0;
    margin: 0 0 .75em 0;
}
.subtle {
    color: color-mix(in srgb, CanvasText 32%, black);
}
.site-footer {
    padding: .75rem;
    font-size: .75em;
}
.home main {
    margin: 0 auto;
    inline-size: clamp(400px, 60ch, calc(100% - 3em));
}
.home-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75em;
}
.home-header h1 {
    margin: 0;
}
.home-header .site-logo {
    display: block;
}