/* --- Reset & Base --- */
* { padding: 0; margin: 0; box-sizing: border-box; }

body {
    background-color: var(--white); /* white */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-main);
    line-height: 1.5;
}

li { list-style: none; }
img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }

/* --- Layout --- */
main {
    padding: 0px 0px;
    max-width: var(--container-width);
    margin: 0 auto;
    min-height: 80vh;
}

footer {
    width: 100%;
    background-color: var(--white);
    border-top: 1px solid var(--border-color);
    margin-top: 0px;
    padding: 30px;
    text-align: center;
}

/* --- Typography & Links --- */
a {
    color: var(--brand-primary-dark);
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

a:hover { color: var(--brand-secondary-dark); }

p { margin-bottom: 1.5em; }

h1, h2, h3, h4 {
    margin: 1.5em 0 0.5em;
    line-height: 1.2;
    color: var(--text-main);
}

/* --- Block Content Defaults --- */
main ul, main ol { margin-bottom: 1.5em; padding-left: 25px; }
main ul li { list-style: disc; margin-bottom: 0.5em; }

/*.hero, .page-header {
    background-color: var(--brand-primary-light);
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}*/
.page-header h1{
	margin: 1.0em 0 0.5em;
}
.article-full {
	margin: 20px;
}

.archive-intro-section {
    background: var(--white);
    padding: 20px;
	padding-top: 0px;
    margin-bottom: 0px;
}