/* layout.css - Nav, footer, grid, reader-prompt overlay */

/* Reader-prompt overlay outer container */
.windows {
    --h: 100vh;
    --h: 100dvh;
}

[data-component="undefined"] {
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
}

.windows[data-component="undefined"] {
    block-size: var(--h);
    z-index: var(--ui-depth);
    background: var(--content-fade);
    backdrop-filter: blur(var(--ui-blur));
    -webkit-backdrop-filter: blur(var(--ui-blur));
}

/* Page wrapper to ensure content doesn't overlap with overlay */
.page-content {
    min-height: 100vh;
    padding-bottom: 2rem;
}

/* Section spacing */
.section {
    padding: 3rem 0;
}

.section-alt {
    background-color: #f9fafb;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

/* Container */
.container-custom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}