.gmf-category-intro{
    position:relative;
    direction:rtl;
    text-align:right;
    overflow:hidden;
    margin:18px 0 28px;
    padding:22px 24px;
    border:1px solid color-mix(in srgb,var(--gmf-cat-accent) 16%,#dce5ef);
    border-radius:18px;
    background:linear-gradient(135deg,var(--gmf-cat-bg-1),var(--gmf-cat-bg-2));
    box-shadow:0 10px 28px rgba(12,47,85,.07);
    color:var(--gmf-cat-text);
    isolation:isolate;
}
.gmf-category-intro:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:18px;
    right:0;
    bottom:18px;
    width:4px;
    border-radius:4px 0 0 4px;
    background:var(--gmf-cat-accent);
}
.gmf-category-intro--brand{
    border-color:color-mix(in srgb,var(--gmf-cat-accent) 25%,#dce5ef);
    box-shadow:0 14px 36px rgba(12,47,85,.11);
}
.gmf-category-intro--minimal{
    background:var(--gmf-cat-bg-1);
    box-shadow:none;
    border-radius:14px;
}
.gmf-category-intro--no-head{
    padding-top:19px;
    padding-bottom:19px;
}
.gmf-category-intro__head{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px 12px;
    margin:0 0 11px;
}
.gmf-category-intro__eyebrow{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    margin:0;
    padding:5px 11px;
    border-radius:999px;
    background:color-mix(in srgb,var(--gmf-cat-accent) 10%,#fff);
    color:var(--gmf-cat-accent);
    font-size:12px;
    line-height:1.7;
    font-weight:800;
}
.gmf-category-intro__title{
    flex:1 1 280px;
    margin:0;
    color:var(--gmf-cat-title);
    font-size:clamp(20px,1.75vw,25px);
    line-height:1.55;
    font-weight:850;
}
.gmf-category-intro__content-shell{position:relative;min-width:0}
.gmf-category-intro__content{
    max-width:1180px;
    color:var(--gmf-cat-text);
    font-size:15px;
    line-height:2;
}
.gmf-category-intro__content > :first-child{margin-top:0}
.gmf-category-intro__content > :last-child{margin-bottom:0}
.gmf-category-intro__content p{margin-top:0;margin-bottom:.75em}
.gmf-category-intro__content a{
    color:var(--gmf-cat-button);
    font-weight:700;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.gmf-category-intro__fade{display:none;pointer-events:none}
.gmf-category-intro__toggle{display:none}
.gmf-category-intro__actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin-top:15px;
}
.gmf-category-intro__more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:6px 13px 6px 8px;
    border:1px solid color-mix(in srgb,var(--gmf-cat-accent) 18%,#dce7e2);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:var(--gmf-cat-button)!important;
    font-size:13px;
    line-height:1.7;
    font-weight:800;
    text-decoration:none!important;
    box-shadow:0 4px 14px rgba(12,47,85,.055);
    transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.gmf-category-intro__more[hidden]{display:none!important}
.gmf-category-intro__more:hover{
    transform:translateY(-1px);
    background:#fff;
    border-color:color-mix(in srgb,var(--gmf-cat-accent) 34%,#dce7e2);
    box-shadow:0 7px 18px rgba(12,47,85,.085);
}
.gmf-category-intro__more:focus{outline:none!important}
.gmf-category-intro__more:focus-visible{
    outline:none!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--gmf-cat-accent) 18%,transparent),0 7px 18px rgba(12,47,85,.08)!important;
}
.gmf-category-intro__arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 25px;
    width:25px;
    height:25px;
    border-radius:50%;
    background:color-mix(in srgb,var(--gmf-cat-accent) 11%,#fff);
    color:var(--gmf-cat-accent);
    font-size:15px;
    line-height:1;
    transition:transform .18s ease,background .18s ease;
}
.gmf-category-intro__arrow svg{
    display:block;
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gmf-category-intro__more:hover .gmf-category-intro__arrow{
    transform:translateY(1px);
    background:color-mix(in srgb,var(--gmf-cat-accent) 16%,#fff);
}
.gmf-category-full-anchor,#gmf-category-full-description{scroll-margin-top:120px}


/* Desktop and tablet: compact editorial card with a clear, site-aligned CTA. */
@media (min-width:768px){
    .gmf-category-intro{
        margin:20px 0 30px;
        padding:25px 30px;
        border-radius:20px;
        border-color:color-mix(in srgb,var(--gmf-cat-accent) 17%,#d7e2ec);
        background:
            radial-gradient(circle at 6% 110%,color-mix(in srgb,var(--gmf-cat-accent) 8%,transparent) 0,transparent 34%),
            linear-gradient(135deg,color-mix(in srgb,var(--gmf-cat-bg-1) 78%,#fff) 0%,var(--gmf-cat-bg-2) 100%);
        box-shadow:0 14px 38px rgba(12,47,85,.075);
    }
    .gmf-category-intro:before{
        top:22px;
        bottom:22px;
        width:4px;
        box-shadow:0 0 0 5px color-mix(in srgb,var(--gmf-cat-accent) 5%,transparent);
    }
    .gmf-category-intro--no-head{
        padding-top:21px;
        padding-bottom:21px;
    }
    .gmf-category-intro__head{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
        margin:0 0 12px;
    }
    .gmf-category-intro__eyebrow{
        order:1;
        padding:5px 11px;
        border:1px solid color-mix(in srgb,var(--gmf-cat-accent) 13%,#fff);
        background:color-mix(in srgb,var(--gmf-cat-accent) 8%,#fff);
        font-size:11.5px;
        line-height:1.65;
        box-shadow:0 3px 10px rgba(12,47,85,.035);
    }
    .gmf-category-intro__title{
        order:2;
        width:100%;
        flex:none;
        font-size:clamp(22px,1.65vw,27px);
        line-height:1.45;
        letter-spacing:-.15px;
    }
    .gmf-category-intro__content{
        max-width:none;
        font-size:15.25px;
        line-height:2.05;
        text-wrap:pretty;
    }
    .gmf-category-intro__content p{margin-bottom:.55em}
    .gmf-category-intro__actions{
        margin-top:16px;
        justify-content:flex-start;
    }
    .gmf-category-intro__more{
        min-height:46px;
        padding:9px 16px 9px 10px;
        border:0;
        border-radius:13px;
        background:linear-gradient(135deg,var(--gmf-cat-button),color-mix(in srgb,var(--gmf-cat-button) 82%,#061d36));
        color:#fff!important;
        font-size:13.5px;
        box-shadow:0 9px 22px color-mix(in srgb,var(--gmf-cat-button) 22%,transparent);
    }
    .gmf-category-intro__more:hover{
        transform:translateY(-2px);
        background:linear-gradient(135deg,color-mix(in srgb,var(--gmf-cat-button) 92%,#fff),var(--gmf-cat-button));
        border-color:transparent;
        box-shadow:0 13px 27px color-mix(in srgb,var(--gmf-cat-button) 27%,transparent);
    }
    .gmf-category-intro__more:focus-visible{
        box-shadow:0 0 0 3px color-mix(in srgb,var(--gmf-cat-accent) 22%,transparent),0 12px 25px color-mix(in srgb,var(--gmf-cat-button) 23%,transparent)!important;
    }
    .gmf-category-intro__arrow{
        width:27px;
        height:27px;
        flex-basis:27px;
        background:rgba(255,255,255,.15);
        color:#fff;
    }
    .gmf-category-intro__more:hover .gmf-category-intro__arrow{
        transform:translateY(1px);
        background:rgba(255,255,255,.22);
    }
}

@media (min-width:1100px){
    .gmf-category-intro{
        display:grid;
        grid-template-columns:minmax(0,1fr) 228px;
        grid-template-areas:
            "head action"
            "content action";
        column-gap:30px;
        align-items:center;
        min-height:0;
    }
    .gmf-category-intro--no-head{
        grid-template-areas:"content action";
    }
    .gmf-category-intro__head{grid-area:head}
    .gmf-category-intro__content-shell{grid-area:content}
    .gmf-category-intro__toggle{grid-area:toggle}
    .gmf-category-intro__actions{
        grid-area:action;
        align-self:stretch;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0;
        padding-inline-start:28px;
        border-inline-start:1px solid color-mix(in srgb,var(--gmf-cat-accent) 13%,#dce5ef);
    }
    .gmf-category-intro__more{
        width:100%;
        justify-content:space-between;
        min-height:52px;
        padding-inline:16px 11px;
    }
}

@media (max-width:767px){
    .gmf-category-intro:after{display:none}
    .gmf-category-intro{
        margin:10px 0 18px;
        padding:13px 14px 10px;
        border-radius:15px;
        border-color:color-mix(in srgb,var(--gmf-cat-accent) 14%,#dbe4ec);
        background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--gmf-cat-bg-2) 64%,#fff) 100%);
        box-shadow:0 6px 18px rgba(12,47,85,.055);
    }
    .gmf-category-intro:before{
        top:13px;
        bottom:13px;
        width:3px;
        border-radius:3px 0 0 3px;
    }
    .gmf-category-intro--no-head{
        padding-top:11px;
        padding-bottom:8px;
    }
    .gmf-category-intro.gmf-mobile-hide-head .gmf-category-intro__head{display:none!important}
    .gmf-category-intro.gmf-mobile-show-head .gmf-category-intro__head{
        display:block;
        margin:0 0 7px;
    }
    .gmf-category-intro.gmf-mobile-show-head .gmf-category-intro__eyebrow{
        margin:0 0 5px;
        padding:3px 8px;
        font-size:10.5px;
    }
    .gmf-category-intro.gmf-mobile-show-head .gmf-category-intro__title{
        font-size:17px;
        line-height:1.65;
        font-weight:850;
    }
    .gmf-category-intro__content{
        font-size:13.5px;
        line-height:1.95;
        text-align:right;
    }
    .gmf-category-intro__content p{margin:0}

    .gmf-category-intro[data-gmf-mobile-collapse="1"]:not(.gmf-mobile-no-collapse):not(.gmf-mobile-expanded) .gmf-category-intro__content-shell{
        max-height:calc(var(--gmf-mobile-lines, 2) * 1.95em)!important;
        overflow:hidden!important;
    }
    .gmf-category-intro[data-gmf-mobile-collapse="1"].gmf-mobile-expanded .gmf-category-intro__content-shell,
    .gmf-category-intro[data-gmf-mobile-collapse="1"].gmf-mobile-no-collapse .gmf-category-intro__content-shell{
        max-height:none!important;
        overflow:visible!important;
    }
    .gmf-category-intro[data-gmf-mobile-collapse="1"]:not(.gmf-mobile-no-collapse):not(.gmf-mobile-expanded) .gmf-category-intro__fade{
        display:block!important;
        position:absolute;
        z-index:2;
        right:0;
        bottom:0;
        left:0;
        height:22px;
        background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--gmf-cat-bg-2) 42%,#fff0) 35%,color-mix(in srgb,var(--gmf-cat-bg-2) 86%,#fff) 100%);
    }
    .gmf-category-intro__toggle{
        appearance:none;
        -webkit-appearance:none;
        width:auto;
        min-width:132px;
        min-height:38px;
        margin:7px auto 0;
        padding:5px 11px;
        border:0!important;
        border-radius:999px!important;
        outline:0!important;
        background:transparent!important;
        box-shadow:none!important;
        color:var(--gmf-cat-button)!important;
        font:inherit;
        font-size:12.75px;
        line-height:1.7;
        font-weight:800;
        cursor:pointer;
        align-items:center;
        justify-content:center;
        gap:7px;
        text-align:center;
        -webkit-tap-highlight-color:transparent;
    }
    .gmf-category-intro[data-gmf-mobile-collapse="1"]:not(.gmf-mobile-no-collapse) .gmf-category-intro__toggle:not([hidden]){display:flex!important}
    .gmf-category-intro__toggle:hover{background:color-mix(in srgb,var(--gmf-cat-accent) 5%,transparent)!important}
    .gmf-category-intro__toggle:focus{outline:0!important;box-shadow:none!important}
    .gmf-category-intro__toggle:focus-visible{
        outline:0!important;
        box-shadow:0 0 0 3px color-mix(in srgb,var(--gmf-cat-accent) 16%,transparent)!important;
    }
    .gmf-category-intro__toggle-label{min-width:0}
    .gmf-category-intro__toggle-arrow{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        flex:0 0 25px;
        width:25px;
        height:25px;
        border-radius:50%;
        background:color-mix(in srgb,var(--gmf-cat-accent) 10%,#fff);
        color:var(--gmf-cat-accent);
        transition:transform .22s ease,background .18s ease;
    }
    .gmf-category-intro__toggle-arrow svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .gmf-category-intro.gmf-mobile-expanded .gmf-category-intro__toggle-arrow{transform:rotate(180deg);background:color-mix(in srgb,var(--gmf-cat-accent) 16%,#fff)}

    .gmf-category-intro[data-gmf-mobile-collapse="1"]:not(.gmf-mobile-no-collapse):not(.gmf-mobile-expanded) .gmf-category-intro__actions{display:none!important}
    .gmf-category-intro__actions{
        justify-content:center;
        margin-top:7px;
        padding-top:0;
    }
    .gmf-category-intro__more{
        width:auto;
        min-height:36px;
        padding:5px 11px 5px 7px;
        border:1px solid color-mix(in srgb,var(--gmf-cat-accent) 17%,#dce7e2);
        border-radius:999px;
        background:rgba(255,255,255,.78);
        font-size:12.25px;
        box-shadow:0 3px 10px rgba(12,47,85,.045);
    }
    .gmf-category-intro__arrow{
        width:23px;
        height:23px;
        flex-basis:23px;
    }
    .gmf-category-intro__arrow svg{width:14px;height:14px}
}

@media (prefers-reduced-motion:reduce){
    .gmf-category-intro__toggle-arrow,
    .gmf-category-intro__more{transition:none}
}
