/* Targeted maintenance only: keep the existing desktop typography/layout. */
/* New WordPress global styles reset body padding after the legacy stylesheet. */
body { padding: 0 1em 0 6em; }

.salve-slider {
    width: 50%;
    max-width: 100%;
    margin: 1.5em auto;
}
.salve-slider-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}
.salve-slider-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    min-width: 0;
    scroll-snap-align: start;
}
.salve-slider-slide img {
    max-width: 100%;
    height: auto;
}
.salve-slider-controls {
    text-align: center;
    margin-top: .5em;
}
.salve-slider-controls[hidden] {
    display: none;
}
.salve-slider-controls button {
    padding: .35em 1em;
    margin: 0 .25em;
    cursor: pointer;
}
.salve-slider-track:focus-visible,
.salve-slider-controls button:focus-visible {
    outline: 2px solid #1982d1;
    outline-offset: 2px;
}

@media screen and (max-width: 800px) {
    body { padding: 0 16px; }
    #page { width: 100%; max-width: 100%; }
    #branding { display: flow-root; }
    #branding > a > img { max-width: 100%; height: auto; }
    #branding #searchform {
        position: static;
        float: left;
        width: calc(100% - 90px);
        max-width: 220px;
        margin-top: 1em;
        text-align: left;
    }
    #branding #s,
    #branding #s:focus {
        float: none;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }
    #branding #social {
        position: static;
        float: right;
        margin-top: 1em;
        white-space: nowrap;
    }
    .left-sidebar #primary,
    .left-sidebar #secondary,
    #main #content,
    #main #secondary {
        float: none;
        width: auto;
        min-width: 0;
        margin: 0;
    }
    #main #secondary { margin-top: 2em; }
    .entry-title,
    .entry-header .entry-meta { padding-right: 0; }
    .entry-content { overflow-wrap: anywhere; }
    .entry-content img,
    .entry-content iframe { max-width: 100%; }
    .salve-slider { width: 100%; }
}