:root {
    color-scheme: light dark;
    line-height: 1.45;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    padding: 1rlh;
    max-width: 70rem;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    background: Canvas;
    color: CanvasText;
}

a {
    color: AccentColor;
}

a:visited {
    text-decoration: none;
}

body {
    >header {
        border-bottom: 1px dashed CanvasText;

        >h1 {
            font-size: clamp(2.5rem, 10vw, 4rem);
            margin: 1.5rlh 0 0.5rlh;
        }

        >p {
            font-size: small;
            color: color-mix(in srgb, CanvasText 80%, Canvas)
        }
    }
}