:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.6; color: #17282b; background: #fafbf9; }
* { box-sizing: border-box; }
body { margin: 0; }
.wrap { width: min(100% - 2rem, 54rem); margin-inline: auto; }
a { color: #075d60; }
a:focus-visible { outline: 3px solid #f3a83b; outline-offset: 3px; }
.site-header, .site-footer { display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; align-items: center; padding-block: 1.25rem; }
.site-header { border-bottom: 1px solid #d7e0dc; }
.site-header nav, .site-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.brand { font-size: 1.25rem; font-weight: 750; text-decoration: none; }
main { min-height: 55vh; padding-block: 2rem 4rem; }
h1, h2 { line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { margin-top: 2rem; }
.lead { font-size: 1.2rem; max-width: 42rem; }
.disclosure, .status { padding: .85rem 1rem; border-left: 4px solid #08737a; background: #e9f3f1; }
.status { border-color: #a35715; background: #fff2df; font-weight: 700; }
.meta, small { color: #4c5b5c; }
.site-footer { border-top: 1px solid #d7e0dc; font-size: .9rem; }
.skip-link { position: absolute; left: -10000px; top: .5rem; background: white; padding: .5rem; }
.skip-link:focus { left: .5rem; }