:root{--ca-blue:#086fe8;--ca-navy:#08235d;--ca-soft:#f4f9ff;--ca-line:#dceafb;--ca-muted:#687894}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:#6681a7;margin-bottom:20px}.breadcrumb a{color:#0a66d5}.product-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fafdff 0%,rgba(240,249,255,.94) 42%,rgba(224,243,255,.75) 100%);min-height:620px}.product-hero:before{content:"";position:absolute;inset:0;background-image:var(--hero);background-repeat:no-repeat;background-size:760px auto;background-position:60% center;opacity:.96;pointer-events:none}.product-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 32%,rgba(255,255,255,.18) 65%,rgba(255,255,255,.58) 100%);pointer-events:none}.product-hero-grid{position:relative;z-index:2;min-height:620px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.66fr);gap:48px;align-items:center}.product-hero-copy{max-width:630px}.product-hero h1{font-size:58px;line-height:.98;letter-spacing:-.05em;margin:12px 0 20px}.product-hero p{font-size:17px;line-height:1.65;color:#405374}.micro-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#2864a8}.quick-quote{justify-self:end;width:100%;max-width:355px;padding:28px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid #ddecfb;box-shadow:0 20px 55px rgba(30,91,156,.15)}.quick-quote h2{margin:0 0 6px}.quick-quote p{margin:0 0 18px;font-size:14px}.quick-steps{display:flex;align-items:center;gap:8px;margin:20px 0}.quick-steps b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#0b65cf}.quick-steps b:first-child{background:#0875eb;color:white}.quick-steps span{height:2px;background:#d5e7fb;flex:1}.quick-quote small{display:block;text-align:center;margin-top:12px;color:var(--ca-muted)}.content-section{padding:68px 0}.content-section.soft{background:#f5faff}.section-title{max-width:760px;margin-bottom:28px}.section-title h2,.guide-faq h2,.final-cta h2{font-size:36px;letter-spacing:-.035em;margin:8px 0}.section-title p{color:var(--ca-muted)}.cards-grid{display:grid;gap:14px}.cards-5{grid-template-columns:repeat(5,1fr)}.mini-card{background:white;border:1px solid var(--ca-line);border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(34,94,156,.05);transition:.2s}.mini-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(34,94,156,.11)}.icon-orb{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e9f5ff,#d8ebff);display:grid;place-items:center;font-size:26px;color:#0b65ce}.mini-card h3{font-size:16px;margin:14px 0 8px}.mini-card p{font-size:13px;line-height:1.5;color:var(--ca-muted);min-height:58px}.mini-card a,.formula-grid a,.read-link{font-size:13px;font-weight:800;color:#0768dc}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-cards>div{background:white;border:1px solid var(--ca-line);border-radius:22px;padding:24px}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chip-grid a{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #e0edf9;border-radius:14px;background:#fbfdff;font-size:13px;font-weight:750}.formula-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.formula-grid article{border:1px solid var(--ca-line);border-radius:20px;padding:24px;background:#fff}.formula-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#e8f4ff;color:#0871df;font-size:24px}.formula-grid p{color:var(--ca-muted);line-height:1.55}.guide-faq{padding:70px 0;background:linear-gradient(180deg,#f7fbff,#fff)}.guide-faq-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.guide-card,.faq-card{background:#fff;border:1px solid var(--ca-line);border-radius:24px;padding:26px;box-shadow:0 10px 30px rgba(24,80,142,.06)}.guide-visual img{width:100%;height:250px;object-fit:cover;border-radius:18px;background:#eef6ff}.rich-content{font-size:15px;line-height:1.8;color:#334a6c}.rich-content h2{font-size:28px;color:#102f65;margin-top:30px}.rich-content h3{font-size:20px;color:#173c77;margin-top:22px}.rich-content a{color:#076be0;font-weight:700}.faq-card details{border-bottom:1px solid #e5eef8;padding:15px 0}.faq-card summary{cursor:pointer;font-weight:800}.faq-card p{color:var(--ca-muted);line-height:1.6}.final-cta{padding:34px 0;background:linear-gradient(110deg,#07377d,#0875e9);color:white}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.final-cta h2{margin:4px 0;color:white}.form-page{padding:60px 0;background:#f5faff}.form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.form-intro h1,.page-head h1{font-size:48px;letter-spacing:-.04em;margin:10px 0 16px}.form-intro p,.page-head p{color:var(--ca-muted);font-size:17px;line-height:1.6}.form-intro img{width:100%;max-height:360px;object-fit:contain;margin-top:22px}.dynamic-form{background:white;border:1px solid var(--ca-line);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(25,76,132,.09)}.dynamic-form label{display:block;font-weight:800;font-size:13px;margin:15px 0}.dynamic-form input,.dynamic-form select,.dynamic-form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cfe1f4;border-radius:12px;font:inherit;background:#fbfdff}.gdpr{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.5}.gdpr input{width:auto!important;margin-top:3px!important}.field-error{color:#b42318}.form-success{padding:13px;border-radius:12px;background:#eaf8ef;color:#17603d}.secure-note{text-align:center;color:#6a7e98;font-size:12px;margin-top:13px}.page-head{padding:64px 0;background:linear-gradient(135deg,#eff8ff,#fff)}.narrow{max-width:900px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--ca-line);border-radius:20px;overflow:hidden;background:white;box-shadow:0 8px 25px rgba(30,92,158,.06)}.blog-card img{width:100%;height:210px;object-fit:cover;background:#eef6ff}.blog-card>div{padding:20px}.blog-card h2{font-size:20px}.blog-card p{color:var(--ca-muted);line-height:1.6}.article-head{padding:64px 0 34px;background:linear-gradient(135deg,#eff8ff,#fff)}.article-head h1{font-size:52px;letter-spacing:-.045em;line-height:1.03}.article-head p{font-size:19px;color:var(--ca-muted)}.article-meta{font-size:13px;color:#789}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding-top:40px;padding-bottom:70px}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:24px;background:#eef6ff}.article-content{font-size:17px}.article-side{position:relative}.side-card{position:sticky;top:110px;background:white;border:1px solid var(--ca-line);border-radius:20px;padding:20px;margin-bottom:16px}.side-card a:not(.btn){display:block;margin:10px 0;color:#076be0;font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-box{margin-top:25px;padding:20px;border-radius:18px;background:#edf6ff;display:flex;flex-direction:column}.contact-box strong{font-size:24px;color:#0b62c8}.cookie-banner{position:fixed;z-index:9999;left:20px;right:20px;bottom:20px;max-width:1120px;margin:auto;background:#fff;border:1px solid #d9e8f7;border-radius:18px;padding:18px 20px;box-shadow:0 20px 60px rgba(10,43,87,.2);display:flex;justify-content:space-between;gap:20px;align-items:center}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:5px 0;color:#65758e;font-size:13px}.cookie-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cookie-actions button,.cookie-actions a{border:1px solid #c7dcef;border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer}.cookie-actions .accept{background:#0870df;color:white;border-color:#0870df}.legal-content{background:#fff}.pagination{margin-top:28px}
@media(max-width:1050px){.product-hero:before{background-size:670px auto;background-position:55% center}.product-hero-grid{grid-template-columns:1fr}.quick-quote{justify-self:start;max-width:520px}.cards-5{grid-template-columns:repeat(3,1fr)}.formula-grid{grid-template-columns:repeat(2,1fr)}.guide-faq-grid,.form-layout,.article-layout,.contact-grid{grid-template-columns:1fr}.article-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-card{position:static}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.product-hero{min-height:0}.product-hero:before{background-size:130% auto;background-position:58% 58%;opacity:.65}.product-hero:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 45%,rgba(255,255,255,.55) 70%,rgba(255,255,255,.9) 100%)}.product-hero-grid{min-height:0;padding:30px 0;gap:18px}.product-hero h1,.page-head h1,.form-intro h1,.article-head h1{font-size:38px}.product-hero p{font-size:15px}.quick-quote{padding:20px}.cards-5,.formula-grid,.blog-grid{grid-template-columns:1fr}.split-cards{grid-template-columns:1fr}.chip-grid{grid-template-columns:1fr 1fr}.content-section,.guide-faq{padding:50px 0}.section-title h2{font-size:30px}.guide-faq-grid{grid-template-columns:1fr}.final-cta .container{align-items:flex-start;flex-direction:column}.article-side{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}}

/* =========================================================
   PRODUCT HERO FIX v2.2.0
   Desktop: image hero on the right, full height, no distortion.
   Tablet/mobile: dedicated visual inside the hero so it never disappears.
   ========================================================= */

