main {
    margin-block: var(--space-md);
    padding-block-end: var(--space-md);
    box-shadow: var(--space-xs) var(--space-xs) var(--space-sm) oklch(from var(--color-text) l c h / .2);
}

h1 {
    font-size: var(--font-size-xl);
    font-weight: bold;
}

h2 {
    font-size: var(--font-size-lg);
    font-weight: bold;
}

h3 {
    font-size: var(--font-size-md);
    font-weight: bold;
}

section {
    header {
        display: flex;
        justify-content: space-between;
    }
    article {
        p {
            display: flex;
            justify-content: space-between;
        }
    }
    ol {
        > li:not(:first-child) {
            padding-block-start: var(--space-xs);
        }
    }
    ul {
        li {
            padding-inline-start: var(--space-sm);
            padding-block-start: var(--space-xs);
        }
    }
}

:where(p):has(> time + time) {
    font-style: italic;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    gap: var(--space-xs);
}

@media print {
    :root { color-scheme: light; }
    main {
        max-width: none;
        margin: 0;
        box-shadow: none;
    }
    li, article { break-inside: avoid; }
}

@page { margin: 1.5cm; }