:root {
    color-scheme: light;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
        "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.6;
}

body {
    margin: 0;
    background: Canvas;
    color: CanvasText;
}

header {
    padding: 20px 24px;
    border-bottom: 1px solid color-mix(in srgb, CanvasText 15%, transparent);
}

.breadcrumbs {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    font-weight: 600;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

main {
    max-width: 860px;
    margin: 0 auto;
    padding: 32px 24px 64px;
}

a {
    color: inherit;
}