.product-hero{
    min-height:620px;
    background:linear-gradient(100deg,#ffffff 0%,#f8fcff 44%,#eaf6ff 100%);
}

.product-hero:before{
    inset:0;
    left:34%;
    width:66%;
    background-image:var(--hero);
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
    opacity:1;
    filter:none;
}

.product-hero:after{
    background:linear-gradient(
        90deg,
        #ffffff 0%,
        rgba(255,255,255,.98) 26%,
        rgba(255,255,255,.88) 38%,
        rgba(255,255,255,.38) 53%,
        rgba(255,255,255,.08) 69%,
        rgba(255,255,255,.02) 100%
    );
}

.product-hero-grid{
    min-height:620px;
    grid-template-columns:minmax(0,1.13fr) minmax(320px,.65fr);
    gap:50px;
}

.product-hero-copy{
    max-width:650px;
}

.product-hero-mobile-media{
    display:none;
}

@media (min-width:1500px){
    .product-hero{
        min-height:670px;
    }
    .product-hero:before{
        left:36%;
        width:64%;
        background-size:auto 100%;
        background-position:right center;
    }
    .product-hero-grid{
        min-height:670px;
    }
    .product-hero h1{
        font-size:64px;
        max-width:720px;
    }
}

@media (max-width:1050px){
    .product-hero{
        min-height:0;
    }
    .product-hero:before{
        display:none;
    }
    .product-hero:after{
        background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
    }
    .product-hero-grid{
        min-height:0;
        grid-template-columns:1fr;
        gap:20px;
        padding:34px 0 38px;
    }
    .product-hero-copy{
        max-width:760px;
    }
    .product-hero-mobile-media{
        display:block;
        width:100%;
        height:360px;
        border-radius:24px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center 48%;
        box-shadow:0 18px 45px rgba(25,76,132,.12);
        border:1px solid #dceafb;
    }
    .quick-quote{
        justify-self:start;
        max-width:520px;
    }
}

@media (max-width:700px){
    .product-hero-grid{
        padding:24px 0 28px;
        gap:15px;
    }
    .product-hero-mobile-media{
        height:230px;
        border-radius:18px;
        background-size:cover;
        background-position:62% center;
        box-shadow:0 12px 30px rgba(25,76,132,.10);
    }
    .product-hero h1{
        font-size:38px;
        line-height:1.02;
    }
    .quick-quote{
        width:100%;
        max-width:none;
    }
}

@media (max-width:430px){
    .product-hero-mobile-media{
        height:205px;
        background-position:65% center;
    }
}

/* =========================================================
   PRODUCT HERO FULL-WIDTH BACKGROUND FIX — v2.2.1
   The product image now covers the full hero width.
   ========================================================= */

.product-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:640px;
    background:#edf7ff;
}

/* Full hero visual: no more 34% left offset / 66% width */
.product-hero:before{
    content:"";
    display:block !important;
    position:absolute;
    inset:0 !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:-2;
    background-image:var(--hero) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    opacity:1 !important;
    filter:none !important;
}

/* Readability layer: strong on the copy side, transparent on the visual side */
.product-hero:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.99) 0%,
            rgba(255,255,255,.97) 20%,
            rgba(255,255,255,.90) 32%,
            rgba(255,255,255,.63) 43%,
            rgba(255,255,255,.26) 54%,
            rgba(255,255,255,.07) 66%,
            rgba(255,255,255,.02) 100%
        );
}

.product-hero-grid{
    min-height:640px;
    width:min(1480px,calc(100% - 64px));
    grid-template-columns:minmax(470px,1.08fr) minmax(330px,.62fr);
    gap:56px;
    padding:54px 0 48px;
    align-items:center;
}

.product-hero-copy{
    max-width:665px;
}

.product-hero .quick-quote{
    max-width:385px;
    justify-self:end;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.82);
    box-shadow:0 22px 55px rgba(18,71,135,.16);
}

.product-hero-mobile-media{
    display:none !important;
}

/* Large desktop: keep the photo full bleed and give it breathing room */
@media (min-width:1500px){
    .product-hero{
        min-height:700px;
    }

    .product-hero:before{
        background-size:cover !important;
        background-position:center 46% !important;
    }

    .product-hero-grid{
        width:min(1640px,calc(100% - 92px));
        min-height:700px;
        grid-template-columns:minmax(540px,1.15fr) minmax(360px,.60fr);
        gap:70px;
        padding:62px 0 56px;
    }

    .product-hero-copy{
        max-width:735px;
    }

    .product-hero h1{
        font-size:64px;
        max-width:760px;
    }

    .product-hero .quick-quote{
        max-width:410px;
    }
}

/* Medium desktop */
@media (max-width:1280px){
    .product-hero{
        min-height:610px;
    }

    .product-hero:before{
        background-position:58% center !important;
    }

    .product-hero-grid{
        width:min(1220px,calc(100% - 42px));
        min-height:610px;
        grid-template-columns:minmax(410px,1.05fr) minmax(315px,.66fr);
        gap:34px;
        padding:44px 0 40px;
    }

    .product-hero .quick-quote{
        max-width:355px;
    }
}

/* Tablet: the same image stays full width behind the entire hero */
@media (max-width:1000px){
    .product-hero{
        min-height:690px;
    }

    .product-hero:before{
        display:block !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        background-size:cover !important;
        background-position:66% center !important;
    }

    .product-hero:after{
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.95) 34%,
                rgba(255,255,255,.76) 54%,
                rgba(255,255,255,.52) 72%,
                rgba(255,255,255,.82) 100%
            );
    }

    .product-hero-grid{
        width:calc(100% - 34px);
        min-height:690px;
        display:grid;
        grid-template-columns:1fr;
        gap:24px;
        align-content:center;
        padding:38px 0;
    }

    .product-hero-copy{
        max-width:720px;
    }

    .product-hero .quick-quote{
        justify-self:start;
        width:min(100%,520px);
        max-width:520px;
        background:rgba(255,255,255,.91);
    }
}

/* Mobile: full-width hero image remains visible, no standalone image block */
@media (max-width:700px){
    .product-hero{
        min-height:720px;
    }

    .product-hero:before{
        display:block !important;
        background-size:cover !important;
        background-position:70% center !important;
    }

    .product-hero:after{
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.99) 0%,
                rgba(255,255,255,.97) 30%,
                rgba(255,255,255,.88) 49%,
                rgba(255,255,255,.58) 68%,
                rgba(255,255,255,.82) 100%
            );
    }

    .product-hero-grid{
        width:calc(100% - 24px);
        min-height:720px;
        gap:16px;
        padding:25px 0 30px;
        align-content:start;
    }

    .product-hero h1{
        font-size:38px;
        line-height:1.02;
    }

    .product-hero .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
    }

    .product-hero .hero-actions .btn{
        width:100%;
    }

    .product-hero .quick-quote{
        width:100%;
        max-width:none;
        margin-top:8px;
        background:rgba(255,255,255,.90);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
    }
}

@media (max-width:430px){
    .product-hero{
        min-height:700px;
    }

    .product-hero:before{
        background-position:73% center !important;
    }

    .product-hero-grid{
        width:calc(100% - 18px);
        min-height:700px;
        padding-top:20px;
    }

    .product-hero h1{
        font-size:35px;
    }
}

/* =========================================================
   PRODUCT HERO CLEAN RESPONSIVE — v2.2.2
   - removes broken right-side quote panel
   - keeps each product image fully readable on desktop
   - uses a dedicated responsive visual on tablet/mobile
   ========================================================= */

.product-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:590px;
    background:
        radial-gradient(circle at 70% 28%,rgba(120,194,255,.28),transparent 38%),
        linear-gradient(100deg,#ffffff 0%,#f8fcff 45%,#edf7ff 100%);
}

/* Desktop image: show the product image without the aggressive full-width crop */
.product-hero:before{
    content:"";
    display:block !important;
    position:absolute;
    z-index:-2;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:62% !important;
    height:100% !important;
    background-image:var(--hero) !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    background-position:right center !important;
    opacity:1 !important;
    filter:none !important;
}

/* Soft fade between copy and photo */
.product-hero:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.99) 28%,
            rgba(255,255,255,.93) 40%,
            rgba(255,255,255,.62) 49%,
            rgba(255,255,255,.18) 59%,
            rgba(255,255,255,0) 72%
        );
}

.product-hero-grid{
    position:relative;
    z-index:1;
    width:min(1460px,calc(100% - 64px));
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,720px) 1fr;
    gap:40px;
    align-items:center;
    padding:50px 0 46px;
}

.product-hero-copy{
    max-width:690px;
}

.product-hero h1{
    max-width:700px;
}

.product-hero .hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.product-hero-visual{
    display:none;
}

