/**
 * SovrNovosti Editorial Responsive
 * Author: Illia Abel
 */

@media (max-width: 980px) {

    .sn-top-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.8fr);
    }

    .sn-section-columns {
        grid-template-columns: 1fr 1fr;
        gap: 2rem 0;
    }

    .sn-section-column:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }

    .sn-category-index {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 820px) {

    .sn-masthead-row {
        min-height: 82px;
    }

    .sn-brand-name {
        font-size: 2rem;
    }

    .sn-brand-subtitle {
        margin-top: 0.35rem;
    }

    .sn-menu-toggle {
        display: inline-grid;
    }

    .sn-nav {
        display: none;
    }

    .sn-nav.is-open {
        display: block;
    }

    .sn-nav-list {
        padding-block: 0.5rem;
        display: block;
    }

    .sn-nav-list li {
        display: block;
    }

    .sn-nav-list a {
        padding: 0.8rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .sn-top-grid {
        grid-template-columns: 1fr;
    }

    .sn-top-side {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--sn-border-strong);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .sn-side-story {
        padding-top: 1.3rem;
        padding-bottom: 0;
    }

    .sn-side-story + .sn-side-story {
        padding-top: 1.3rem;
        border-top: 0;
        border-left: 1px solid var(--sn-border);
        padding-left: 1.5rem;
    }

    .sn-stream-row {
        grid-template-columns: 52px 130px 1fr;
    }

    .sn-publications-layout {
        grid-template-columns: 1fr;
    }

    .sn-publication-list {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--sn-border-strong);
    }

    .sn-publication-list article:first-child {
        padding-top: 1.3rem;
    }

    .sn-archive-row {
        grid-template-columns: 70px minmax(160px, 230px) 1fr;
        gap: 1rem;
    }
}

@media (max-width: 680px) {

    .sn-container {
        width: min(
            calc(100% - 28px),
            var(--sn-container)
        );
    }

    .sn-utility-row {
        min-height: 28px;
    }

    .sn-utility-row > span {
        display: none;
    }

    .sn-masthead-row {
        min-height: 72px;
    }

    .sn-brand-name {
        font-size: 1.65rem;
    }

    .sn-brand-subtitle {
        display: none;
    }

    .sn-latest-strip-row {
        grid-template-columns: auto 1fr;
        gap: 0.7rem;
    }

    .sn-latest-strip-row time {
        display: none;
    }

    .sn-search-panel .search-form {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .sn-top-news {
        padding-top: 1.5rem;
    }

    .sn-lead-title {
        font-size: clamp(2rem, 10vw, 3.15rem);
    }

    .sn-top-side {
        grid-template-columns: 1fr;
    }

    .sn-side-story + .sn-side-story {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--sn-border);
    }

    .sn-top-briefs {
        grid-template-columns: 1fr;
    }

    .sn-brief-story {
        padding: 1rem 0;
    }

    .sn-brief-story + .sn-brief-story {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--sn-border);
    }

    .sn-stream-row {
        grid-template-columns: 50px 1fr;
        gap: 0.25rem 0.7rem;
    }

    .sn-stream-category {
        grid-column: 2;
    }

    .sn-stream-row h2 {
        grid-column: 1 / -1;
        padding-top: 0.35rem;
        font-size: 1rem;
    }

    .sn-section-columns {
        grid-template-columns: 1fr;
    }

    .sn-section-column,
    .sn-section-column:first-child,
    .sn-section-column:last-child,
    .sn-section-column:nth-child(3) {
        padding-inline: 0;
        border-left: 0;
    }

    .sn-section-column + .sn-section-column {
        padding-top: 1.5rem;
        border-top: 1px solid var(--sn-border-strong);
    }

    .sn-category-index {
        grid-template-columns: 1fr 1fr;
    }

    .sn-archive-row,
    .sn-archive-row:not(:has(.sn-archive-row-image)) {
        grid-template-columns: 1fr;
    }

    .sn-archive-row-date time {
        flex-direction: row;
        gap: 0.6rem;
    }

    .sn-archive-row-image {
        aspect-ratio: 16 / 8.8;
    }

    .sn-article-shell {
        width: min(
            calc(100% - 28px),
            var(--sn-reading)
        );
        padding-block: 2.2rem 3.5rem;
    }

    .sn-article-title {
        font-size: clamp(2.25rem, 11vw, 3.6rem);
    }

    .sn-footer-main {
        flex-direction: column;
    }

    .sn-footer-menu {
        flex-wrap: wrap;
    }

    .sn-footer-bottom {
        padding-block: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }
}