/* ==========================================================================
   V3 — Layout & Grid Placement Fixes
   ========================================================================== */

/* Single post — explicit grid column placement */
.nk-single__content-area {
    grid-column: 2;
    grid-row: 1;
}
.nk-toc-sidebar {
    grid-column: 1;
    grid-row: 1;
}
@media (max-width: 1024px) {
    .nk-single__layout-inner {
        grid-template-columns: 1fr !important;
    }
    .nk-single__content-area {
        grid-column: 1;
        max-width: 800px;
        margin: 0 auto;
    }
}

/* Hero section — remove outer grid, let container handle layout */
.nk-hero-v2 {
    display: block !important;
}

/* Hero image frame — landscape fit */
.nk-hero-v2__image-frame {
    width: 100%;
    height: 340px;
    overflow: hidden;
}
.nk-hero-v2__image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    display: block;
}

/* Mobile hero */
@media (max-width: 768px) {
    .nk-hero-v2 .nk-container {
        grid-template-columns: 1fr !important;
    }
    .nk-hero-v2__image-frame {
        height: 220px;
    }
}

/* Archive hero — CTA buttons */
.nk-btn--primary {
    background: var(--nk-pink) !important;
    color: #fff !important;
    border-color: var(--nk-pink) !important;
}
.nk-btn--secondary {
    background: transparent;
    color: var(--nk-pink);
    border-color: var(--nk-pink);
}

/* Active chip */
.nk-chip--active {
    background: var(--nk-pink) !important;
    border-color: var(--nk-pink) !important;
    color: #fff !important;
}

/* Active brand button */
.nk-brand-btn--active {
    background: var(--nk-pink) !important;
    border-color: var(--nk-pink) !important;
    color: #fff !important;
}

/* Pagination current */
.nk-pagination__numeric .page-numbers.current {
    background: var(--nk-pink);
    border-color: var(--nk-pink);
    color: #fff;
}