:root { font-family: system-ui, sans-serif; color: #17263c; background: #f4f6f9; line-height: 1.6; }
body { margin: auto; max-width: 960px; padding: 1.5rem; }
header, nav { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }
header { justify-content: space-between; border-bottom: 1px solid #c7cfda; padding-bottom: 1rem; }
main { min-height: 65vh; padding: 2rem 0; }
a { color: #174db5; } article { background: white; padding: 1rem; border: 1px solid #c7cfda; border-radius: .5rem; margin: 1rem 0; }
label { display: block; margin-bottom: 1rem; } input, textarea { display: block; width: min(100%, 32rem); box-sizing: border-box; padding: .65rem; font: inherit; }
textarea { min-height: 8rem; } button { padding: .5rem 1rem; cursor: pointer; font: inherit; } .note { white-space: pre-wrap; overflow-wrap: anywhere; }
footer { border-top: 1px solid #c7cfda; padding-top: 1rem; color: #526173; } [role=alert] { color: #a51414; }