/* Layout visuals moved here so header background is global and not lost during refactor */
.top-row {
    /* Restore the striped header gradient from previous design */
    background-image: var(--header-gradient);
    background-repeat: no-repeat;
    background-size: cover;
    color: inherit;
    /* Make header fixed at top */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
}

/* Let header size be determined by content and root CSS --header-height variable. Avoid forcing :root here to prevent conflicts. */
.top-row {
    min-height: var(--header-height, 72px);
    display: flex;
    align-items: center;
}

/* Add padding to article/content to account for fixed header */
article.content {
    padding-top: var(--header-height, 72px);
}