:root {
  color-scheme: light;
  color: #263d39;
  background: #f5efe4;
  font: 17px/1.72 "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; }
.wrap { width: min(calc(100% - 2rem), 43rem); margin-inline: auto; }
header { display: flex; gap: 1rem; align-items: center; padding: 2.5rem 0 1rem; }
header img { width: 3.25rem; height: 3.25rem; border-radius: 0.8rem; }
header p { margin: 0; font-size: 1.35rem; font-weight: 700; }
nav { display: flex; gap: 1rem; margin-block: 0.25rem 1.25rem; }
a { color: #145d60; text-underline-offset: 0.2em; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #145d60; outline-offset: 4px; }
nav a { padding-block: 0.4rem; }
nav a[aria-current] { color: #263d39; font-weight: 700; text-decoration-thickness: 0.15em; }
main { background: #fffcf4; padding: clamp(1.25rem, 4vw, 2.25rem); border: 1px solid #e4d8c4; border-radius: 1rem; }
h1 { margin: 0 0 1rem; font-size: clamp(1.65rem, 5vw, 2.2rem); line-height: 1.25; }
p { margin: 0 0 1rem; }
p:last-child { margin-bottom: 0; }
footer { padding-block: 1rem 2rem; font-size: 0.9rem; color: #4e625b; }