/* Variante B : éditoriale et plate — angles serrés, filets, titres de section forts, en-tête collant. */
.b-head { position: sticky; top: 0; z-index: 5; display: grid; gap: 10px; padding: 10px 16px 12px; background: var(--background); border-block-end: 1px solid var(--border); }
html[dir] .b-loc .dirdown { transform: rotate(90deg); width: 16px; height: 16px; }
.b-sec { display: grid; gap: 10px; }
.b-h { font-size: 1.375rem; font-weight: 800; border-inline-start: 4px solid var(--primary); padding-inline-start: 10px; }
.b-rail { gap: 12px; margin-inline: -16px; padding-inline: 16px; scroll-snap-type: x mandatory; }
.b-slide { flex: 0 0 76%; scroll-snap-align: start; display: flex; }
.b-slide > .ocard { flex: 1; }
.b-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
[data-variant="b"] .ocard, [data-variant="b"] .orow, [data-variant="b"] .tile, [data-variant="b"] .card { box-shadow: none; }
[data-variant="b"] .ocard-media { height: 120px; }
[data-variant="b"] .tabbar { border-block-start: 2px solid var(--foreground); }
[data-variant="b"] .tab[aria-current="page"]::before { top: auto; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; }