/* Basis-Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial,sans-serif; line-height:1.5; color:#333; background:#fff; padding-bottom:100px; }
header, nav, footer { background:#f5f5f5; }
header nav { display:flex; align-items:center; justify-content:space-between; padding:10px; }
nav .logo { height:40px; }
nav ul { list-style:none; display:flex; gap:15px; }
nav a { text-decoration:none; color:#013588; }
main { padding:20px; text-align:center; }
h1 { margin-bottom:20px; font-size:1.8rem; }
h2 { margin:20px 0 10px; font-size:1.4rem; }
.homepage { margin-bottom:30px; }
.tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; margin:20px 0; }
.tile { display:block; padding:20px; background:#e5e5e5; text-decoration:none; color:#000; border-radius:8px; transition:background .3s; }
.tile:hover { background:#d1d1d1; }
.tile.special { background:#4054B2; color:#fff; }
@media(max-width:600px){ h1 { font-size:1.4rem; } .tile { padding:15px; } }