:root { color-scheme: light; font: 18px/1.5 system-ui, sans-serif; color: #152e30; background: #f6f8f4; }
body { max-width: 44rem; margin: auto; padding: 1rem; overflow-wrap: anywhere; }
header, footer { padding: 1.5rem 0; } h1 { line-height: 1.2; }
fieldset { border: 1px solid #6f8582; border-radius: .4rem; padding: 1rem; min-width: 0; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input { box-sizing: border-box; width: 100%; font: inherit; padding: .6rem; border: 1px solid #6f8582; border-radius: .25rem; }
button { font: inherit; cursor: pointer; margin: 1rem .5rem 0 0; padding: .65rem 1rem; color: white; background: #174f48; border: 2px solid #174f48; border-radius: .3rem; }
button:disabled { cursor: default; opacity: .6; } a { color: #164d78; text-underline-offset: .2em; }
:focus-visible { outline: 3px solid #b95100; outline-offset: 3px; }
section { margin-top: 2rem; } dt { font-weight: 600; } dd { margin-left: 0; margin-bottom: 1rem; }
[data-error="true"] { color: #8a240e; } [hidden] { display: none !important; }