body {
    font-family: Arial, sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden; /* Prevent body from scrolling */
}

header {
    background-color: var(--color-header-background);
    color: var(--color-header-text);
    padding: 1em;
    flex-shrink: 0; /* Prevent header from shrinking */
}

main {
    display: flex;
    flex: 1;
    min-height: 0; /* Allow flexbox children to shrink below content size */
}

article {
    flex: 1;
    padding: 2em;
    overflow-y: auto;
    min-width: 0; /* Allow article to shrink if needed */
}

article h1, article h2, article h3 {
    margin-top: 1em;
}

article p {
    line-height: 1.6;
}