* { box-sizing: border-box; }
body { margin: 0; background: #f3f1f8; color: #252039; font-family: Arial, sans-serif; line-height: 1.5; }
.header, main, nav, footer { max-width: 1100px; margin: auto; }
.header { background: white; }
.header img { display: block; width: 100%; height: auto; }
nav { background: #4b2679; }
nav ul { list-style: none; margin: 0; padding: .5rem; display: flex; flex-wrap: wrap; gap: .25rem; }
nav a { display: block; color: white; padding: .4rem .65rem; text-decoration: none; }
nav a:hover, nav a[aria-current] { background: #694196; }
main { background: white; padding: 1.5rem; min-height: 50vh; overflow-wrap: anywhere; }
h1 { font-size: 1.5rem; }
.content img { max-width: 100%; height: auto; }
.content table { max-width: 100%; }
footer { text-align: center; padding: 2rem; background: #222; color: white; }