:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #1d3542; background: #fbf8f1; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.65; }
header, main, footer { width: min(100% - 2.5rem, 70ch); margin-inline: auto; }
header { padding-block: 2rem 1rem; }
header img { display: block; width: 110px; max-width: 100%; height: auto; }
main { padding-block: 1rem 2.5rem; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 6vw, 2.8rem); font-weight: 500; line-height: 1.15; margin: 0 0 1.25rem; text-wrap: balance; }
h2 { font-size: 1.2rem; line-height: 1.4; margin: 2rem 0 .5rem; }
p, ul { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
a { color: #294f62; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { color: #ad6027; }
a:focus-visible { outline: 3px solid #ad6027; outline-offset: 4px; }
::selection { color: #1d3542; background: #d5edf0; }
footer { border-top: 1px solid #8cbac1; padding-block: 1rem 2rem; }
nav { display: flex; flex-wrap: wrap; column-gap: 1.25rem; }
nav a { display: inline-flex; align-items: center; min-height: 44px; }
.date { color: #436071; font-size: .9rem; }