/* Fixed page navigation only: this is not a dynamic layout feature. */
.consumer-account-shell { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 1.5rem; padding-block: 1.5rem; align-items: start; }
.consumer-account-sidebar { background: #0b1b2e; color: #edf5ff; border: 1px solid #486180; border-radius: .75rem; padding: 1rem; }
.consumer-account-sidebar h2 { color: #edf5ff; }
.consumer-account-nav { display: grid; gap: .25rem; }
.consumer-account-nav a { display: block; color: #d9e8ff; border-radius: .35rem; padding: .55rem .65rem; text-decoration: none; }
.consumer-account-nav a:hover { background: #243751; color: #fff; }
.consumer-account-nav a.active { background: #6d28d9; color: #fff; }
.consumer-account-nav a:focus-visible, .consumer-account-mobile summary:focus-visible { outline: 3px solid #67e8f9; outline-offset: 2px; }
.consumer-account-content { min-width: 0; }
.consumer-account-content > .section-container, .consumer-account-content > .page-shell { width: 100%; max-width: none; margin: 0; padding-inline: 0; }
.consumer-account-mobile { display: none; }
@media (max-width: 767px) {
    .consumer-account-shell { grid-template-columns: minmax(0,1fr); }
    .consumer-account-desktop { display: none; }
    .consumer-account-mobile { display: block; }
    .consumer-account-mobile summary { cursor: pointer; padding: .4rem; color: #edf5ff; }
}