:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f6f7f9; color: #17211f; }
body { margin: 0; }
main { box-sizing: border-box; max-width: 720px; margin: auto; padding: 20px 16px 48px; }
h1 { margin-top: 0; } h2 { margin-top: 28px; font-size: 1.1rem; }
article, form, li { background: #fff; border: 1px solid #d7dfdb; border-radius: 12px; }
article { padding: 14px; margin: 10px 0; } article h2 { margin: 0 0 8px; }
form { padding: 14px; display: grid; gap: 12px; } label { display: grid; gap: 5px; font-weight: 600; }
input, select, textarea, button { font: inherit; padding: 10px; border-radius: 8px; border: 1px solid #aab9b3; }
textarea { min-height: 72px; } button { background: #123f35; color: #fff; font-weight: 700; border: 0; }
ul { list-style: none; padding: 0; display: grid; gap: 8px; } li { padding: 10px; }
a { color: #075d4a; font-weight: 650; } .negative { color: #a21d18; font-weight: 750; } .positive { color: #075d4a; font-weight: 750; }