[s-cloak] { display: none !important; }

html {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1c2430;
    background: #f7f8fa;
}

body {
    margin: 0;
}

.site-header,
main {
    width: min(52rem, calc(100% - 2rem));
    margin: 0 auto;
}

.site-header {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #dfe3e8;
}

.site-header a {
    color: inherit;
    text-decoration: none;
}

main {
    padding: 2rem 0 4rem;
}

.profile-card,
.plain-js,
.stride-panel {
    padding: 1.25rem 0;
    border-bottom: 1px solid #dfe3e8;
}

h1,
h2,
p {
    margin-top: 0;
}

h1 {
    font-size: 1.65rem;
}

h2 {
    font-size: 1.05rem;
}

.eyebrow,
.handle {
    color: #637083;
}

button {
    font: inherit;
}