/* Change the accent colour here. It is used for italic headline words and links. */
:root { --accent: #0F6E68; }

html { scroll-behavior: smooth; }
body { margin: 0; background: #F6EFE6; }
img { max-width: 100%; }
a { color: var(--accent); }
a:hover { color: #0A4F4A; }
a:focus-visible { outline: 3px solid #E9A23B; outline-offset: 3px; }
section[id] { scroll-margin-top: 12px; }