/* assets/css/style.css */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:#f5f7fa; color:#333; }
.container { max-width:1100px; margin:0 auto; padding:0 20px; }
header { background:#1a2a3a; color:#fff; padding:15px 0; }
header h1 { font-size:1.5rem; }
header nav { display:flex; gap:20px; flex-wrap:wrap; margin-top:10px; }
header nav a { color:#fff; text-decoration:none; padding:5px 10px; border-radius:4px; transition:background 0.2s; }
header nav a:hover { background:#2c4055; }
main { min-height:70vh; padding:30px 0; }
footer { background:#1a2a3a; color:#ccc; text-align:center; padding:15px 0; margin-top:30px; }

h2 { margin-bottom:20px; color:#1a2a3a; }
h3 { margin:15px 0 10px; }

.btn, button[type="submit"] {
    display:inline-block; background:#1a2a3a; color:#fff; padding:10px 20px;
    border:none; border-radius:5px; cursor:pointer; text-decoration:none;
    font-size:1rem; transition:background 0.2s;
}
.btn:hover, button[type="submit"]:hover { background:#2c4055; }
.btn-small { background:#4a6a8a; color:#fff; padding:5px 12px; border-radius:4px; text-decoration:none; font-size:0.9rem; }
.btn-small:hover { background:#3a5a7a; }

form label { display:block; margin:12px 0 4px; font-weight:600; }
form input, form select, form textarea {
    width:100%; padding:10px; border:1px solid #ccc; border-radius:5px; font-size:1rem;
}
form textarea { min-height:80px; }
form .btn { width:auto; margin-top:10px; }

.error { color:#d9534f; background:#f2dede; padding:10px; border-radius:5px; margin:10px 0; }
.success { color:#3c763d; background:#dff0d8; padding:10px; border-radius:5px; margin:10px 0; }

.alumni-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:20px; margin-top:20px; }
.alumni-card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.08); }
.alumni-card h3 { margin-top:0; }

.job-card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.08); margin-bottom:20px; }

.row { display:flex; gap:30px; flex-wrap:wrap; }
.col { flex:1; min-width:250px; }
.col ul { list-style:none; padding:0; }
.col ul li { padding:8px 0; border-bottom:1px solid #eee; }

details { background:#fff; padding:15px; border-radius:8px; margin:15px 0; }
details summary { font-weight:bold; cursor:pointer; }

.profile-details { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.08); margin-bottom:20px; }
.profile-details p { margin:6px 0; }
/* Profile picture placeholders and images */
.alumni-card img,
.alumni-card div { 
    display: block; 
    margin: 0 auto 10px auto; 
}