:root { color-scheme: light; background: #f7f1e5; color: #392d23; }
* { box-sizing: border-box; }
body { margin: 0; font: 400 18px/1.65 Kreon, Georgia, serif; }
a { color: #6f4b8f; text-underline-offset: .24em; text-decoration-thickness: 1px; }
a:hover { color: #4c3866; }
a:focus-visible { outline: 2px solid #6f4b8f; outline-offset: 5px; border-radius: 2px; }
.home { min-height: 100vh; min-height: 100svh; display: grid; place-content: center; justify-items: center; gap: 40px; padding: 40px 24px; }
.home h1 { width: min(606px, 89vw); margin: 0; line-height: 0; }
.home img { display: block; width: 100%; height: auto; }
nav { display: flex; justify-content: center; gap: 32px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; }
.page { max-width: 696px; margin: 0 auto; padding: 40px 24px 64px; overflow-wrap: anywhere; }
.back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-bottom: 36px; }
.back img { width: 40px; height: 40px; }
h1 { margin: 0 0 12px; color: #4c3866; font-size: clamp(30px, 6vw, 36px); font-weight: 600; line-height: 1.2; }
p { margin: 0 0 20px; }
strong { font-weight: 600; }
.date { margin-bottom: 28px; color: #6b5c65; font-size: 16px; }
.page nav { justify-content: flex-start; margin-top: 32px; }