/* Ensure old quote block cannot reappear from cache/older markup */
.product-hero .quick-quote{
    display:none !important;
}

@media (min-width:1500px){
    .product-hero{
        min-height:630px;
    }

    .product-hero:before{
        width:60% !important;
        background-size:contain !important;
        background-position:right center !important;
    }

    .product-hero-grid{
        width:min(1620px,calc(100% - 96px));
        min-height:630px;
        grid-template-columns:minmax(0,760px) 1fr;
        padding:56px 0 50px;
    }

    .product-hero h1{
        font-size:62px;
        max-width:760px;
    }
}

@media (max-width:1280px){
    .product-hero{
        min-height:550px;
    }

    .product-hero:before{
        width:59% !important;
        background-size:contain !important;
    }

    .product-hero-grid{
        width:min(1200px,calc(100% - 42px));
        min-height:550px;
        grid-template-columns:minmax(0,620px) 1fr;
        padding:42px 0 38px;
    }

    .product-hero h1{
        font-size:50px;
    }
}

/* Tablet: stop using background crop, display the full image in a visual panel */
@media (max-width:1000px){
    .product-hero{
        min-height:0;
        background:linear-gradient(180deg,#ffffff 0%,#f4faff 100%);
    }

    .product-hero:before{
        display:none !important;
    }

    .product-hero:after{
        background:none !important;
    }

    .product-hero-grid{
        width:calc(100% - 34px);
        min-height:0;
        display:grid;
        grid-template-columns:1fr;
        gap:22px;
        padding:34px 0 36px;
    }

    .product-hero-copy{
        max-width:760px;
    }

    .product-hero-visual{
        display:block;
        width:100%;
        aspect-ratio:3 / 2;
        max-height:470px;
        border-radius:24px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        box-shadow:0 18px 44px rgba(18,71,135,.12);
        border:1px solid #dbeafb;
    }
}

/* Mobile: visual remains visible and correctly proportioned */
@media (max-width:700px){
    .product-hero-grid{
        width:calc(100% - 24px);
        gap:16px;
        padding:24px 0 28px;
    }

    .product-hero h1{
        font-size:38px;
        line-height:1.02;
    }

    .product-hero .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
        margin-top:20px;
    }

    .product-hero .hero-actions .btn{
        width:100%;
    }

    .product-hero-visual{
        aspect-ratio:16 / 10;
        max-height:none;
        border-radius:18px;
        background-size:cover;
        background-position:center;
        box-shadow:0 12px 28px rgba(18,71,135,.10);
    }

    .micro-trust{
        flex-wrap:wrap;
        gap:8px 14px;
    }
}

@media (max-width:430px){
    .product-hero-grid{
        width:calc(100% - 18px);
        padding-top:20px;
    }

    .product-hero h1{
        font-size:35px;
    }

    .product-hero-visual{
        aspect-ratio:4 / 3;
        background-position:center;
    }
}

/* Health profile subpages v2.6.0 */
.health-highlight-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.health-rich-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:42px;
    align-items:start;
}
.health-main-copy{
    max-width:880px;
}
.health-main-copy h2{
    margin-top:34px;
}
.health-main-copy h2:first-child{
    margin-top:0;
}
.health-side-cta{
    position:sticky;
    top:118px;
    padding:26px;
    border:1px solid #dce9f7;
    border-radius:24px;
    background:#fff;
    box-shadow:0 20px 45px rgba(23,72,126,.09);
}
.health-side-cta h2{
    margin:8px 0 10px;
    font-size:27px;
}
.health-side-cta p{
    color:#52647a;
    line-height:1.65;
}
.health-side-cta .vertical{
    display:grid;
    gap:7px;
    margin-top:16px;
}
.health-guide-faq .guide-card{
    min-width:0;
}
@media(max-width:1000px){
    .health-highlight-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .health-rich-layout{
        grid-template-columns:1fr;
    }
    .health-side-cta{
        position:static;
        max-width:620px;
    }
}
@media(max-width:650px){
    .health-highlight-grid{
        grid-template-columns:1fr;
    }
    .health-side-cta{
        padding:20px;
        border-radius:18px;
    }
}

/* =========================================================
   HEALTH PROFILE DISPLAY OPTIMIZATION — v2.6.1
   ========================================================= */

.health-profile-summary{
    padding:42px 0 18px;
    background:#fff;
}

.health-summary-card{
    padding:34px;
    border:1px solid #e0ecf8;
    border-radius:28px;
    background:
        radial-gradient(circle at 92% 8%,rgba(33,145,255,.10),transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#f8fcff 100%);
    box-shadow:0 18px 48px rgba(24,72,126,.07);
}

.health-summary-copy{
    max-width:900px;
}

.health-summary-copy h2{
    margin:7px 0 10px;
    font-size:clamp(30px,3vw,44px);
    line-height:1.08;
    letter-spacing:-.03em;
}

.health-summary-copy p{
    max-width:920px;
    margin:0;
    color:#51647a;
    font-size:17px;
    line-height:1.75;
}

.health-highlight-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:27px;
}

.health-highlight-card{
    display:flex;
    gap:13px;
    min-width:0;
    padding:18px;
    border:1px solid #dceaf7;
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 9px 26px rgba(28,78,131,.05);
}

.health-highlight-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#edf7ff;
    font-size:22px;
}

.health-highlight-card h3{
    margin:1px 0 5px;
    font-size:16px;
    line-height:1.25;
    color:#083d84;
}

.health-highlight-card p{
    margin:0;
    font-size:13px;
    line-height:1.55;
    color:#607086;
}

.health-content-section{
    padding:54px 0 70px;
    background:#f7fbff;
}

.health-content-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:34px;
    align-items:start;
}

.health-editorial-card{
    min-width:0;
    padding:38px 42px;
    border:1px solid #e0ebf6;
    border-radius:28px;
    background:#fff;
    box-shadow:0 16px 42px rgba(20,69,123,.06);
}

.health-editorial-head{
    padding-bottom:22px;
    margin-bottom:8px;
    border-bottom:1px solid #edf2f7;
}

