/* ── Screen 5 – Global overrides & Google Fonts import ── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,300;0,400;0,700;1,400&family=Manrope:wght@200;300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* Reset default header/footer from parent for this template */
.screen-5 ~ footer,
body:has(.screen-5) > footer {
    display: none;
}

/* Material Symbols base */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    line-height: 1;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-surface-primary); }
::-webkit-scrollbar-thumb { background: var(--color-brand-primary); }

/* Selection */
::selection {
    background-color: rgba(120, 90, 26, 0.2);
}

/* Body setup */
body {
    background-color: var(--color-surface-primary);
    font-family: var(--font-family-body);
    color: var(--color-text-primary);
}

/* Offset fixed nav for main content */
.screen-5 {
    padding-top: 0;
}