:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #25302e; background: #fbfcfb; }
* { box-sizing: border-box; letter-spacing: 0; }
body { margin: 0; }
a { color: #bf263b; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #238974; outline-offset: 4px; }
header, footer { padding: 24px max(20px, calc((100% - 1000px) / 2)); border-bottom: 1px solid #dce4e1; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.brand { font-size: 28px; font-weight: 800; text-decoration: none; color: #e6334c; }
.brand span { font-size: 16px; color: #25302e; }
nav { display: flex; flex-wrap: wrap; gap: 20px; margin-left: auto; }
main { max-width: 800px; margin: 56px auto; padding: 0 24px; line-height: 1.7; }
h1 { font-size: 36px; line-height: 1.2; color: #17231f; }
h2 { font-size: 21px; line-height: 1.35; margin-top: 36px; color: #17231f; }
p, li { overflow-wrap: anywhere; }
.date { color: #5d6c66; }
footer { border-top: 1px solid #dce4e1; border-bottom: none; font-size: 14px; }
@media (max-width: 520px) { main { margin: 32px auto; } h1 { font-size: 30px; } nav { margin-left: 0; } header { gap: 16px; } }