/* BE Mag GoWatch — styles strictement limités à .begm-root. */
.begm-root{--begm-ink:#192a37;--begm-soft:#667684;--begm-border:#e1e8ee;--begm-paper:#fff;color:var(--begm-ink);font-family:inherit;width:100%;max-width:100%;box-sizing:border-box;margin:24px auto 32px}
.begm-root *{box-sizing:border-box}
.begm-root .begm-intro{margin:0 0 19px}
.begm-root .begm-kicker{display:inline-block;color:#516a7b;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:750;margin:0 0 5px}
.begm-root .begm-intro h2{font-size:clamp(24px,2.7vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.18;color:var(--begm-ink);padding:0;margin:0 0 7px}
.begm-root .begm-intro p{font-size:14px;color:var(--begm-soft);line-height:1.5;margin:0}
.begm-root .begm-part{margin:0 0 23px}
.begm-root .begm-parthead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.begm-root .begm-parthead h3{font-size:19px;color:var(--begm-ink);font-weight:800;margin:0;padding:0;line-height:1.25}
.begm-root .begm-actions{display:flex;align-items:center;gap:7px}
.begm-root .begm-more{font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;color:#355b71}
.begm-root .begm-more:hover{color:#162a3a;text-decoration:underline}
.begm-root button.begm-arrow{border:1px solid var(--begm-border);box-shadow:none;background:#fff;color:#24394b;border-radius:50%;font-size:20px;width:30px;height:30px;line-height:1;padding:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}
.begm-root button.begm-arrow:hover{background:#edf3f6}
.begm-root .begm-track{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;gap:14px;padding:0 0 9px;margin:0}
.begm-root .begm-card{flex:0 0 calc((100% - 28px)/3);min-width:0;border:1px solid var(--begm-border);border-radius:12px;background:var(--begm-paper);overflow:hidden;scroll-snap-align:start;transition:box-shadow .2s}
.begm-root .begm-card:hover{box-shadow:0 5px 20px rgba(22,47,63,.1)}
.begm-root .begm-article-link{color:inherit!important;text-decoration:none!important;display:block;height:100%}
.begm-root .begm-cover{width:100%;aspect-ratio:16/9;background:#eef2f4;overflow:hidden}
.begm-root .begm-cover img{display:block;width:100%;height:100%;object-fit:cover}
.begm-root .begm-cover-empty{display:flex;align-items:center;justify-content:center;color:#8297a5;font-weight:750;letter-spacing:.1em;font-size:12px}
.begm-root .begm-cardbody{padding:12px 13px 14px}
.begm-root .begm-cardbody time{display:block;font-size:11px;color:var(--begm-soft);margin:0 0 5px}
.begm-root .begm-cardbody h4{font-weight:750;font-size:15px;line-height:1.34;color:var(--begm-ink);margin:0 0 6px;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.begm-root .begm-cardbody p{font-size:12px;line-height:1.46;color:var(--begm-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.begm-root .begm-news{padding:15px 17px;border:1px solid var(--begm-border);border-radius:12px;background:#f7f9fa}
.begm-root .begm-news .begm-parthead{margin-bottom:10px}
.begm-root .begm-small{font-size:11px;color:var(--begm-soft)}
.begm-root.begm-full{scroll-margin-top:112px}
.begm-root .begm-newsactions{display:flex;align-items:center;gap:7px}
.begm-root .begm-newsgrid{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;padding:0 0 8px;margin:0}
.begm-root .begm-newsitem{flex:0 0 calc((100% - 18px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--begm-border);border-radius:9px;padding:12px;min-width:0;text-decoration:none!important;color:var(--begm-ink)!important;display:flex;flex-direction:column;gap:5px;transition:border-color .2s}
.begm-root .begm-newsitem:hover{border-color:#8fa8b7}
.begm-root .begm-source{font-size:11px;color:#4b7186;font-weight:750}
.begm-root .begm-newsitem strong{font-size:13px;line-height:1.35;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.begm-root .begm-newsitem time{font-size:11px;color:var(--begm-soft)}
.begm-root .begm-external{font-size:11px;color:#42627a;margin-top:auto}
@media(max-width:850px){.begm-root .begm-card{flex-basis:calc((100% - 14px)/2)}.begm-root .begm-newsitem{flex-basis:calc((100% - 9px)/2)}}
@media(max-width:600px){.begm-root{margin:16px auto 22px}.begm-root .begm-parthead h3{font-size:17px}.begm-root .begm-card{flex-basis:78%}.begm-root .begm-cardbody{padding:10px 12px 12px}.begm-root .begm-news{padding:12px}.begm-root .begm-newsitem{flex-basis:85%}.begm-root .begm-small{display:none}.begm-root .begm-more{font-size:11px}}
@media(prefers-reduced-motion:reduce){.begm-root .begm-track{scroll-behavior:auto}.begm-root .begm-card,.begm-root .begm-newsitem{transition:none}}

/* V0.1.3 — Rail d'actualités externe, sans autoplay ni modification du rail des articles. */
.begm-root .begm-newsitem{min-height:138px}
@media(max-width:600px){.begm-root.begm-full{scroll-margin-top:94px}.begm-root .begm-newsitem{min-height:132px}}

/* V0.1.4 — Rubriques automatiques sous l’introduction du Mag.
 * Aucune modification du slider d'articles ou du rail des actualités externes. */
.begm-root .begm-categories{display:flex;align-items:center;gap:12px;min-width:0;margin:-1px 0 18px}
.begm-root .begm-categories-label{flex:0 0 auto;color:#516a7b;font-size:11px;font-weight:750;letter-spacing:.04em}
.begm-root .begm-categories-list{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity;min-width:0;padding:2px 1px 6px}
.begm-root .begm-category-pill{scroll-snap-align:start;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 13px;border:1px solid #d8e3ea;border-radius:999px;background:#f4f7f9;color:#213b4b!important;font-size:12px;line-height:1.25;font-weight:650;text-decoration:none!important;transition:background-color .15s,border-color .15s}
.begm-root .begm-category-pill:hover,.begm-root .begm-category-pill:focus-visible{background:#e6eef3;border-color:#a3b9c6;color:#112d3d!important}
.begm-root .begm-category-all{background:#192e3e;color:#fff!important;border-color:#192e3e}
.begm-root .begm-category-all:hover,.begm-root .begm-category-all:focus-visible{background:#304b60;color:#fff!important;border-color:#304b60}
@media(max-width:600px){.begm-root .begm-categories{gap:8px;margin:0 0 14px}.begm-root .begm-categories-label{font-size:10px}.begm-root .begm-category-pill{font-size:11px;min-height:30px;padding:6px 11px}}
@media(prefers-reduced-motion:reduce){.begm-root .begm-category-pill{transition:none}}

/* V0.1.5 — Retour discret vers l’ancre de l’accueil, uniquement sur
   les fiches et archives des catégories appartenant au Mag. */
.begm-return-nav{position:fixed;left:20px;bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:150;pointer-events:none}
.begm-return-nav .begm-return-link{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;min-height:41px;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#192e3e;color:#fff!important;font-family:inherit;font-weight:650;font-size:13px;line-height:1.25;text-decoration:none!important;box-shadow:0 4px 16px rgba(11,28,40,.2);transition:background .15s,box-shadow .15s}
.begm-return-nav .begm-return-link:hover,.begm-return-nav .begm-return-link:focus-visible{background:#304b60;color:#fff!important;box-shadow:0 5px 20px rgba(11,28,40,.3)}
.begm-return-nav .begm-return-link span:first-child{font-size:18px;line-height:1}
@media(max-width:600px){.begm-return-nav{left:12px;bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.begm-return-nav .begm-return-link{min-height:39px;padding:9px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.begm-return-nav .begm-return-link{transition:none}}
@media print{.begm-return-nav{display:none}}


/* V0.1.6 — Hierarchie editoriale : articles du Mag prioritaires, RSS secondaires.
 * Aucun impact sur les carrousels video du site ni sur les articles individuels.
 */
.begm-root .begm-articles{
    padding:19px 19px 21px;
    background:#edf3f7;
    border:1px solid #d9e5ec;
    border-radius:14px;
}
.begm-root .begm-articles .begm-parthead h3{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:20px;
    letter-spacing:-.01em;
}
.begm-root .begm-articles .begm-parthead h3::before{
    content:"";
    display:block;
    flex:0 0 4px;
    height:24px;
    border-radius:4px;
    background:#be2535;
}
.begm-root .begm-articles .begm-card{
    background:#fff;
    border-color:#d1dfe8;
    box-shadow:0 2px 8px rgba(20,43,59,.045);
}
.begm-root .begm-cardbody h4{font-size:16px;line-height:1.4}
.begm-root .begm-cardbody p{font-size:13px;line-height:1.55}
.begm-root .begm-news{
    padding:17px 19px;
    background:#e5edf2;
    border-color:#d3e0e8;
}
.begm-root .begm-news .begm-parthead h3{
    font-size:18px;
    font-weight:750;
}
.begm-root .begm-newsitem{
    box-shadow:0 1px 5px rgba(26,46,59,.035);
}
.begm-root .begm-source{font-size:11.5px;color:#3d667b}
.begm-root .begm-newsitem strong{font-size:13.5px;line-height:1.46}
.begm-root .begm-newsitem time,.begm-root .begm-external{font-size:11.5px}

/* Mobile : lecture confortable et aspect quasi identique entre petits et grands
 * telephones, sans deplacer la navigation ou changer la logique de defilement. */
@media(max-width:700px){
    .begm-root .begm-intro p{font-size:15px;line-height:1.55}
    .begm-root .begm-articles{padding:14px 12px 17px;border-radius:12px}
    .begm-root .begm-articles .begm-parthead h3{font-size:19px}
    .begm-root .begm-articles .begm-parthead h3::before{height:23px}
    .begm-root .begm-articles .begm-card{flex-basis:86%}
    .begm-root .begm-cardbody{padding:12px 13px 15px}
    .begm-root .begm-cardbody time{font-size:12px;margin-bottom:7px}
    .begm-root .begm-cardbody h4{font-size:17px;line-height:1.38;margin-bottom:9px}
    .begm-root .begm-cardbody p{font-size:14px;line-height:1.55}
    .begm-root .begm-news{padding:13px 12px 15px;border-radius:12px}
    .begm-root .begm-news .begm-parthead h3{font-size:17px}
    .begm-root .begm-newsitem{flex-basis:84%;padding:13px;gap:7px}
    .begm-root .begm-source{font-size:12px}
    .begm-root .begm-newsitem strong{font-size:14px;line-height:1.5}
    .begm-root .begm-newsitem time,.begm-root .begm-external{font-size:12px}
    .begm-root .begm-categories-label{font-size:11px}
    .begm-root .begm-category-pill{font-size:12px;min-height:34px}
    .begm-root .begm-more{font-size:12px}
}


/* V0.1.7 — Rubriques mieux identifiables et vrais contrastes entre nos articles
 * et les contenus d'autres médias. Aucune structure ni contenu ne change. */
.begm-root .begm-categories{
    background:#193548;
    border:1px solid #193548;
    border-radius:12px;
    padding:8px 12px;
    margin:1px 0 20px;
    gap:13px;
}
.begm-root .begm-categories-label{
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}
.begm-root .begm-categories-list{
    gap:8px;
    padding:3px 0;
    scrollbar-color:#8ba1af transparent;
}
.begm-root .begm-category-pill{
    min-height:35px;
    padding:7px 14px;
    background:#f6f9fb;
    border:1px solid #d6e2e9;
    color:#193548!important;
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.begm-root .begm-category-pill:hover,
.begm-root .begm-category-pill:focus-visible{
    background:#fff;
    color:#162d3e!important;
    border-color:#fff;
    box-shadow:0 0 0 2px rgba(255,255,255,.24);
}
.begm-root .begm-category-all{
    background:#a90d24;
    color:#fff!important;
    border-color:#a90d24;
}
.begm-root .begm-category-all:hover,
.begm-root .begm-category-all:focus-visible{
    background:#c21c34;
    border-color:#c21c34;
    color:#fff!important;
}
/* Les articles du Mag conservent leur mise en avant bleu clair. */
.begm-root .begm-articles{
    background:#edf3f7;
    border-color:#d9e5ec;
}
/* Les flux RSS adoptent une tonalité pierre, sans reprendre le bleu des articles. */
.begm-root .begm-news{
    background:#f5f3ee;
    border-color:#e5dfd4;
}
.begm-root .begm-news .begm-parthead h3{
    color:#354047;
}
.begm-root .begm-newsitem{
    background:#fffdfa;
    border-color:#e5dfd4;
    box-shadow:none;
}
.begm-root .begm-newsitem:hover,
.begm-root .begm-newsitem:focus-visible{
    border-color:#a99884;
}
.begm-root .begm-news .begm-source{
    color:#75634d;
}
.begm-root .begm-news .begm-external{
    color:#74634f;
}
@media(max-width:700px){
    .begm-root .begm-categories{
        gap:9px;
        margin:2px 0 17px;
        padding:8px 9px;
        border-radius:10px;
    }
    .begm-root .begm-categories-label{
        font-size:11px;
        flex:0 0 auto;
    }
    .begm-root .begm-categories-list{
        gap:7px;
        min-width:0;
        padding:3px 0;
    }
    .begm-root .begm-category-pill{
        font-size:12px;
        min-height:36px;
        padding:8px 12px;
    }
}
@media(prefers-reduced-motion:reduce){
    .begm-root .begm-category-pill{transition:none}
}

/* V0.1.8 — Laisser respirer les pastilles du menu Rubriques au-dessus
 * de la barre de défilement. Ne modifie pas le carrousel des articles. */
.begm-root .begm-categories-list{padding-bottom:12px}

/* V0.1.10 — Empêcher le retour à la ligne du titre « Nos articles »
 * lorsque les métriques des polices diffèrent entre navigateurs (Firefox,
 * Brave, Chrome). Correctif strictement limité à l'entête du rail articles. */
.begm-root .begm-articles .begm-parthead h3 {
    flex:0 0 auto;
    white-space:nowrap;
}
.begm-root .begm-articles .begm-actions {
    flex:0 0 auto;
    margin-left:auto;
}
