/* ==========================================================
   FAIR FUTURE FOUNDATION
   CATEGORY ARCHIVE DESCRIPTION V2 - CSS 02

   Editorial archive/programme scope block.

   Visual language:
   - full width of archive content container
   - flat surface
   - no card effect
   - same blue vertical marker as FIELD ARCHIVE
   - strong editorial lead
   - substantial readable explanatory body
   ========================================================== */


/* ----------------------------------------------------------
   MAIN ARCHIVE SCOPE
   ---------------------------------------------------------- */

body.fff-category-archive-v2-page .fff-archive-description-v2 {
    --fff-archive-desc-accent: #2857a4;
    --fff-archive-desc-ink: #17243a;
    --fff-archive-desc-copy: #46556a;
    --fff-archive-desc-surface: #f5f8fc;
    --fff-archive-desc-line: #dfe6ef;

    box-sizing: border-box;

    width: 100%;
    max-width: none;

    margin:
        1.05rem
        0
        1.8rem;

    padding:
        clamp(1.25rem, 2vw, 1.6rem)
        clamp(1.3rem, 2.5vw, 2rem);

    background:
        var(--fff-archive-desc-surface);

    border: 0;

    border-left:
        3px solid
        var(--fff-archive-desc-accent);

    border-top:
        1px solid
        var(--fff-archive-desc-line);

    border-bottom:
        1px solid
        var(--fff-archive-desc-line);

    border-radius: 0;

    box-shadow: none;
}


/* ----------------------------------------------------------
   KICKER
   ---------------------------------------------------------- */

body.fff-category-archive-v2-page
.fff-archive-description-v2__kicker {

    margin:
        0
        0
        0.55rem;

    padding: 0;

    font-family:
        var(--fff-font-navigation);

    font-size:
        0.69rem;

    line-height:
        1.25;

    font-weight:
        700;

    letter-spacing:
        0.115em;

    text-transform:
        uppercase;

    color:
        var(--fff-archive-desc-accent);
}


/* ----------------------------------------------------------
   EDITORIAL LEAD
   ---------------------------------------------------------- */

body.fff-category-archive-v2-page
.fff-archive-description-v2__lead {

    width: 100%;
    max-width: 92ch;

    margin: 0;
    padding: 0;

    font-family:
        var(--fff-font-heading);

    font-size:
        clamp(
            1.08rem,
            1.18vw,
            1.23rem
        );

    line-height:
        1.5;

    font-weight:
        600;

    letter-spacing:
        -0.012em;

    color:
        var(--fff-archive-desc-ink);
}


/* ----------------------------------------------------------
   EXPLANATORY BODY
   ---------------------------------------------------------- */

body.fff-category-archive-v2-page
.fff-archive-description-v2__body {

    width: 100%;
    max-width: 98ch;

    margin:
        0.82rem
        0
        0;

    padding: 0;

    font-family:
        var(--fff-font-body);

    font-size:
        clamp(
            0.97rem,
            0.99vw,
            1.02rem
        );

    line-height:
        1.72;

    font-weight:
        400;

    color:
        var(--fff-archive-desc-copy);
}


body.fff-category-archive-v2-page
.fff-archive-description-v2__body p {

    margin:
        0
        0
        0.72rem;

    padding: 0;

    font: inherit;
    line-height: inherit;
    color: inherit;
}


body.fff-category-archive-v2-page
.fff-archive-description-v2__body p:last-child {

    margin-bottom: 0;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 980px) {

    body.fff-category-archive-v2-page
    .fff-archive-description-v2 {

        margin-bottom:
            1.55rem;

        padding:
            1.2rem
            1.25rem
            1.3rem;

        border-left-width:
            3px;
    }


    body.fff-category-archive-v2-page
    .fff-archive-description-v2__lead {

        max-width:
            none;
    }


    body.fff-category-archive-v2-page
    .fff-archive-description-v2__body {

        max-width:
            none;
    }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    body.fff-category-archive-v2-page
    .fff-archive-description-v2 {

        margin:
            0.85rem
            0
            1.35rem;

        padding:
            1rem
            0.95rem
            1.08rem;

        background:
            #f6f8fb;

        border-top:
            1px solid
            var(--fff-archive-desc-line);

        border-bottom:
            1px solid
            var(--fff-archive-desc-line);

        border-left-width:
            3px;

        box-shadow: none;
    }


    body.fff-category-archive-v2-page
    .fff-archive-description-v2__kicker {

        margin-bottom:
            0.4rem;

        font-size:
            0.65rem;
    }


    body.fff-category-archive-v2-page
    .fff-archive-description-v2__lead {

        font-size:
            1.02rem;

        line-height:
            1.47;
    }


    body.fff-category-archive-v2-page
    .fff-archive-description-v2__body {

        margin-top:
            0.68rem;

        font-size:
            0.94rem;

        line-height:
            1.68;
    }
}


/* =========================================================
   FFF CATEGORY ARCHIVE MOBILE SCOPE 2026

   On phones the Field Archive hero already provides the
   category introduction. Remove the longer Archive Scope
   block to avoid repeating the same context before posts.

   The dynamic "Part of" archive navigation remains visible.
   ========================================================= */

@media (max-width: 767px) {

    body.fff-category-archive-v2-page
    .fff-archive-description-v2 {
        display: none !important;
    }

}