/* Basic styles for front and admin */
body{font-family: Arial, sans-serif; margin:0; padding:0; color:#222}
.container{max-width:960px;margin:0 auto;padding:1rem}
.site-header{background:#004b8d;color:#fff;padding:1rem 0}
.site-header a{color:#fff;text-decoration:none}
header h1{margin:0}
footer.site-footer{background:#f1f1f1;padding:1rem;margin-top:2rem}
.card{background:#fff;border:1px solid #ddd;padding:1rem;margin-bottom:1rem}

.admin-login{max-width:360px;margin:3rem auto}
.admin-login input{width:100%;padding:.5rem;margin:.5rem 0}

/* Hero and grid */
.hero{background:linear-gradient(90deg, rgba(0,75,141,0.9), rgba(0,120,170,0.9));color:#fff;padding:3rem 1rem;margin-bottom:1rem}
.hero h2{margin:0 0 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.news-item{border-left:4px solid #004b8d;padding:0.5rem}
.small{font-size:0.9rem;color:#555}
/* ensure small text in hero is readable */
.hero .small{color:rgba(255,255,255,0.9)}