:root { font-family: system-ui, sans-serif; color: #172b40; background: #f4f7fa; }
body { margin: 0; }
header { background: #152d48; padding: 1rem max(1rem,calc((100% - 850px)/2)); }
header a { color: white; font-weight: 700; }
main { max-width: 850px; margin: auto; padding: 1.5rem 1rem 4rem; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
a { color: #174c81; text-underline-offset: 3px; }
li { padding: .6rem 0; }
.body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
img { display: block; max-width: 100%; height: auto; margin: 1rem auto; }
form { display: grid; gap: .8rem; padding: 1rem 0; }
label { display: grid; gap: .25rem; }
input, textarea, button { font: inherit; }

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.grid section{background:white;padding:1rem;border-radius:.5rem}footer{padding:1rem;text-align:center}