body {
    font-family: "Apple Garamond", "Baskerville", "Droid Serif", "Georgia", "Garamond", "Times New Roman", "Times","Source Serif Pro", serif;
    font-size: 1.2rem;
    margin: 3rem auto;
    max-width: clamp(20em, 90vw, 36em);
    line-height: 1.3;
}

strong { font-weight: 600; font-size: 1.1em; }
.views { width: 0; height: 0; }
section {
    display: inline-block;
    font-size: 1.2em;
    border: 1px solid #000;
    padding: 1.5rem 2rem;
    margin-bottom: 3rem;
}

a { color: #0060df; }
a:visited { color: #b5007f; }

@media (prefers-color-scheme: dark) {
    body { background: #33312e; color: #fff; }
    img.dark { filter: invert(100%) hue-rotate(180deg); mix-blend-mode: screen; }
    a { color: #45a1ff; }
    a:visited { color: #e675fd; }
    section { border-color: #fff; }
}