/* SLED-only branding and content structure. The reference styles remain unchanged. */
.sled-brand-group { display: flex; align-items: center; gap: 20px; min-width: 0; }
.sled-brand-group .tia-brand { min-width: 0; flex: 0 1 auto; }
.sled-test-site { color: #ff0000; font-size: 20px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; flex-shrink: 0; }
@media (max-width: 700px) {
    .sled-brand-group { max-width: 100%; gap: 12px; }
    .sled-test-site { font-size: 16px; }
}
.sled-header .tia-brand img { width: auto; height: 54px; max-width: 100%; }
.sled-workflow-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sled-completed { max-width: 540px; margin: 40px auto; }
.sled-completed h1 { font-size: 26px; color: var(--tia-navy); margin: 22px 0 12px; }
.sled-completed p { color: var(--tia-muted); }
@media (max-width: 1100px) { .sled-workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .sled-workflow-grid { grid-template-columns: 1fr; } }

.sled-header .tia-brand { max-width: 100%; }
@media (max-width: 700px) { .sled-header .tia-brand img { height: 44px; } }


/* Brand blue sampled from the interior of the supplied SLED seal (#0A2360). */
:root {
    --tia-navy: #0a2360;
    --tia-blue: #0a2360;
    --tia-hover: #071a48;
}
body form div.form-horizontal {
    --tia-navy: #0a2360;
    --tia-navy-hover: #071a48;
}
#StayLoggedIn { accent-color: #0a2360; }