.cdc-archive,.cdc-category-page{overflow-x:clip}
.cdc-category-page{padding-block:2rem 3rem}
.cdc-category-hero{display:grid;overflow:hidden;border-radius:1rem;background:var(--cdc-zone-soft,#ddeae4)}
.cdc-category-hero__content{display:grid;align-content:center;gap:.8rem;padding:clamp(1.5rem,4vw,3rem)}
.cdc-category-hero__eyebrow{font-size:.75rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--cdc-zone-accent,#2f6b57)}
.cdc-category-hero h1{margin:0;font-size:clamp(2.4rem,6vw,4.7rem);line-height:.98}
.cdc-category-hero p{margin:0;max-width:54ch;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}
.cdc-category-hero__media{min-height:15rem;background:linear-gradient(135deg,var(--cdc-zone-accent,#2f6b57),var(--cdc-zone-soft,#ddeae4))}
.cdc-category-hero__image{width:100%;height:100%;object-fit:cover}
.cdc-category-featured,.cdc-category-latest{padding-block:2.3rem}
.cdc-category-heading{border-bottom:2px solid #161616;padding-bottom:.45rem}
.cdc-category-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}
.cdc-category-featured__grid{display:grid;gap:1.2rem}
.cdc-category-featured .cdc-article-card{background:var(--cdc-zone-soft,#ddeae4);border:0;box-shadow:none;overflow:hidden}
.cdc-category-featured .cdc-article-card__content{padding:1rem}
.cdc-category-featured .cdc-article-card__excerpt,.cdc-category-featured .cdc-article-card__meta{display:none}
.cdc-category-featured .cdc-article-card__title{font-size:1.25rem}
.cdc-category-latest .cdc-article-list{gap:1.1rem}
@media(min-width:56rem){
 .cdc-category-hero{grid-template-columns:1fr 1fr}
 .cdc-category-featured__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* =========================================================
   F2.16 — Category RC27
   Editorial canvas / lateral breathing room
   ========================================================= */

/* Category should not use the full global wide container on large desktops.
   Keep a generous editorial canvas while restoring visible lateral margins. */
.cdc-category-page > .cdc-container--wide{
    inline-size:min(80rem,calc(100% - (2 * var(--cdc-page-gutter))));
    max-inline-size:none;
    margin-inline:auto;
}

/* Slightly increase desktop breathing around the whole category composition. */
@media(min-width:80rem){
    .cdc-category-page{
        padding-block:2.4rem 3.5rem;
    }
}

@media(max-width:47.999rem){
    .cdc-category-page > .cdc-container--wide{
        inline-size:calc(100% - 2rem);
    }
}


/* =========================================================
   F2.16 — Category RC28
   Narrower canvas + standardized card density
   ========================================================= */

/* More visible lateral breathing room on desktop. */
.cdc-category-page > .cdc-container--wide{
    inline-size:min(72rem,calc(100% - (2 * var(--cdc-page-gutter))));
}

/* Category cards: consistent editorial density through CSS only. */
.cdc-category-page .cdc-article-card__title{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    font-size:1.08rem;
    line-height:1.23;
    min-block-size:2.46em;
    max-block-size:2.46em;
}

.cdc-category-page .cdc-article-card__excerpt{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    font-size:.84rem;
    line-height:1.45;
    min-block-size:2.9em;
    max-block-size:2.9em;
}

/* Author/date are intentionally omitted from Category cards.
   Article metadata remains available on Single and other relevant contexts. */
.cdc-category-page .cdc-article-card__meta{
    display:none !important;
}

/* Slightly tighten card content so the grid feels lighter and more scannable. */
.cdc-category-page .cdc-article-card__content{
    gap:.65rem;
    padding:1rem;
}

.cdc-category-page .cdc-category-latest .cdc-article-list{
    gap:1rem;
}

@media(max-width:47.999rem){
    .cdc-category-page > .cdc-container--wide{
        inline-size:calc(100% - 2rem);
    }

    .cdc-category-page .cdc-article-card__title{
        font-size:1rem;
        min-block-size:2.46em;
        max-block-size:2.46em;
    }

    .cdc-category-page .cdc-article-card__excerpt{
        font-size:.82rem;
    }
}


/* =========================================================
   F2.16 — Category Hero RC33
   Editorial identity / compact visual opening
   ========================================================= */

.cdc-category-hero{
    background:var(--cdc-zone-soft,#ddeae4);
    border:1px solid color-mix(in srgb,var(--cdc-zone-accent,#2f6b57) 14%,transparent);
    border-radius:1rem;
    min-block-size:0;
}

.cdc-category-hero__content{
    gap:.8rem;
    padding:clamp(1.5rem,3.2vw,2.4rem);
}

.cdc-category-hero h1{
    color:var(--wp--preset--color--ink,#1e2623);
    font-size:clamp(2.5rem,5.2vw,4.35rem);
    letter-spacing:-.035em;
    line-height:.94;
    max-inline-size:12ch;
    text-wrap:balance;
}

.cdc-category-hero p{
    color:var(--wp--preset--color--ink-muted,#5f6b66);
    font-size:clamp(.98rem,1.6vw,1.08rem);
    line-height:1.55;
    max-inline-size:46ch;
}

.cdc-category-hero__media{
    aspect-ratio:16 / 9;
    background:var(--cdc-zone-accent,#2f6b57);
    margin:0;
    min-block-size:0;
    overflow:hidden;
}

.cdc-category-hero__image{
    block-size:100%;
    inline-size:100%;
    object-fit:cover;
}

@media(min-width:56rem){
    .cdc-category-hero--has-image{
        grid-template-columns:minmax(20rem,.78fr) minmax(0,1.22fr);
    }

    .cdc-category-hero__media{
        align-self:stretch;
        aspect-ratio:auto;
        min-block-size:18rem;
    }
}

@media(max-width:55.999rem){
    .cdc-category-hero--has-image{
        grid-template-columns:1fr;
    }

    .cdc-category-hero__content{
        order:1;
        padding:1.35rem 1.25rem 1.2rem;
    }

    .cdc-category-hero__media{
        order:2;
        border-radius:0 0 1rem 1rem;
    }

    .cdc-category-hero h1{
        max-inline-size:16ch;
    }
}