* { box-sizing: border-box; }
html { color: #202f31; background: #faf9f5; font: 17px/1.65 system-ui, sans-serif; }
main { width: min(100% - 2rem, 52rem); margin: 2.5rem auto 5rem; }
h1, h2 { font-family: Georgia, serif; color: #243d40; line-height: 1.18; }
h1 { font-size: clamp(2rem, 6vw, 3.4rem); margin: .5em 0; }
h2 { font-size: 1.55rem; margin: 1.55em 0 .45em; }
a { color: #175a66; text-underline-offset: .18em; }
a:focus-visible { outline: 3px solid #a64415; outline-offset: 3px; }
.dek { font-size: 1.17rem; }
.sources, nav, footer { font-size: .9rem; }
aside, footer { border-top: 1px solid #adbcb9; margin-top: 2rem; padding-top: .6rem; }
p, li { overflow-wrap: anywhere; }
li { margin: .35em 0; }
@media print { main { width: auto; margin: 0; } nav { display: none; } }