/* Olsys SEO Blog Studio — Magazine v2 */
body.oseo-magazine-active { overflow-x: hidden; }
.oseo-magazine-active .wp-block-query-title,
.oseo-magazine-category-active .wp-block-query-title,
.oseo-magazine-home-active .wp-block-post-title {
    display: none !important;
}

.oseo-magazine-page,
.oseo-magazine-page * {
    box-sizing: border-box;
}

.oseo-magazine-page {
    --oseo-mag-shadow: 0 18px 50px rgba(15, 23, 42, .09);
    --oseo-mag-shadow-hover: 0 28px 70px rgba(15, 23, 42, .15);
    position: relative;
    left: auto;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: clamp(34px, 4vw, 64px) 0 clamp(76px, 8vw, 118px) !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--oseo-primary, #2563eb) 8%, transparent), transparent 32%),
        linear-gradient(180deg, #f7f8fa 0%, var(--oseo-bg, #f4f7fb) 100%);
    color: var(--oseo-text, #172033);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
}

.oseo-mag-shell {
    width: min(calc(100% - 48px), var(--oseo-max, 1380px)) !important;
    max-width: var(--oseo-max, 1380px) !important;
    margin: 0 auto !important;
}

.oseo-mag-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 34px;
    margin: 0 0 30px !important;
    padding: 0 0 28px;
    border-bottom: 1px solid color-mix(in srgb, var(--oseo-border, #e4e9f1) 82%, transparent);
}

.oseo-mag-intro__copy {
    max-width: 900px;
}

.oseo-mag-kicker,
.oseo-mag-section-head > div > span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    color: var(--oseo-primary, #2563eb);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.oseo-mag-kicker::before,
.oseo-mag-section-head > div > span::before {
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    content: "";
}

.oseo-mag-intro h1 {
    max-width: 850px;
    margin: 0 !important;
    color: var(--oseo-accent, #0f172a);
    font-size: clamp(36px, 4.3vw, 64px) !important;
    font-weight: 780;
    line-height: .98 !important;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.oseo-mag-intro p {
    max-width: 760px;
    margin: 16px 0 0 !important;
    color: var(--oseo-muted, #657084);
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.65;
}

.oseo-mag-all-link,
.oseo-mag-section-head > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
}

.oseo-mag-all-link {
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid var(--oseo-border, #e4e9f1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 8px 25px rgba(15, 23, 42, .05);
    backdrop-filter: blur(12px);
}

.oseo-mag-all-link span,
.oseo-mag-section-head > a span {
    font-size: 17px;
    transition: transform .2s ease;
}

.oseo-mag-all-link:hover span,
.oseo-mag-section-head > a:hover span {
    transform: translateX(3px);
}

/* Lead area */
.oseo-mag-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.62fr) minmax(320px, .78fr) !important;
    gap: 22px !important;
    align-items: stretch;
    margin: 0 !important;
}

.oseo-mag-hero__lead,
.oseo-mag-hero__tiles {
    min-width: 0;
}

.oseo-mag-hero__tiles {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 22px !important;
}

.oseo-mag-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--oseo-border, #e4e9f1) !important;
    border-radius: clamp(16px, calc(var(--oseo-radius, 24px) * .9), 26px) !important;
    background: var(--oseo-surface, #fff) !important;
    box-shadow: var(--oseo-mag-shadow) !important;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.oseo-mag-card:hover {
    z-index: 2;
    border-color: color-mix(in srgb, var(--oseo-primary, #2563eb) 24%, var(--oseo-border, #e4e9f1)) !important;
    box-shadow: var(--oseo-mag-shadow-hover) !important;
    transform: translateY(-5px);
}

.oseo-mag-card__image {
    position: relative;
    display: block;
    overflow: hidden;
    background: linear-gradient(135deg, var(--oseo-accent, #0f172a), var(--oseo-primary, #2563eb));
    text-decoration: none !important;
}

.oseo-mag-card__image img,
.oseo-mag-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.oseo-mag-card__image img {
    object-fit: cover;
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.oseo-mag-card:hover .oseo-mag-card__image img {
    transform: scale(1.045);
}

.oseo-mag-card__placeholder {
    background:
        radial-gradient(circle at 76% 18%, rgba(255, 255, 255, .22), transparent 28%),
        linear-gradient(135deg, var(--oseo-accent, #0f172a), var(--oseo-primary, #2563eb));
}

.oseo-mag-card__body {
    padding: 20px 21px 21px !important;
}

.oseo-mag-category {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 10px !important;
    padding: 0 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--oseo-primary, #2563eb) 9%, transparent);
    color: var(--oseo-primary, #2563eb) !important;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .11em;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
}

.oseo-mag-card h3 {
    margin: 0 !important;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: 21px !important;
    font-weight: 760;
    line-height: 1.18 !important;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.oseo-mag-card h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.oseo-mag-card p {
    display: -webkit-box;
    overflow: hidden;
    margin: 12px 0 0 !important;
    color: var(--oseo-muted, #657084) !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.oseo-mag-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 16px 0 0 !important;
    color: var(--oseo-muted, #657084) !important;
    font-size: 10px !important;
    font-weight: 600;
    line-height: 1.3;
}

.oseo-mag-meta.is-compact {
    margin-top: 10px !important;
}

.oseo-mag-card--lead {
    min-height: 548px !important;
    height: 100%;
    border: 0 !important;
    background: var(--oseo-accent, #0f172a) !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .2) !important;
}

.oseo-mag-card--lead .oseo-mag-card__image,
.oseo-mag-card--tile .oseo-mag-card__image {
    position: absolute;
    inset: 0;
    height: 100%;
}

.oseo-mag-card--lead .oseo-mag-card__image::after,
.oseo-mag-card--tile .oseo-mag-card__image::after {
    position: absolute;
    inset: 0;
    content: "";
}

.oseo-mag-card--lead .oseo-mag-card__image::after {
    background:
        linear-gradient(90deg, rgba(5, 10, 20, .65) 0%, rgba(5, 10, 20, .08) 64%),
        linear-gradient(180deg, rgba(5, 10, 20, .02) 30%, rgba(5, 10, 20, .93) 100%);
}

.oseo-mag-card--lead .oseo-mag-card__body,
.oseo-mag-card--tile .oseo-mag-card__body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.oseo-mag-card--lead .oseo-mag-card__body {
    max-width: 850px;
    padding: clamp(30px, 4.5vw, 58px) !important;
}

.oseo-mag-card--lead .oseo-mag-category,
.oseo-mag-card--tile .oseo-mag-category {
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
    backdrop-filter: blur(10px);
}

.oseo-mag-card--lead h3 {
    max-width: 760px;
    color: #fff !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.045em;
}

.oseo-mag-card--lead p {
    max-width: 680px;
    color: rgba(255, 255, 255, .75) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    -webkit-line-clamp: 2;
}

.oseo-mag-card--lead .oseo-mag-meta,
.oseo-mag-card--tile .oseo-mag-meta {
    color: rgba(255, 255, 255, .72) !important;
}

.oseo-mag-card--tile {
    min-height: 263px !important;
    border: 0 !important;
    background: var(--oseo-accent, #0f172a) !important;
}

.oseo-mag-card--tile .oseo-mag-card__image::after {
    background: linear-gradient(180deg, rgba(5, 10, 20, .03) 20%, rgba(5, 10, 20, .9) 100%);
}

.oseo-mag-card--tile .oseo-mag-card__body {
    padding: 23px !important;
}

.oseo-mag-card--tile h3 {
    color: #fff !important;
    font-size: clamp(20px, 1.8vw, 27px) !important;
    line-height: 1.12 !important;
}

.oseo-mag-card--standard .oseo-mag-card__image {
    aspect-ratio: 16 / 9;
}

.oseo-mag-card--horizontal {
    display: grid !important;
    grid-template-columns: minmax(150px, 205px) minmax(0, 1fr) !important;
    min-height: 164px;
}

.oseo-mag-card--horizontal .oseo-mag-card__image {
    height: 100%;
    min-height: 164px;
}

.oseo-mag-card--horizontal .oseo-mag-card__body {
    padding: 18px 20px !important;
}

.oseo-mag-card--horizontal h3 {
    font-size: 18px !important;
}

.oseo-mag-card--horizontal p {
    margin-top: 8px !important;
    font-size: 13px !important;
    -webkit-line-clamp: 2;
}

/* Extra highlighted headlines */
.oseo-mag-headlines {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    margin-top: 22px;
    padding: 16px 18px;
    border: 1px solid var(--oseo-border, #e4e9f1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 10px 32px rgba(15, 23, 42, .045);
    backdrop-filter: blur(12px);
}

.oseo-mag-headlines__label {
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--oseo-primary, #2563eb);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.oseo-mag-headlines__items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
}

.oseo-mag-headlines__items a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.oseo-mag-headlines__items a span {
    color: var(--oseo-primary, #2563eb);
}

/* Sections */
.oseo-mag-section {
    margin: clamp(58px, 7vw, 94px) 0 0 !important;
}

.oseo-mag-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 26px;
    margin: 0 0 24px !important;
    padding: 0 0 17px;
    border-bottom: 1px solid var(--oseo-border, #e4e9f1);
}

.oseo-mag-section-head h2 {
    margin: 0 !important;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: clamp(29px, 3.1vw, 44px) !important;
    font-weight: 760;
    line-height: 1.02 !important;
    letter-spacing: -.035em;
}

.oseo-mag-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.oseo-mag-grid--latest {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.oseo-mag-grid--latest .oseo-mag-card h3 {
    font-size: 19px !important;
}

.oseo-mag-grid--latest .oseo-mag-card p {
    -webkit-line-clamp: 2;
}

.oseo-mag-wide-ad {
    margin: clamp(48px, 6vw, 78px) 0 0 !important;
}

.oseo-mag-wide-ad .oseo-ad--content {
    margin: 0 !important;
}

.oseo-mag-category-description {
    max-width: 800px;
    margin: -8px 0 26px !important;
    color: var(--oseo-muted, #657084);
    font-size: 15px;
    line-height: 1.65;
}

.oseo-mag-category-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr) !important;
    gap: 22px !important;
}

.oseo-mag-category-layout__feature .oseo-mag-card {
    height: 100%;
}

.oseo-mag-category-layout__feature .oseo-mag-card__image {
    aspect-ratio: 16 / 9;
}

.oseo-mag-category-layout__feature .oseo-mag-card h3 {
    font-size: 26px !important;
}

.oseo-mag-category-layout__list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

/* Category archive */
.oseo-mag-category-hero {
    position: relative;
    display: flex;
    min-height: 390px;
    align-items: end;
    overflow: hidden;
    margin: 0 0 28px !important;
    border-radius: clamp(20px, calc(var(--oseo-radius, 24px) + 6px), 32px);
    background: linear-gradient(135deg, var(--oseo-accent, #0f172a), color-mix(in srgb, var(--oseo-primary, #2563eb) 65%, #14213d));
    box-shadow: 0 28px 80px rgba(15, 23, 42, .18);
    isolation: isolate;
}

.oseo-mag-category-hero.has-image {
    background-image: var(--oseo-mag-category-image);
    background-position: center;
    background-size: cover;
}

.oseo-mag-category-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--oseo-primary, #2563eb) 55%, transparent), transparent 38%),
        linear-gradient(90deg, rgba(5, 10, 20, .88), rgba(5, 10, 20, .28) 70%),
        linear-gradient(180deg, rgba(5, 10, 20, .08), rgba(5, 10, 20, .88));
}

.oseo-mag-category-hero__content {
    max-width: 930px;
    padding: clamp(32px, 5vw, 66px) !important;
    color: #fff;
}

.oseo-mag-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 58px !important;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
}

.oseo-mag-breadcrumbs a {
    color: inherit !important;
    text-decoration: none !important;
}

.oseo-mag-category-hero .oseo-mag-kicker {
    color: #fff;
}

.oseo-mag-category-hero h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(42px, 6vw, 78px) !important;
    font-weight: 780;
    line-height: .98 !important;
    letter-spacing: -.05em;
}

.oseo-mag-category-hero p {
    max-width: 760px;
    margin: 18px 0 0 !important;
    color: rgba(255, 255, 255, .76) !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
}

.oseo-mag-category-count {
    display: inline-flex;
    margin: 23px 0 0 !important;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    backdrop-filter: blur(10px);
}

.oseo-mag-hero--category {
    margin-top: 28px !important;
}

.oseo-mag-archive-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 330px) !important;
    gap: clamp(30px, 4vw, 54px) !important;
    align-items: start;
    margin: clamp(56px, 7vw, 92px) 0 0 !important;
}

.oseo-mag-archive-layout.is-single {
    grid-template-columns: 1fr !important;
}

.oseo-mag-grid--archive {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.oseo-mag-archive-layout.is-single .oseo-mag-grid--archive {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.oseo-mag-archive-sidebar {
    position: sticky;
    top: 100px;
    display: grid;
    gap: 20px;
}

.oseo-mag-side-card {
    padding: 24px;
    border: 1px solid var(--oseo-border, #e4e9f1);
    border-radius: clamp(16px, var(--oseo-radius, 24px), 26px);
    background: rgba(255, 255, 255, .9);
    box-shadow: var(--oseo-mag-shadow);
}

.oseo-mag-side-card h2 {
    margin: 0 0 17px !important;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.oseo-mag-ranking ol,
.oseo-mag-side-categories ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.oseo-mag-ranking li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid var(--oseo-border, #e4e9f1);
}

.oseo-mag-ranking li:first-child,
.oseo-mag-side-categories li:first-child {
    padding-top: 0;
    border-top: 0;
}

.oseo-mag-ranking li > span {
    color: color-mix(in srgb, var(--oseo-primary, #2563eb) 55%, var(--oseo-muted, #657084));
    font-size: 18px;
    font-weight: 900;
}

.oseo-mag-ranking li a,
.oseo-mag-side-categories a {
    color: var(--oseo-accent, #0f172a) !important;
    font-weight: 750;
    text-decoration: none !important;
}

.oseo-mag-ranking li a {
    font-size: 14px;
    line-height: 1.35;
}

.oseo-mag-side-categories li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-top: 1px solid var(--oseo-border, #e4e9f1);
    color: var(--oseo-muted, #657084);
    font-size: 12px;
}

.oseo-mag-pagination {
    margin: 40px 0 0 !important;
}

.oseo-mag-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.oseo-mag-pagination .page-numbers {
    display: inline-flex;
    min-width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--oseo-border, #e4e9f1);
    border-radius: 12px;
    background: #fff;
    color: var(--oseo-accent, #0f172a) !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.oseo-mag-pagination .page-numbers.current {
    border-color: var(--oseo-primary, #2563eb);
    background: var(--oseo-primary, #2563eb);
    color: #fff !important;
}

.oseo-mag-empty {
    padding: 46px;
    border: 1px solid var(--oseo-border, #e4e9f1);
    border-radius: var(--oseo-radius, 24px);
    background: #fff;
    text-align: center;
}

.oseo-mag-empty h2 {
    margin: 0 !important;
    font-size: 24px !important;
}

.oseo-mag-cta {
    margin-top: clamp(62px, 8vw, 104px) !important;
}

@media (max-width: 1180px) {
    .oseo-mag-grid--latest {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .oseo-mag-category-layout {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    }
}

@media (max-width: 980px) {
    .oseo-mag-hero {
        grid-template-columns: 1fr !important;
    }

    .oseo-mag-card--lead {
        min-height: 500px !important;
    }

    .oseo-mag-hero__tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none;
    }

    .oseo-mag-card--tile {
        min-height: 260px !important;
    }

    .oseo-mag-grid--latest,
    .oseo-mag-grid,
    .oseo-mag-archive-layout.is-single .oseo-mag-grid--archive {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .oseo-mag-category-layout {
        grid-template-columns: 1fr !important;
    }

    .oseo-mag-category-layout__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .oseo-mag-card--horizontal {
        grid-template-columns: 145px minmax(0, 1fr) !important;
    }

    .oseo-mag-archive-layout {
        grid-template-columns: 1fr !important;
    }

    .oseo-mag-archive-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oseo-mag-archive-sidebar > .oseo-ad {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .oseo-magazine-page {
        padding-top: 24px !important;
        padding-bottom: 68px !important;
    }

    .oseo-mag-shell {
        width: min(calc(100% - 24px), var(--oseo-max, 1380px)) !important;
    }

    .oseo-mag-intro {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-bottom: 22px;
    }

    .oseo-mag-intro h1 {
        font-size: clamp(34px, 11vw, 48px) !important;
    }

    .oseo-mag-all-link {
        display: none;
    }

    .oseo-mag-card--lead {
        min-height: 430px !important;
    }

    .oseo-mag-card--lead .oseo-mag-card__body {
        padding: 25px !important;
    }

    .oseo-mag-card--lead h3 {
        font-size: clamp(31px, 9vw, 43px) !important;
    }

    .oseo-mag-card--lead p {
        display: none;
    }

    .oseo-mag-hero__tiles,
    .oseo-mag-grid--latest,
    .oseo-mag-grid,
    .oseo-mag-grid--archive,
    .oseo-mag-archive-layout.is-single .oseo-mag-grid--archive,
    .oseo-mag-category-layout__list {
        grid-template-columns: 1fr !important;
    }

    .oseo-mag-card--tile {
        min-height: 245px !important;
    }

    .oseo-mag-headlines {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .oseo-mag-headlines__label {
        justify-self: start;
    }

    .oseo-mag-section {
        margin-top: 58px !important;
    }

    .oseo-mag-section-head {
        align-items: start;
    }

    .oseo-mag-section-head h2 {
        font-size: 31px !important;
    }

    .oseo-mag-section-head > a {
        font-size: 0;
    }

    .oseo-mag-section-head > a span {
        font-size: 22px;
    }

    .oseo-mag-card--horizontal {
        grid-template-columns: 120px minmax(0, 1fr) !important;
    }

    .oseo-mag-card--horizontal .oseo-mag-card__body {
        padding: 15px !important;
    }

    .oseo-mag-card--horizontal p,
    .oseo-mag-card--horizontal .oseo-mag-meta {
        display: none;
    }

    .oseo-mag-category-hero {
        min-height: 400px;
    }

    .oseo-mag-category-hero__content {
        padding: 28px 24px !important;
    }

    .oseo-mag-breadcrumbs {
        margin-bottom: 52px !important;
    }

    .oseo-mag-category-hero h1 {
        font-size: 44px !important;
    }

    .oseo-mag-archive-sidebar {
        grid-template-columns: 1fr;
    }

    .oseo-mag-archive-sidebar > .oseo-ad {
        grid-column: auto;
    }
}


/* FSE/content-column breakout: keep the theme header/footer, but let the
   magazine canvas span the viewport even when inserted inside a narrow Query. */
.wp-site-blocks .oseo-magazine-page,
.is-layout-constrained .oseo-magazine-page,
.wp-block-post-content .oseo-magazine-page {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.oseo-magazine-page .oseo-mag-shell {
    width: min(calc(100% - 48px), var(--oseo-max, 1240px)) !important;
    max-width: var(--oseo-max, 1240px) !important;
    margin-inline: auto !important;
}

@media (max-width: 680px) {
    .oseo-magazine-page .oseo-mag-shell {
        width: min(calc(100% - 24px), var(--oseo-max, 1240px)) !important;
    }
}

/* v1.3 editorial controls */
.oseo-mag-category{background:color-mix(in srgb,var(--oseo-category-accent,var(--oseo-primary,#2563eb)) 10%,transparent)!important;color:var(--oseo-category-accent,var(--oseo-primary,#2563eb))!important}
.oseo-mag-category-section{position:relative}
.oseo-mag-category-section::before{position:absolute;top:-22px;left:0;width:72px;height:3px;border-radius:999px;background:var(--oseo-section-accent,var(--oseo-primary,#2563eb));content:""}
.oseo-mag-category-section .oseo-mag-section-head>div>span{color:var(--oseo-section-accent,var(--oseo-primary,#2563eb))}
.oseo-mag-grid--editors{grid-template-columns:repeat(4,minmax(0,1fr))}
.oseo-mag-editor-picks{padding:clamp(28px,4vw,48px);border:1px solid color-mix(in srgb,var(--oseo-border,#e4e9f1) 80%,transparent);border-radius:calc(var(--oseo-radius,24px) + 6px);background:linear-gradient(135deg,color-mix(in srgb,var(--oseo-accent,#0f172a) 96%,#fff),var(--oseo-accent,#0f172a));box-shadow:0 24px 70px rgba(15,23,42,.12)}
.oseo-mag-editor-picks .oseo-mag-section-head h2,.oseo-mag-editor-picks .oseo-mag-section-head>a{color:#fff!important}
.oseo-mag-editor-picks .oseo-mag-section-head>div>span{color:color-mix(in srgb,var(--oseo-primary,#2563eb) 70%,#fff)}
.oseo-mag-editor-picks .oseo-mag-card{box-shadow:0 18px 45px rgba(0,0,0,.16)!important}
.oseo-mag-grid--category-custom{grid-template-columns:repeat(4,minmax(0,1fr))}
.oseo-mag-category-compact{display:grid;gap:14px}
.oseo-mag-category-compact .oseo-mag-card--horizontal{grid-template-columns:minmax(180px,280px) minmax(0,1fr)!important}
.oseo-mag-category-compact--archive .oseo-mag-card--horizontal{grid-template-columns:minmax(220px,340px) minmax(0,1fr)!important}
.oseo-magazine-category .oseo-mag-category-hero__overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--oseo-category-accent,var(--oseo-primary,#2563eb)) 35%,rgba(7,13,25,.92)),rgba(7,13,25,.7) 60%,rgba(7,13,25,.35))}
.oseo-magazine-category .oseo-mag-kicker,.oseo-magazine-category .oseo-mag-category-count{color:color-mix(in srgb,var(--oseo-category-accent,var(--oseo-primary,#2563eb)) 75%,#fff)}
.oseo-category-cta .oseo-cta__glow{background:radial-gradient(circle,var(--oseo-category-accent,var(--oseo-primary,#2563eb)),transparent 68%)}
@media(max-width:1100px){.oseo-mag-grid--editors,.oseo-mag-grid--category-custom{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.oseo-mag-grid--editors,.oseo-mag-grid--category-custom{grid-template-columns:1fr}.oseo-mag-editor-picks{padding:24px 18px}.oseo-mag-category-compact .oseo-mag-card--horizontal,.oseo-mag-category-compact--archive .oseo-mag-card--horizontal{grid-template-columns:110px minmax(0,1fr)!important}}