.health-editorial-head h2{
    margin:7px 0 9px;
    font-size:clamp(30px,3.3vw,46px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.health-editorial-head p{
    margin:0;
    max-width:760px;
    color:#5d6d80;
    font-size:16px;
    line-height:1.65;
}

.health-rich-copy{
    max-width:none;
}

.health-rich-copy h2{
    position:relative;
    margin:40px 0 13px;
    padding-left:18px;
    font-size:28px;
    line-height:1.18;
    letter-spacing:-.02em;
    color:#073f89;
}

.health-rich-copy h2:before{
    content:"";
    position:absolute;
    left:0;
    top:.16em;
    width:5px;
    height:1.05em;
    border-radius:4px;
    background:linear-gradient(180deg,#1489ff,#075ecf);
}

.health-rich-copy h3{
    margin:28px 0 9px;
    font-size:20px;
    color:#0a4b98;
}

.health-rich-copy p{
    margin:0 0 16px;
    max-width:860px;
    color:#34495f;
    font-size:16px;
    line-height:1.82;
}

.health-rich-copy a{
    font-weight:800;
    text-decoration-thickness:1.5px;
    text-underline-offset:3px;
}

.health-side-panel{
    display:grid;
    gap:16px;
    position:sticky;
    top:112px;
}

.health-side-card{
    padding:24px;
    border:1px solid #dfeaf5;
    border-radius:22px;
    background:#fff;
    box-shadow:0 15px 36px rgba(19,68,122,.07);
}

.health-side-cta{
    position:static;
}

.health-side-cta h2{
    margin:8px 0 10px;
    font-size:25px;
    line-height:1.15;
}

.health-side-cta p{
    margin:0 0 17px;
    color:#5d6c7e;
    line-height:1.6;
}

.health-side-nav{
    display:grid;
    gap:3px;
}

.health-side-nav .eyebrow{
    margin-bottom:8px;
}

.health-side-nav a{
    display:flex;
    align-items:center;
    min-height:43px;
    padding:10px 12px;
    border-radius:12px;
    color:#194d8d;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}

.health-side-nav a:after{
    content:"→";
    margin-left:auto;
    color:#0d75e5;
}

.health-side-nav a:hover{
    background:#f0f7ff;
}

.health-guide-section{
    padding:66px 0;
    background:#fff;
}

.health-section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.health-section-heading h2{
    margin:7px 0 5px;
    font-size:clamp(30px,3vw,44px);
    line-height:1.08;
    letter-spacing:-.03em;
}

.health-section-heading p{
    margin:0;
    max-width:760px;
    color:#617185;
    line-height:1.65;
}

.health-guide-card{
    display:grid;
    grid-template-columns:minmax(320px,.78fr) minmax(0,1.45fr);
    overflow:hidden;
    border:1px solid #dce9f6;
    border-radius:28px;
    background:#f8fcff;
    box-shadow:0 20px 55px rgba(19,68,122,.08);
}

.health-guide-visual{
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:#e8f4ff;
}

.health-guide-visual img{
    width:100%;
    height:100%;
    min-height:480px;
    object-fit:cover;
    object-position:center;
}

.health-guide-badge{
    position:absolute;
    left:20px;
    bottom:20px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#075ecf;
    font-size:13px;
    font-weight:900;
    box-shadow:0 8px 24px rgba(12,70,130,.13);
}

.health-guide-copy{
    padding:34px 38px 36px;
}

.health-guide-copy h2{
    margin:0 0 18px;
    font-size:32px;
    letter-spacing:-.025em;
    line-height:1.1;
}

.health-guide-copy h3{
    position:relative;
    margin:26px 0 8px;
    padding:14px 16px 14px 52px;
    border:1px solid #dce9f6;
    border-radius:16px;
    background:#fff;
    color:#0b4b98;
    font-size:18px;
    line-height:1.3;
}

.health-guide-copy h3:before{
    content:"✓";
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e8f4ff;
    color:#0975df;
    font-size:13px;
    font-weight:900;
}

.health-guide-copy p{
    margin:0 0 14px;
    color:#3c5064;
    font-size:15.5px;
    line-height:1.78;
}

.health-faq-section{
    padding:66px 0;
    background:#f6faff;
}

.health-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.health-faq-item{
    overflow:hidden;
    border:1px solid #dce8f4;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 26px rgba(20,67,119,.045);
}

.health-faq-item summary{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:72px;
    padding:18px 20px;
    cursor:pointer;
    list-style:none;
    color:#123f7c;
    font-size:15px;
    font-weight:900;
    line-height:1.4;
}

.health-faq-item summary::-webkit-details-marker{
    display:none;
}

.health-faq-item summary b{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    margin-left:auto;
    border-radius:50%;
    background:#eef6ff;
    color:#0b72dc;
    font-size:20px;
    font-weight:500;
    transition:transform .2s ease;
}

.health-faq-item[open] summary{
    background:#f8fbff;
}

.health-faq-item[open] summary b{
    transform:rotate(45deg);
}

.health-faq-answer{
    padding:0 20px 20px;
}

.health-faq-answer p{
    margin:0;
    color:#53667a;
    line-height:1.7;
}

.health-lexicon-section{
    padding:62px 0;
    background:#fff;
}

.health-lexicon-card{
    padding:36px;
    border:1px solid #dce9f6;
    border-radius:27px;
    background:
        radial-gradient(circle at 92% 12%,rgba(31,146,255,.08),transparent 30%),
        #fff;
}

.health-lexicon-head{
    max-width:760px;
    margin-bottom:22px;
}

.health-lexicon-head h2{
    margin:7px 0 7px;
    font-size:38px;
    letter-spacing:-.03em;
}

.health-lexicon-head p{
    margin:0;
    color:#65758a;
}

.health-lexicon-copy{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.health-lexicon-copy h3{
    margin:0;
    padding:18px 18px 4px;
    border:1px solid #dce8f4;
    border-bottom:0;
    border-radius:16px 16px 0 0;
    background:#f8fbff;
    color:#0a4a95;
    font-size:16px;
}

.health-lexicon-copy p{
    margin:0 0 14px;
    padding:5px 18px 18px;
    border:1px solid #dce8f4;
    border-top:0;
    border-radius:0 0 16px 16px;
    color:#586a7d;
    font-size:14px;
    line-height:1.65;
}

.health-other-profiles{
    padding:64px 0 72px;
    background:#f7fbff;
}

.health-other-grid .mini-card{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.health-other-grid .mini-card:hover{
    transform:translateY(-4px);
    border-color:#bdddf8;
    box-shadow:0 17px 36px rgba(20,71,124,.08);
}

.health-final-cta{
    margin-top:0;
}

@media(max-width:1100px){
    .health-highlight-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .health-content-layout{
        grid-template-columns:1fr;
    }

    .health-side-panel{
        position:static;
        grid-template-columns:1fr 1fr;
    }

    .health-guide-card{
        grid-template-columns:minmax(280px,.72fr) 1.28fr;
    }

    .health-lexicon-copy{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:820px){
    .health-summary-card,
    .health-editorial-card,
    .health-lexicon-card{
        padding:26px;
        border-radius:22px;
    }

    .health-guide-card{
        grid-template-columns:1fr;
    }

    .health-guide-visual img{
        min-height:300px;
        max-height:390px;
    }

    .health-faq-grid{
        grid-template-columns:1fr;
    }

    .health-side-panel{
        grid-template-columns:1fr;
    }

    .health-section-heading{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:600px){
    .health-profile-summary{
        padding:26px 0 8px;
    }

    .health-summary-card{
        padding:20px 16px;
        border-radius:19px;
    }

    .health-summary-copy h2{
        font-size:29px;
    }

    .health-summary-copy p{
        font-size:15px;
        line-height:1.68;
    }

    .health-highlight-grid{
        grid-template-columns:1fr;
        gap:9px;
        margin-top:20px;
    }

    .health-highlight-card{
        padding:14px;
    }

    .health-content-section,
    .health-guide-section,
    .health-faq-section,
    .health-lexicon-section,
    .health-other-profiles{
        padding:40px 0;
    }

    .health-editorial-card{
        padding:22px 17px;
        border-radius:19px;
    }

    .health-editorial-head h2,
    .health-section-heading h2{
        font-size:29px;
    }

    .health-rich-copy h2{
        margin-top:31px;
        font-size:24px;
    }

    .health-rich-copy h3{
        font-size:18px;
    }

    .health-rich-copy p{
        font-size:15px;
        line-height:1.72;
    }

    .health-side-card{
        padding:19px;
        border-radius:18px;
    }

    .health-guide-card{
        border-radius:20px;
    }

    .health-guide-visual img{
        min-height:230px;
        max-height:280px;
    }

    .health-guide-copy{
        padding:22px 17px 26px;
    }

    .health-guide-copy h2{
        font-size:27px;
    }

    .health-guide-copy h3{
        padding:13px 13px 13px 47px;
        font-size:16px;
    }

    .health-faq-item summary{
        min-height:62px;
        padding:15px 16px;
        font-size:14px;
    }

    .health-faq-answer{
        padding:0 16px 17px;
    }

    .health-lexicon-card{
        padding:22px 16px;
        border-radius:20px;
    }

    .health-lexicon-head h2{
        font-size:29px;
    }

    .health-lexicon-copy{
        grid-template-columns:1fr;
        gap:9px;
    }
}

/* =========================================================
   GUIDE PRATIQUE 50 / 50 — v2.6.2
   Image et contenu équilibrés sur desktop.
   ========================================================= */

.health-guide-card{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch;
}

.health-guide-visual{
    min-height:100%;
}

.health-guide-visual img{
    width:100%;
    height:100%;
    min-height:560px;
    max-height:none;
    object-fit:cover;
    object-position:center;
}

.health-guide-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:34px 34px 36px;
}

.health-guide-copy h2{
    margin:0 0 16px;
    font-size:30px;
    line-height:1.08;
}

.health-guide-copy h3{
    margin:18px 0 7px;
    padding:11px 13px 11px 46px;
    font-size:16px;
    line-height:1.25;
}

.health-guide-copy h3:before{
    left:13px;
    width:23px;
    height:23px;
}

.health-guide-copy p{
    margin:0 0 11px;
    font-size:14.5px;
    line-height:1.62;
}

.health-guide-copy p:last-child{
    margin-bottom:0;
}

/* Large screens: preserve true 50/50 split */
@media(min-width:1200px){
    .health-guide-card{
        grid-template-columns:50% 50% !important;
    }

    .health-guide-visual img{
        min-height:590px;
    }

    .health-guide-copy{
        padding:38px 40px;
    }
}

/* Tablet: image remains visually important */
@media(max-width:1000px) and (min-width:821px){
    .health-guide-card{
        grid-template-columns:48% 52% !important;
    }

    .health-guide-visual img{
        min-height:520px;
    }

    .health-guide-copy{
        padding:28px 27px;
    }

    .health-guide-copy h2{
        font-size:27px;
    }

    .health-guide-copy h3{
        font-size:15px;
        margin-top:15px;
    }

    .health-guide-copy p{
        font-size:14px;
        line-height:1.55;
    }
}

/* Small screens: stacked layout is more readable */
@media(max-width:820px){
    .health-guide-card{
        grid-template-columns:1fr !important;
    }

    .health-guide-visual img{
        min-height:320px;
        max-height:400px;
    }

    .health-guide-copy{
        padding:24px 20px 28px;
    }
}

@media(max-width:600px){
    .health-guide-visual img{
        min-height:250px;
        max-height:300px;
    }

    .health-guide-copy{
        padding:21px 16px 24px;
    }

    .health-guide-copy h2{
        font-size:26px;
    }

    .health-guide-copy h3{
        margin-top:17px;
        font-size:16px;
    }

    .health-guide-copy p{
        font-size:14.5px;
        line-height:1.64;
    }
}



/* =========================================================
   MEDIA REPLACEMENT SUPPORT — v2.6.3
   ========================================================= */

.icon-orb-image{
    padding:10px;
    background:#f7fbff;
}

.icon-orb-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.health-profile-badge{
    display:inline-flex;
    width:72px;
    height:72px;
    margin:14px 0 6px;
    padding:10px;
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 10px 30px rgba(15,69,125,.10);
}

.health-profile-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

@media(max-width:600px){
    .health-profile-badge{
        width:60px;
        height:60px;
        padding:9px;
        border-radius:15px;
    }
}

/* AUTO SUBPAGES v2.7.0 */
.auto-profile-summary{padding:42px 0}.auto-summary-card,.auto-editorial-card,.auto-side-card,.auto-lexicon-card{background:#fff;border:1px solid #dce9f6;border-radius:24px}.auto-summary-card,.auto-editorial-card,.auto-lexicon-card{padding:34px}.auto-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.auto-highlight-card{padding:17px;border:1px solid #dce9f6;border-radius:17px}.auto-content-section,.auto-faq-section,.auto-other-profiles{padding:60px 0;background:#f7fbff}.auto-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px}.auto-rich-copy p{font-size:16px;line-height:1.8}.auto-rich-copy h2{margin-top:36px;color:#073f89}.auto-side-panel{position:sticky;top:112px;display:grid;gap:16px}.auto-side-card{padding:23px}.auto-side-nav{display:grid}.auto-side-nav a{padding:9px 0;font-weight:800}.auto-guide-section,.auto-lexicon-section{padding:60px 0}.auto-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:26px;background:#f8fcff}.auto-guide-visual{position:relative}.auto-guide-visual img{width:100%;height:100%;min-height:560px;object-fit:cover}.auto-guide-badge{position:absolute;left:18px;bottom:18px;background:#fff;padding:9px 13px;border-radius:999px;font-weight:900}.auto-guide-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.auto-guide-copy h3{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #dce9f6}.auto-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.auto-faq-item{background:#fff;border:1px solid #dce9f6;border-radius:16px;overflow:hidden}.auto-faq-item summary{padding:17px 19px;display:flex;font-weight:900;cursor:pointer}.auto-faq-item summary b{margin-left:auto}.auto-faq-answer{padding:0 19px 18px}.auto-lexicon-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auto-profile-badge{width:68px;height:68px;padding:9px;background:#fff;border-radius:17px;margin:12px 0}.auto-profile-badge img{width:100%;height:100%;object-fit:contain}@media(max-width:1000px){.auto-content-layout{grid-template-columns:1fr}.auto-side-panel{position:static}.auto-highlight-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.auto-guide-card{grid-template-columns:1fr}.auto-guide-visual img{min-height:300px;max-height:380px}.auto-faq-grid{grid-template-columns:1fr}.auto-lexicon-copy{grid-template-columns:1fr}}@media(max-width:600px){.auto-highlight-grid{grid-template-columns:1fr}.auto-summary-card,.auto-editorial-card,.auto-lexicon-card{padding:20px 16px}}


/* MOTO PROFILE SUBPAGES — v2.8.0 */
.moto-profile-summary{padding:42px 0 18px}.moto-summary-card{padding:34px;border:1px solid #e0ecf8;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(24,72,126,.07)}
.moto-summary-copy h2{margin:7px 0 10px;font-size:clamp(30px,3vw,44px)}.moto-summary-copy p{font-size:17px;line-height:1.75;color:#51647a}
.moto-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:27px}.moto-highlight-card{display:flex;gap:13px;padding:18px;border:1px solid #dceaf7;border-radius:18px;background:#fff}.moto-highlight-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#edf7ff}
.moto-content-section{padding:54px 0 70px;background:#f7fbff}.moto-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.moto-editorial-card{padding:38px 42px;border:1px solid #e0ebf6;border-radius:28px;background:#fff}.moto-editorial-head h2{font-size:clamp(30px,3.3vw,46px)}
.moto-rich-copy h2{margin:40px 0 13px;font-size:28px;color:#073f89}.moto-rich-copy h3{margin:28px 0 9px;color:#0a4b98}.moto-rich-copy p{font-size:16px;line-height:1.82;color:#34495f}
.moto-side-panel{display:grid;gap:16px;position:sticky;top:112px}.moto-side-card{padding:24px;border:1px solid #dfeaf5;border-radius:22px;background:#fff}.moto-side-nav{display:grid}.moto-side-nav a{padding:10px 12px;font-weight:800;text-decoration:none}
.moto-guide-section,.moto-lexicon-section{padding:66px 0}.moto-faq-section,.moto-other-profiles{padding:66px 0;background:#f6faff}.moto-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.moto-section-heading h2{font-size:clamp(30px,3vw,44px)}
.moto-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:28px;background:#f8fcff}.moto-guide-visual{position:relative}.moto-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}.moto-guide-badge{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:#fff;color:#075ecf;font-weight:900}.moto-guide-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px}.moto-guide-copy h3{padding:11px 13px;border:1px solid #dce9f6;border-radius:14px;background:#fff;color:#0b4b98}.moto-guide-copy p{font-size:14.5px;line-height:1.62}
.moto-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.moto-faq-item{border:1px solid #dce8f4;border-radius:17px;background:#fff;overflow:hidden}.moto-faq-item summary{display:flex;padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.moto-faq-item summary::-webkit-details-marker{display:none}.moto-faq-item summary b{margin-left:auto}.moto-faq-answer{padding:0 20px 20px}
.moto-lexicon-card{padding:36px;border:1px solid #dce9f6;border-radius:27px}.moto-lexicon-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.moto-lexicon-copy h3,.moto-lexicon-copy p{padding:12px 16px;border:1px solid #dce8f4}
.moto-profile-badge{display:inline-flex;width:72px;height:72px;margin:14px 0 6px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,69,125,.10)}.moto-profile-badge img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.moto-highlight-grid{grid-template-columns:repeat(2,1fr)}.moto-content-layout{grid-template-columns:1fr}.moto-side-panel{position:static;grid-template-columns:1fr 1fr}.moto-lexicon-copy{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.moto-guide-card{grid-template-columns:1fr}.moto-guide-visual img{min-height:300px;max-height:390px}.moto-faq-grid{grid-template-columns:1fr}.moto-side-panel{grid-template-columns:1fr}.moto-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.moto-highlight-grid{grid-template-columns:1fr}.moto-editorial-card,.moto-summary-card,.moto-lexicon-card{padding:20px 16px}.moto-content-section,.moto-guide-section,.moto-faq-section,.moto-lexicon-section,.moto-other-profiles{padding:40px 0}.moto-guide-copy{padding:21px 16px}.moto-guide-visual img{min-height:250px;max-height:300px}.moto-lexicon-copy{grid-template-columns:1fr}.moto-profile-badge{width:60px;height:60px}}

/* HABITATION PROFILE SUBPAGES — v2.9.0 */
.home-profile-summary{padding:42px 0 18px}.home-summary-card{padding:34px;border:1px solid #e0ecf8;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(24,72,126,.07)}.home-summary-copy h2{font-size:clamp(30px,3vw,44px)}.home-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:27px}.home-highlight-card{display:flex;gap:13px;padding:18px;border:1px solid #dceaf7;border-radius:18px}.home-highlight-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#edf7ff}.home-content-section{padding:54px 0 70px;background:#f7fbff}.home-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.home-editorial-card{padding:38px 42px;border:1px solid #e0ebf6;border-radius:28px;background:#fff}.home-rich-copy h2{margin:40px 0 13px;font-size:28px;color:#073f89}.home-rich-copy p{font-size:16px;line-height:1.82}.home-side-panel{display:grid;gap:16px;position:sticky;top:112px}.home-side-card{padding:24px;border:1px solid #dfeaf5;border-radius:22px;background:#fff}.home-side-nav{display:grid}.home-side-nav a{padding:10px 12px;font-weight:800;text-decoration:none}.home-guide-section,.home-lexicon-section{padding:66px 0}.home-faq-section,.home-other-profiles{padding:66px 0;background:#f6faff}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.home-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:28px;background:#f8fcff}.home-guide-visual{position:relative}.home-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}.home-guide-badge{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:#fff;color:#075ecf;font-weight:900}.home-guide-copy{padding:38px 40px}.home-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.home-faq-item{border:1px solid #dce8f4;border-radius:17px;background:#fff;overflow:hidden}.home-faq-item summary{display:flex;padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.home-faq-item summary b{margin-left:auto}.home-faq-answer{padding:0 20px 20px}.home-lexicon-card{padding:36px;border:1px solid #dce9f6;border-radius:27px}.home-lexicon-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-profile-badge{display:inline-flex;width:72px;height:72px;margin:14px 0;padding:10px;border-radius:18px;background:#fff}.home-profile-badge img{width:100%;height:100%;object-fit:contain}@media(max-width:1100px){.home-highlight-grid{grid-template-columns:repeat(2,1fr)}.home-content-layout{grid-template-columns:1fr}.home-side-panel{position:static;grid-template-columns:1fr 1fr}.home-lexicon-copy{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.home-guide-card{grid-template-columns:1fr}.home-guide-visual img{min-height:300px;max-height:390px}.home-faq-grid{grid-template-columns:1fr}.home-side-panel{grid-template-columns:1fr}.home-section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.home-highlight-grid{grid-template-columns:1fr}.home-editorial-card,.home-summary-card,.home-lexicon-card{padding:20px 16px}.home-content-section,.home-guide-section,.home-faq-section,.home-lexicon-section,.home-other-profiles{padding:40px 0}.home-guide-copy{padding:21px 16px}.home-guide-visual img{min-height:250px;max-height:300px}.home-lexicon-copy{grid-template-columns:1fr}}

/* DECENNIAL PROFILE SUBPAGES — v3.0.0 */
.decennial-profile-summary{padding:42px 0 18px}.decennial-summary-card{padding:34px;border:1px solid #e0ecf8;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(24,72,126,.07)}
.decennial-summary-copy h2{margin:7px 0 10px;font-size:clamp(30px,3vw,44px)}.decennial-summary-copy p{font-size:17px;line-height:1.75;color:#51647a}
.decennial-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:27px}.decennial-highlight-card{display:flex;gap:13px;padding:18px;border:1px solid #dceaf7;border-radius:18px;background:#fff}.decennial-highlight-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#edf7ff}
.decennial-content-section{padding:54px 0 70px;background:#f7fbff}.decennial-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.decennial-editorial-card{padding:38px 42px;border:1px solid #e0ebf6;border-radius:28px;background:#fff}.decennial-editorial-head h2{font-size:clamp(30px,3.3vw,46px)}
.decennial-rich-copy h2{margin:40px 0 13px;font-size:28px;color:#073f89}.decennial-rich-copy h3{margin:28px 0 9px;color:#0a4b98}.decennial-rich-copy p{font-size:16px;line-height:1.82;color:#34495f}
.decennial-side-panel{display:grid;gap:16px;position:sticky;top:112px}.decennial-side-card{padding:24px;border:1px solid #dfeaf5;border-radius:22px;background:#fff}.decennial-side-nav{display:grid}.decennial-side-nav a{padding:10px 12px;font-weight:800;text-decoration:none}
.decennial-guide-section,.decennial-lexicon-section{padding:66px 0}.decennial-faq-section,.decennial-other-profiles{padding:66px 0;background:#f6faff}.decennial-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.decennial-section-heading h2{font-size:clamp(30px,3vw,44px)}
.decennial-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:28px;background:#f8fcff}.decennial-guide-visual{position:relative}.decennial-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}.decennial-guide-badge{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:#fff;color:#075ecf;font-weight:900}.decennial-guide-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px}.decennial-guide-copy h3{padding:11px 13px;border:1px solid #dce9f6;border-radius:14px;background:#fff;color:#0b4b98}.decennial-guide-copy p{font-size:14.5px;line-height:1.62}
.decennial-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.decennial-faq-item{border:1px solid #dce8f4;border-radius:17px;background:#fff;overflow:hidden}.decennial-faq-item summary{display:flex;padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.decennial-faq-item summary::-webkit-details-marker{display:none}.decennial-faq-item summary b{margin-left:auto}.decennial-faq-answer{padding:0 20px 20px}
.decennial-lexicon-card{padding:36px;border:1px solid #dce9f6;border-radius:27px}.decennial-lexicon-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.decennial-lexicon-copy h3,.decennial-lexicon-copy p{padding:12px 16px;border:1px solid #dce8f4}
.decennial-profile-badge{display:inline-flex;width:72px;height:72px;margin:14px 0 6px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,69,125,.10)}.decennial-profile-badge img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.decennial-highlight-grid{grid-template-columns:repeat(2,1fr)}.decennial-content-layout{grid-template-columns:1fr}.decennial-side-panel{position:static;grid-template-columns:1fr 1fr}.decennial-lexicon-copy{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.decennial-guide-card{grid-template-columns:1fr}.decennial-guide-visual img{min-height:300px;max-height:390px}.decennial-faq-grid{grid-template-columns:1fr}.decennial-side-panel{grid-template-columns:1fr}.decennial-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.decennial-highlight-grid{grid-template-columns:1fr}.decennial-editorial-card,.decennial-summary-card,.decennial-lexicon-card{padding:20px 16px}.decennial-content-section,.decennial-guide-section,.decennial-faq-section,.decennial-lexicon-section,.decennial-other-profiles{padding:40px 0}.decennial-guide-copy{padding:21px 16px}.decennial-guide-visual img{min-height:250px;max-height:300px}.decennial-lexicon-copy{grid-template-columns:1fr}.decennial-profile-badge{width:60px;height:60px}}

/* PROTECTION / PREVOYANCE SUBPAGES — v3.1.0 */
.protection-profile-summary{padding:42px 0 18px}.protection-summary-card{padding:34px;border:1px solid #e0ecf8;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(24,72,126,.07)}
.protection-summary-copy h2{margin:7px 0 10px;font-size:clamp(30px,3vw,44px)}.protection-summary-copy p{font-size:17px;line-height:1.75;color:#51647a}
.protection-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:27px}.protection-highlight-card{display:flex;gap:13px;padding:18px;border:1px solid #dceaf7;border-radius:18px;background:#fff}.protection-highlight-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#edf7ff}
.protection-content-section{padding:54px 0 70px;background:#f7fbff}.protection-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.protection-editorial-card{padding:38px 42px;border:1px solid #e0ebf6;border-radius:28px;background:#fff}.protection-editorial-head h2{font-size:clamp(30px,3.3vw,46px)}
.protection-rich-copy h2{margin:40px 0 13px;font-size:28px;color:#073f89}.protection-rich-copy h3{margin:28px 0 9px;color:#0a4b98}.protection-rich-copy p{font-size:16px;line-height:1.82;color:#34495f}
.protection-side-panel{display:grid;gap:16px;position:sticky;top:112px}.protection-side-card{padding:24px;border:1px solid #dfeaf5;border-radius:22px;background:#fff}.protection-side-nav{display:grid}.protection-side-nav a{padding:10px 12px;font-weight:800;text-decoration:none}
.protection-guide-section,.protection-lexicon-section{padding:66px 0}.protection-faq-section,.protection-other-profiles{padding:66px 0;background:#f6faff}.protection-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.protection-section-heading h2{font-size:clamp(30px,3vw,44px)}
.protection-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:28px;background:#f8fcff}.protection-guide-visual{position:relative}.protection-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}.protection-guide-badge{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:#fff;color:#075ecf;font-weight:900}.protection-guide-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px}.protection-guide-copy h3{padding:11px 13px;border:1px solid #dce9f6;border-radius:14px;background:#fff;color:#0b4b98}.protection-guide-copy p{font-size:14.5px;line-height:1.62}
.protection-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.protection-faq-item{border:1px solid #dce8f4;border-radius:17px;background:#fff;overflow:hidden}.protection-faq-item summary{display:flex;padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.protection-faq-item summary::-webkit-details-marker{display:none}.protection-faq-item summary b{margin-left:auto}.protection-faq-answer{padding:0 20px 20px}
.protection-lexicon-card{padding:36px;border:1px solid #dce9f6;border-radius:27px}.protection-lexicon-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.protection-lexicon-copy h3,.protection-lexicon-copy p{padding:12px 16px;border:1px solid #dce8f4}
.protection-profile-badge{display:inline-flex;width:72px;height:72px;margin:14px 0 6px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,69,125,.10)}.protection-profile-badge img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.protection-highlight-grid{grid-template-columns:repeat(2,1fr)}.protection-content-layout{grid-template-columns:1fr}.protection-side-panel{position:static;grid-template-columns:1fr 1fr}.protection-lexicon-copy{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.protection-guide-card{grid-template-columns:1fr}.protection-guide-visual img{min-height:300px;max-height:390px}.protection-faq-grid{grid-template-columns:1fr}.protection-side-panel{grid-template-columns:1fr}.protection-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.protection-highlight-grid{grid-template-columns:1fr}.protection-editorial-card,.protection-summary-card,.protection-lexicon-card{padding:20px 16px}.protection-content-section,.protection-guide-section,.protection-faq-section,.protection-lexicon-section,.protection-other-profiles{padding:40px 0}.protection-guide-copy{padding:21px 16px}.protection-guide-visual img{min-height:250px;max-height:300px}.protection-lexicon-copy{grid-template-columns:1fr}.protection-profile-badge{width:60px;height:60px}}

/* =========================================================
   UNIFIED SUBPAGE DESIGN SYSTEM — v3.2.0
   Used by VTC, Utilitaire, Multirisque Pro and as the reference
   for existing Santé / Auto / Moto / Habitation / Décennale / Prévoyance.
   ========================================================= */
.unified-profile-summary{padding:42px 0 18px;background:#fff}
.unified-summary-card{padding:34px;border:1px solid #e0ecf8;border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(33,145,255,.09),transparent 34%),#fff;box-shadow:0 18px 48px rgba(24,72,126,.07)}
.unified-summary-copy h2{margin:7px 0 10px;font-size:clamp(30px,3vw,44px);line-height:1.08}.unified-summary-copy p{font-size:17px;line-height:1.75;color:#51647a}
.unified-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:27px}.unified-highlight-card{display:flex;gap:13px;padding:18px;border:1px solid #dceaf7;border-radius:18px;background:#fff}.unified-highlight-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#edf7ff}
.unified-highlight-card h3{margin:1px 0 5px;font-size:16px;color:#083d84}.unified-highlight-card p{margin:0;font-size:13px;line-height:1.55;color:#607086}
.unified-content-section{padding:54px 0 70px;background:#f7fbff}.unified-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.unified-editorial-card{padding:38px 42px;border:1px solid #e0ebf6;border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(20,69,123,.06)}.unified-editorial-head{padding-bottom:22px;border-bottom:1px solid #edf2f7}.unified-editorial-head h2{margin:7px 0 9px;font-size:clamp(30px,3.3vw,46px);line-height:1.08}.unified-rich-copy h2{margin:40px 0 13px;font-size:28px;color:#073f89}.unified-rich-copy h3{margin:28px 0 9px;font-size:20px;color:#0a4b98}.unified-rich-copy p{margin:0 0 16px;color:#34495f;font-size:16px;line-height:1.82}
.unified-side-panel{display:grid;gap:16px;position:sticky;top:112px}.unified-side-card{padding:24px;border:1px solid #dfeaf5;border-radius:22px;background:#fff;box-shadow:0 15px 36px rgba(19,68,122,.07)}.unified-side-nav{display:grid}.unified-side-nav a{display:flex;padding:10px 12px;border-radius:12px;color:#194d8d;font-size:14px;font-weight:800;text-decoration:none}.unified-side-nav a:after{content:"→";margin-left:auto}
.unified-guide-section,.unified-lexicon-section{padding:66px 0;background:#fff}.unified-faq-section,.unified-other-profiles{padding:66px 0;background:#f6faff}.unified-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.unified-section-heading h2{margin:7px 0 5px;font-size:clamp(30px,3vw,44px)}
.unified-guide-card{display:grid;grid-template-columns:50% 50%;overflow:hidden;border:1px solid #dce9f6;border-radius:28px;background:#f8fcff;box-shadow:0 20px 55px rgba(19,68,122,.08)}.unified-guide-visual{position:relative;min-height:100%;overflow:hidden}.unified-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}.unified-guide-badge{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:#075ecf;font-weight:900}.unified-guide-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px}.unified-guide-copy h2{margin:0 0 16px;font-size:30px}.unified-guide-copy h3{position:relative;margin:17px 0 7px;padding:11px 13px 11px 46px;border:1px solid #dce9f6;border-radius:16px;background:#fff;color:#0b4b98;font-size:16px}.unified-guide-copy h3:before{content:"✓";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e8f4ff;color:#0975df}.unified-guide-copy p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#3c5064}
.unified-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.unified-faq-item{overflow:hidden;border:1px solid #dce8f4;border-radius:17px;background:#fff}.unified-faq-item summary{display:flex;align-items:center;gap:14px;min-height:72px;padding:18px 20px;cursor:pointer;list-style:none;color:#123f7c;font-size:15px;font-weight:900}.unified-faq-item summary::-webkit-details-marker{display:none}.unified-faq-item summary b{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border-radius:50%;background:#eef6ff;color:#0b72dc;font-size:20px;font-weight:500}.unified-faq-item[open] summary b{transform:rotate(45deg)}.unified-faq-answer{padding:0 20px 20px}.unified-faq-answer p{margin:0;color:#53667a;line-height:1.7}
.unified-lexicon-card{padding:36px;border:1px solid #dce9f6;border-radius:27px;background:#fff}.unified-lexicon-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.unified-lexicon-copy h3{margin:0;padding:18px 18px 4px;border:1px solid #dce8f4;border-bottom:0;border-radius:16px 16px 0 0;background:#f8fbff;color:#0a4a95;font-size:16px}.unified-lexicon-copy p{margin:0 0 14px;padding:5px 18px 18px;border:1px solid #dce8f4;border-top:0;border-radius:0 0 16px 16px;color:#586a7d;font-size:14px;line-height:1.65}
.unified-profile-badge{display:inline-flex;width:72px;height:72px;margin:14px 0 6px;padding:10px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(15,69,125,.10)}.unified-profile-badge img{width:100%;height:100%;object-fit:contain}
.subpages-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.subpages-admin-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #dce9f6;border-radius:18px;background:#fff;text-decoration:none;color:#0c3974;box-shadow:0 10px 25px rgba(17,67,120,.05)}.subpages-admin-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(17,67,120,.09)}.subpages-admin-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf7ff;font-size:23px}.subpages-admin-card div{display:grid;gap:4px}.subpages-admin-card strong{font-size:16px}.subpages-admin-card small{color:#6b7e91}.subpages-admin-card b{margin-left:auto}
@media(max-width:1100px){.unified-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-content-layout{grid-template-columns:1fr}.unified-side-panel{position:static;grid-template-columns:1fr 1fr}.unified-lexicon-copy{grid-template-columns:repeat(2,minmax(0,1fr))}.subpages-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.unified-summary-card,.unified-editorial-card,.unified-lexicon-card{padding:26px}.unified-guide-card{grid-template-columns:1fr}.unified-guide-visual img{min-height:320px;max-height:400px}.unified-faq-grid{grid-template-columns:1fr}.unified-side-panel{grid-template-columns:1fr}.unified-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.unified-profile-summary{padding:26px 0 8px}.unified-summary-card{padding:20px 16px}.unified-highlight-grid{grid-template-columns:1fr}.unified-content-section,.unified-guide-section,.unified-faq-section,.unified-lexicon-section,.unified-other-profiles{padding:40px 0}.unified-editorial-card{padding:22px 17px}.unified-rich-copy h2{font-size:24px}.unified-rich-copy p{font-size:15px;line-height:1.72}.unified-guide-copy{padding:21px 16px 24px}.unified-guide-visual img{min-height:250px;max-height:300px}.unified-lexicon-copy{grid-template-columns:1fr}.unified-profile-badge{width:60px;height:60px}.subpages-admin-grid{grid-template-columns:1fr}}
/* Enforce same 50/50 guide proportions on existing product subpages */
.health-guide-card,.auto-guide-card,.moto-guide-card,.home-guide-card,.decennial-guide-card,.protection-guide-card{grid-template-columns:50% 50% !important}
.health-guide-visual img,.auto-guide-visual img,.moto-guide-visual img,.home-guide-visual img,.decennial-guide-visual img,.protection-guide-visual img{width:100%;height:100%;min-height:590px;object-fit:cover}
.health-guide-copy,.auto-guide-copy,.moto-guide-copy,.home-guide-copy,.decennial-guide-copy,.protection-guide-copy{padding:38px 40px}
@media(max-width:820px){.health-guide-card,.auto-guide-card,.moto-guide-card,.home-guide-card,.decennial-guide-card,.protection-guide-card{grid-template-columns:1fr !important}.health-guide-visual img,.auto-guide-visual img,.moto-guide-visual img,.home-guide-visual img,.decennial-guide-visual img,.protection-guide-visual img{min-height:300px;max-height:390px}}

/* v3.2.1 repair */
.subpages-admin-card.is-disabled{opacity:.72;cursor:default;background:#f8fafc}
.restored-subpages{border-top:1px solid #edf3f8}


/* =========================================================
   ADMIN PRODUCT + SUBPAGES / BLOG PRO — v3.3.0
   ========================================================= */
.product-admin-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px;padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef7ff);border:1px solid #dce9f6}
.product-admin-topbar h1{margin:4px 0 6px;font-size:30px}.product-admin-topbar p{margin:0;color:#64748b}
.product-admin-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.admin-primary-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;background:#0d6efd;color:#fff;text-decoration:none;font-weight:800}
.product-subpages-panel{margin-bottom:20px}.subpage-total{padding:7px 11px;border-radius:999px;background:#edf7ff;color:#0b64c0;font-weight:800}
.product-subpage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.product-subpage-admin-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:16px;border:1px solid #dce8f4;border-radius:16px;background:#fff}
.product-subpage-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f0f7ff;font-size:23px}.product-subpage-icon img{width:34px;height:34px;object-fit:contain}
.product-subpage-info{display:grid;gap:3px}.product-subpage-info small{color:#64748b;line-height:1.35}.product-subpage-info span{width:max-content;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px}.product-subpage-info .is-live{background:#e9f9ef;color:#14783a}.product-subpage-info .is-draft{background:#fff4e5;color:#9a5b00}
.product-subpage-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;padding-top:10px;border-top:1px solid #eef2f6}
.admin-subpage-count{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.admin-subpage-count b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf4ff;color:#0b65c2}.admin-subpage-count span{font-weight:700}
.admin-empty-state{padding:24px;border:1px dashed #cbdced;border-radius:16px;background:#fbfdff}.admin-editor-note{padding:14px 16px;margin-bottom:18px;border-radius:12px;background:#eff7ff;color:#174f8c;line-height:1.55}

/* Article public */
.pro-article-page{background:#f7faff}.article-head{padding:54px 0 32px;background:linear-gradient(180deg,#fff,#f4f9ff)}.article-head-grid{max-width:1050px}.article-head h1{max-width:950px;margin:10px 0 14px;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.04em}.article-head p{max-width:880px;font-size:18px;line-height:1.65;color:#51647a}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:#6c7f92;font-size:13px;font-weight:700}
.pro-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start;padding-top:38px;padding-bottom:72px}.article-main{min-width:0}.article-cover-wrap{margin:0 0 26px}.article-cover{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:24px;box-shadow:0 18px 45px rgba(24,69,117,.12)}
.article-intro-note{padding:22px 24px;margin-bottom:24px;border-left:5px solid #168bf5;border-radius:15px;background:#eef7ff}.article-intro-note strong{display:block;margin-bottom:5px;color:#075ecf}.article-intro-note p{margin:0;color:#40566d;line-height:1.7}
.article-content{padding:38px 42px;border:1px solid #e0eaf4;border-radius:26px;background:#fff;box-shadow:0 16px 42px rgba(21,68,118,.06)}.article-content h2{scroll-margin-top:110px;margin:46px 0 14px;font-size:30px;color:#063e86;line-height:1.15}.article-content h2:first-child{margin-top:0}.article-content h3{scroll-margin-top:110px;margin:30px 0 10px;font-size:21px;color:#0b559f}.article-content p,.article-content li{font-size:16px;line-height:1.85;color:#344b62}.article-content ul{padding-left:22px}.article-content a{font-weight:800;color:#0a6dd1;text-decoration-thickness:1px;text-underline-offset:3px}
.pro-article-side{position:sticky;top:105px;display:grid;gap:16px}.side-card{padding:22px;border:1px solid #dce7f2;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(20,68,117,.06)}.side-card h3{margin:5px 0 12px;font-size:20px}.side-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1080e9}.article-toc{display:grid;gap:2px;max-height:420px;overflow:auto}.article-toc a{padding:8px 9px;border-radius:9px;color:#244d79;text-decoration:none;font-size:13px;line-height:1.35}.article-toc a:hover{background:#eff7ff;color:#075ecf}.article-toc .toc-sub{padding-left:22px;color:#61778e}.article-product-link{display:block;margin-top:10px;text-align:center;font-weight:800;color:#176ab9}
.share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.share-buttons a{height:42px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:#0a63b8;text-decoration:none;font-weight:900}.share-buttons a:hover{background:#0d6efd;color:#fff}
.side-related-item{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:10px 0;border-top:1px solid #edf1f5;text-decoration:none}.side-related-item:first-of-type{border-top:0}.side-related-item img{width:68px;height:52px;border-radius:10px;object-fit:cover}.side-related-item span{display:grid;gap:4px}.side-related-item strong{font-size:12px;line-height:1.35;color:#173f70}.side-related-item small{font-size:11px;color:#7a8a9c}
.article-end-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#073f89,#0d77db);color:#fff}.article-end-cta h2{margin:6px 0 8px;font-size:28px}.article-end-cta p{margin:0;opacity:.88}.article-end-cta .eyebrow{color:#a9dcff}.article-mobile-share{display:none}
@media(max-width:1100px){.product-subpage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-article-layout{grid-template-columns:1fr}.pro-article-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-toc-card{grid-column:1/-1}.article-mobile-share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.article-mobile-share a{font-weight:800}}
@media(max-width:760px){.product-admin-topbar{align-items:flex-start;flex-direction:column}.product-admin-actions{justify-content:flex-start}.product-subpage-grid{grid-template-columns:1fr}.article-head{padding:38px 0 25px}.article-head h1{font-size:38px}.article-head p{font-size:16px}.pro-article-layout{padding-top:24px}.article-content{padding:25px 19px}.article-content h2{font-size:25px}.article-content p,.article-content li{font-size:15px;line-height:1.75}.pro-article-side{grid-template-columns:1fr}.article-end-cta{align-items:flex-start;flex-direction:column;padding:24px 20px}}
.bot-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* =========================================================
   BLOG PAGINATION — v3.4.1
   ========================================================= */
.pagination-wrap{
    margin-top:42px;
}
.ca-pagination{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:18px 20px;
    border:1px solid #dce8f4;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,67,120,.07);
}
.ca-pagination-summary{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    color:#6a7d91;
    font-size:13px;
}
.ca-pagination-summary strong{
    color:#0b4d99;
    font-size:14px;
}
.ca-pagination-links{
    display:flex;
    align-items:center;
    gap:10px;
}
.ca-page-numbers{
    display:flex;
    align-items:center;
    gap:6px;
}
.ca-page-btn,
.ca-page-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:1px solid #d2e1ef;
    border-radius:12px;
    background:#fff;
    color:#184f89;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    transition:.18s ease;
}
.ca-page-btn{
    gap:7px;
    padding:0 15px;
    white-space:nowrap;
}
.ca-page-number{
    width:42px;
    padding:0 8px;
}
.ca-page-btn:hover,
.ca-page-number:hover{
    transform:translateY(-1px);
    border-color:#0d78e8;
    background:#edf7ff;
    color:#0767c7;
    box-shadow:0 8px 18px rgba(13,120,232,.12);
}
.ca-page-number.is-active{
    border-color:#0b6fd8;
    background:linear-gradient(135deg,#0a6ed8,#168af3);
    color:#fff;
    box-shadow:0 8px 18px rgba(13,120,232,.22);
}
.ca-page-btn.is-disabled{
    opacity:.42;
    cursor:not-allowed;
    background:#f7f9fb;
    color:#73869a;
}
.ca-page-ellipsis{
    min-width:30px;
    text-align:center;
    color:#8091a3;
    font-weight:800;
}
@media(max-width:780px){
    .ca-pagination{
        align-items:stretch;
        flex-direction:column;
    }
    .ca-pagination-summary{
        justify-content:center;
        text-align:center;
    }
    .ca-pagination-links{
        justify-content:space-between;
        width:100%;
    }
    .ca-page-numbers{
        justify-content:center;
        flex:1;
    }
    .ca-page-btn{
        padding:0 12px;
    }
}
@media(max-width:520px){
    .ca-pagination{
        padding:14px 12px;
    }
    .ca-pagination-links{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }
    .ca-page-numbers{
        grid-column:1/-1;
        grid-row:1;
        flex-wrap:wrap;
        margin-bottom:4px;
    }
    .ca-page-prev{
        grid-column:1;
        grid-row:2;
    }
    .ca-page-next{
        grid-column:2;
        grid-row:2;
    }
    .ca-page-number{
        width:38px;
        min-height:38px;
    }
    .ca-page-btn{
        min-height:40px;
    }
}