/* ==========================================================================
   base.css — Global Reset & Base Typography
   ========================================================================== */

body {
    font-family: var(--font-body);
    max-width: 1920px;
    margin: auto;
}

html,
body {
    min-height: 100%;
}

body > #page {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body > #page > footer {
    margin-top: auto;
}

.single-post #content {
    padding-top: 30px;
    padding-bottom: 88px;
}

.afd-container {
    max-width: var(--container-max);
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--container-px);
}

.h2-style-1 span {
    background: linear-gradient(90deg, #0057A8 0%, #14A0D7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

html body #page input,
html body #page textarea {
    outline: none;
}

@media (max-width: 768px) {
    .single-post #content {
        padding-bottom: 56px;
    }

    .afd-container {
        padding-inline: var(--container-px-sm);
    }
}