/* Centralized site styles: logo and mobile-friendly helpers */
:root{
    --site-logo-max-width: 120px;
    /* Color variables (IU palette: provide hexes to replace these) */
    --iu-primary: #2179ac; /* placeholder */
    --iu-accent: #dd9e5d; /* placeholder */
    --iu-dark: #322f32; /* placeholder */
}

.site-logo {
    display: inline-block;
    max-width: var(--site-logo-max-width);
    height: auto;
    border-radius: 8px;
}

/* Small helpers for mobile friendliness */
.container, .main-content, .profile-header, .content-section {
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .container { padding: 12px; }
    header .header-content, .header-nav { flex-direction: column; align-items: flex-start; gap: 8px; }
    .header-nav a, .btn { padding: 8px 10px; }
}

@media (max-width: 480px) {
    :root { --site-logo-max-width: 56px; }
    .profile-name { font-size: 1.6rem !important; }
    .nav-tabs { flex-direction: column !important; }
}

/* Utility: make images responsive in content */
img { max-width: 100%; height: auto; }