:root { color-scheme: light; --ink: #28231e; --paper: #f3ede3; --red: #8c302b; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: system-ui, sans-serif; }
header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 13px max(18px, calc((100vw - 880px) / 2)); background: #fffcf7ee; border-bottom: 1px solid #d8cbbc; backdrop-filter: blur(10px); }
header a { color: var(--red); font: 600 19px Georgia, serif; text-decoration: none; }
header span { color: #756a60; font-size: 13px; }
main { width: min(880px, 100%); margin: 0 auto; padding: 18px 14px 36px; }
figure { margin: 0 0 16px; box-shadow: 0 8px 22px #4c291c26; background: #5b0605; }
img { display: block; width: 100%; height: auto; }
@media (min-width: 900px) { main { padding-left: 0; padding-right: 0; } }