.sc-bar{margin-bottom:1.3rem;padding:.9rem;border:1px dashed var(--line);border-radius:.8rem;background:var(--card)}
.sc-group{display:flex;flex-wrap:wrap;gap:.5rem}
.sc-group button{min-height:44px;padding:.4rem 1rem;border:1px solid var(--line);border-radius:2rem;background:var(--bg);color:var(--ink);font:600 .9rem var(--b);cursor:pointer}
.sc-group button:hover{border-color:var(--ink)}
.sc-group button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--limeink)}
#social-gallery .sc-desc{margin:.7rem 0 0;font-size:.9rem;color:var(--ink)}
#social-gallery .sc-note{margin:.3rem 0 0;font-size:.8rem;color:var(--muted)}

/* shared */
#social-gallery[data-sc-style]:not([data-sc-style="actuel"]) .sg-track{padding:.6rem .6rem 1.6rem;margin:0 -.6rem;gap:1rem}
#social-gallery[data-sc-style]:not([data-sc-style="actuel"]) .sg-card h4{font-family:inherit;font-weight:700}

/* flottant */
#social-gallery[data-sc-style="flottant"] .sg-card{flex:0 0 min(270px,78%);padding:1.15rem 1.2rem;border:1px solid transparent;border-top:3px solid var(--lime);border-radius:1rem;background:var(--card);box-shadow:0 10px 28px -12px rgba(22,36,26,.28),0 2px 6px rgba(22,36,26,.08)}
#social-gallery[data-sc-style="flottant"] .sg-label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
#social-gallery[data-sc-style="flottant"] .sg-card h4{font-size:1.08rem;margin-top:.6rem}
#social-gallery[data-sc-style="flottant"] .sg-card p{font-size:.88rem;margin:.4rem 0 .5rem}
#social-gallery[data-sc-style="flottant"] .sg-card a{font-size:.92rem}

/* ruban */
#social-gallery[data-sc-style="ruban"] .sg-track{gap:.7rem}
#social-gallery[data-sc-style="ruban"] .sg-card{flex:0 0 min(300px,86%);display:grid;grid-template-columns:1fr auto;grid-template-areas:"l a" "t t" "p p";align-items:center;column-gap:.6rem;padding:.2rem .9rem .75rem;border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:.5rem}
#social-gallery[data-sc-style="ruban"] .sg-label{grid-area:l;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink)}
#social-gallery[data-sc-style="ruban"] .sg-card a{grid-area:a;margin:0;font-size:.85rem;justify-self:end}
#social-gallery[data-sc-style="ruban"] .sg-card h4{grid-area:t;font-size:1rem;margin:0}
#social-gallery[data-sc-style="ruban"] .sg-card p{grid-area:p;font-size:.85rem;margin:.15rem 0 0}

/* cadres */
#social-gallery[data-sc-style="cadres"] .sg-card{position:relative;flex:0 0 min(290px,82%);padding:1.4rem 1.2rem 1rem;border:1px solid var(--ink);border-radius:0;background:transparent;overflow:hidden}
#social-gallery[data-sc-style="cadres"] .sg-card::before{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:linear-gradient(225deg,var(--lime) 50%,transparent 50%)}
#social-gallery[data-sc-style="cadres"] .sg-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding-bottom:.35rem;border-bottom:2px solid var(--lime)}
#social-gallery[data-sc-style="cadres"] .sg-card h4{font-size:1.08rem;margin-top:.8rem}
#social-gallery[data-sc-style="cadres"] .sg-card p{font-size:.88rem;margin:.3rem 0 .4rem}
#social-gallery[data-sc-style="cadres"] .sg-card a{border-top:1px solid var(--line);width:100%;justify-content:space-between;font-size:.9rem}

/* sombre */
#social-gallery[data-sc-style="sombre"] .sg-card{flex:0 0 min(270px,80%);padding:1.2rem;border:1px solid #2c4132;border-radius:.7rem;background:#101a12;color:#EEF4EA}
#social-gallery[data-sc-style="sombre"] .sg-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9bd24f}
#social-gallery[data-sc-style="sombre"] .sg-card h4{font-size:1.1rem;margin-top:.7rem;color:#F4F8F0}
#social-gallery[data-sc-style="sombre"] .sg-card p{font-size:.88rem;margin:.4rem 0 .5rem;color:#C3D0C3}
#social-gallery[data-sc-style="sombre"] .sg-card a{color:#EEF4EA;font-size:.92rem;text-decoration-color:#8DC63F;text-underline-offset:4px}
#social-gallery[data-sc-style="sombre"] .sg-card a:focus-visible{outline-color:#8DC63F}
#social-gallery[data-sc-style="sombre"] .sg-card a:hover{color:#8DC63F}

