/* ==========================================================================
   UNIFIED GLOBAL RESPONSIVE RULES
   ========================================================================== */
@media (max-width: 1024px) {
    .main-header {
        padding: 1rem 1.5rem;
    }

    .split-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .topic-row {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .topic-sidebar {
        position: static;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .btn-see-posts {
        margin-top: 0;
    }

    .carousel-arrow-next,
    .carousel-arrow-prev,
    .topic-row-next,
    .topic-row-prev,
    .topic-row-dots {
        display: none;
    }

    .topic-grid-clip {
        width: 100%;
        overflow: visible;
    }

    .topic-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1.25rem;
        width: 100%;
    }

    .topic-card {
        width: 100%;
        max-width: 100%;
    }

    .search-split-layout {
        grid-template-columns: 1fr;
        justify-content: center;
        padding: 0 1.5rem;
    }

    .results-feed-column {
        margin: 0 auto;
        max-width: 700px;
        width: 100%;
    }

    .post-master-container {
        padding: 0 1.5rem;
        max-width: 100%;
        box-sizing: border-box;
    }

    .blog-post-article {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 680px) {
    .nav-container {
        padding: 1rem 1rem;
    }

    .nav-links {
        gap: 0.5rem;
    }

    .nav-links li a {
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
    }

    .topic-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 1rem;
    }

    .topic-card-title a {
        height: auto;
        -webkit-line-clamp: initial;
    }

    .featured-image-holder {
        height: 220px;
    }

    .feed-row-item {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    .feed-row-thumb {
        width: 100%;
        height: 180px;
    }

    .feed-item-title {
        font-size: 1.2rem;
    }

    .results-feed-column {
        margin: 0 auto;
        width: 100%;
    }

    .post-master-container {
        padding: 0 1rem;
    }

    .post-main-title {
        font-size: 1.75rem;
        word-break: break-word;
    }

    .inline-image-callout img {
        width: 100%;
        height: auto;
    }

    .post-footer-tags-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1.25rem;
        width: 100%;
        padding: 1.25rem 0;
        box-sizing: border-box;
    }

    .btn-prev-post {
        order: 1;
    }

    .btn-next-post {
        order: 2;
    }

    .posted-in-labels {
        order: 3;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        text-align: center;
    }

    .related-posts-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .related-post-card {
        width: 100%;
    }
}