@charset "UTF-8";
/* Template-specific appearance; no application behavior or clinical state. */
.brand { display: inline-flex; justify-content: center; max-width: 100%; background: var(--surface); border-radius: var(--radius); }
.brand img { display: block; width: 188px; height: 188px; max-width: 100%; object-fit: contain; }
.sidebar { background: var(--surface); }
.sidebar .brand { padding: 0; align-self: center; }
.side-caption { margin-top: var(--space-lg); }
.panel { box-shadow: var(--shadow-panel); }
.btn-primary { background: var(--brand); border-color: var(--brand); }
.btn-primary:hover { background: var(--brand-hover); border-color: var(--brand-hover); }
.nav-link.active { border-left: 3px solid var(--brand); }
.intro { background: var(--brand-soft); }
.login-story { background: linear-gradient(150deg, var(--brand-soft), var(--surface-page)); }
.login-story > .brand { align-self: flex-start; padding: var(--space-sm); }
.login-story .brand img { width: 216px; height: 216px; }
.story-copy { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.story-copy h1 em { color: var(--brand); }
.boot .boot-logo { width: 180px; height: 180px; object-fit: contain; }
.boot { flex-direction: column; gap: var(--space-sm); }
@media (max-width: 800px) {
    .sidebar .brand img { width: 112px; height: 112px; }
    .sidebar nav { flex-wrap: wrap; margin-left: 0; }
    .login-story > .brand { align-self: center; }
    .login-story .brand img { width: 140px; height: 140px; }
    .login-story { padding: var(--space-md); }
}