@media(min-width:760px){#social-gallery[data-sc-style]:not([data-sc-style="actuel"]) .sg-card{flex-basis:290px}#social-gallery[data-sc-style="ruban"] .sg-card{flex-basis:320px}}
@media(max-width:480px){.sc-group button{flex:1 1 calc(50% - .5rem)}}

/* Taller portrait option; existing compact designs stay available. */
#social-gallery[data-sc-style="portrait"] .sg-card{position:relative;flex:0 0 min(300px,84%);min-height:360px;padding:1.8rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--card);box-shadow:0 10px 25px -18px rgba(22,36,26,.35)}
#social-gallery[data-sc-style="portrait"] .sg-label{display:flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
#social-gallery[data-sc-style="portrait"] .sg-label::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);flex:none}
#social-gallery[data-sc-style="portrait"] .sg-card h4{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin-top:2.3rem}
#social-gallery[data-sc-style="portrait"] .sg-card p{font-size:1rem;line-height:1.5;margin:.85rem 0 1.5rem}
#social-gallery[data-sc-style="portrait"] .sg-card a{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:.9rem;font-size:.95rem;margin-top:auto}
@media(min-width:760px){#social-gallery[data-sc-style="portrait"] .sg-card{flex-basis:300px}}
@media(max-width:480px){#social-gallery[data-sc-style="portrait"] .sg-card{min-height:330px;padding:1.4rem}}

/* Primary designs (tall) */
.sc-prev{margin-top:.6rem}
.sc-prev summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:600 .9rem var(--b);color:var(--muted)}
.sc-prev .sc-group{padding-bottom:.3rem}
#social-gallery[data-sc-style="duo"] .sg-card,#social-gallery[data-sc-style="affiche"] .sg-card,#social-gallery[data-sc-style="ticket"] .sg-card{flex:0 0 min(300px,84%);min-height:360px;position:relative}
@media(min-width:760px){#social-gallery[data-sc-style="duo"] .sg-card,#social-gallery[data-sc-style="affiche"] .sg-card,#social-gallery[data-sc-style="ticket"] .sg-card{flex-basis:310px}}
#social-gallery[data-sc-style="duo"] .sg-card a,#social-gallery[data-sc-style="affiche"] .sg-card a,#social-gallery[data-sc-style="ticket"] .sg-card a{width:100%;justify-content:space-between;margin-top:auto;transition:background-color .2s,color .2s}

/* duo */
#social-gallery[data-sc-style="duo"] .sg-card{padding:0;border:1px solid var(--line);border-radius:.9rem;overflow:hidden;background:linear-gradient(to bottom,#1F3D2B 0 196px,var(--card) 196px)}
#social-gallery[data-sc-style="duo"] .sg-label{height:3.4rem;padding:1.3rem 1.3rem 0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#9bd24f}
#social-gallery[data-sc-style="duo"] .sg-card h4{height:calc(196px - 3.4rem);margin:0;padding:0 1.3rem 1.3rem;display:flex;align-items:flex-end;font-size:1.5rem;line-height:1.15;color:#F4F8F0}
#social-gallery[data-sc-style="duo"] .sg-card p{margin:1.1rem 0 1rem;padding:0 1.3rem;font-size:.95rem}
#social-gallery[data-sc-style="duo"] .sg-card a{padding:0 1.3rem;border-top:1px solid var(--line);font-size:.95rem}
#social-gallery[data-sc-style="duo"] .sg-card a:hover{background:var(--lime);color:var(--limeink)}

/* affiche */
#social-gallery[data-sc-style="affiche"] .sg-card{padding:1.4rem 1.4rem 0;border:2px solid var(--ink);border-radius:.3rem;overflow:hidden;background:var(--bg)}
#social-gallery[data-sc-style="affiche"] .sg-label{font-family:inherit;font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink);overflow-wrap:anywhere}
#social-gallery[data-sc-style="affiche"] .sg-card h4{margin-top:1.1rem;padding-top:.8rem;border-top:4px solid var(--lime);font-size:1rem;line-height:1.35}
#social-gallery[data-sc-style="affiche"] .sg-card p{margin:.4rem 0 1.2rem;font-size:.88rem}
#social-gallery[data-sc-style="affiche"] .sg-card a{margin-inline:-1.4rem;width:calc(100% + 2.8rem);padding:0 1.4rem;background:var(--ink);color:var(--bg);font-size:.95rem}
#social-gallery[data-sc-style="affiche"] .sg-card a:hover{background:var(--lime);color:var(--limeink)}

/* ticket */
#social-gallery[data-sc-style="ticket"] .sg-card{padding:1.4rem 1.4rem 0;border:1.5px solid var(--ink);border-radius:.6rem;background:var(--card)}
#social-gallery[data-sc-style="ticket"] .sg-label{width:100%;padding-bottom:.7rem;border-bottom:1px solid var(--line);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
#social-gallery[data-sc-style="ticket"] .sg-card h4{margin-top:1.4rem;font-size:1.4rem;line-height:1.2}
#social-gallery[data-sc-style="ticket"] .sg-card p{margin:.7rem 0 1.4rem;font-size:.95rem}
#social-gallery[data-sc-style="ticket"] .sg-card a{position:relative;margin-inline:-1.4rem;width:calc(100% + 2.8rem);min-height:68px;padding:0 1.4rem;border-top:2px dashed var(--ink);background:rgba(141,198,63,.14);border-radius:0 0 .5rem .5rem;font-size:.95rem}
#social-gallery[data-sc-style="ticket"] .sg-card a:hover{background:rgba(141,198,63,.34)}
#social-gallery[data-sc-style="ticket"] .sg-card a::before,#social-gallery[data-sc-style="ticket"] .sg-card a::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border:1.5px solid var(--ink);border-radius:50%;background:var(--bg)}
#social-gallery[data-sc-style="ticket"] .sg-card a::before{left:-12px;clip-path:inset(0 50% 0 0)}
#social-gallery[data-sc-style="ticket"] .sg-card a::after{right:-12px;clip-path:inset(0 0 0 50%)}
@media(max-width:480px){#social-gallery[data-sc-style="duo"] .sg-card,#social-gallery[data-sc-style="affiche"] .sg-card,#social-gallery[data-sc-style="ticket"] .sg-card{min-height:340px}#social-gallery[data-sc-style="affiche"] .sg-label{font-size:2.3rem}}