/* RAISONANCES : bandeau de section (.sb, image globale « raisonances »), fil de 640 px au centre, colonnes laterales des 1100 px, cartes sur le chrome sombre du site */
.sb--rai{--sb-fond:#2b2540;--sb-accent:#c9b3ff}
.ra{display:grid;grid-template-columns:minmax(0,640px);justify-content:center;gap:var(--space-md);padding:0 var(--space-md) var(--space-2xl)}
.ra-centre{display:grid;gap:var(--space-md);min-width:0;align-content:start}
.ra-cote{display:none}
@media(min-width:1100px){
.ra{grid-template-columns:240px minmax(0,640px) 280px;gap:28px}
.ra-cote{display:grid;gap:var(--space-md);align-content:start;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}
}
/* Colonnes : cartes */
.ra-carte{padding:16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.ra-carte-titre{margin-bottom:12px;font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-muted)}
.ra-carte-texte{font-size:0.9rem;line-height:1.5;color:var(--color-text-secondary)}
.ra-carte-bouton{display:inline-block;margin-top:12px;text-decoration:none;text-align:center}
.ra-moi{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--color-text);text-decoration:none}
.ra-moi b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-moi:hover b{color:var(--color-accent)}
.ra-raccourcis{display:grid}
.ra-raccourcis a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-sm);font-size:0.9rem;color:var(--color-text-secondary);text-decoration:none}
.ra-raccourcis a:hover{background:rgba(255,255,255,0.06);color:var(--color-text)}
.ra-raccourcis .ra-ic{color:var(--color-accent)}
.ra-liste{list-style:none;display:grid;gap:10px}
.ra-mini{display:flex;align-items:center;gap:10px;min-width:0;color:var(--color-text);text-decoration:none}
.ra-mini span,.ra-sujets a{display:grid;min-width:0}
.ra-mini b,.ra-sujets b{font-size:0.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-sujets b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ra-mini small,.ra-sujets small{font-size:0.75rem;color:var(--color-text-muted)}
.ra-mini:hover b,.ra-sujets a:hover b{color:var(--color-accent)}
.ra-sujets a{color:var(--color-text);text-decoration:none}
.ra-ic{width:18px;height:18px;flex:none}
.ra-ava{width:42px;height:42px;font-size:0.85rem;flex:none}
.ra-ava-s{width:32px;height:32px;font-size:0.7rem;flex:none}
.ra-lien{padding:0;background:none;border:0;font:inherit;font-size:0.875rem;color:var(--color-accent);cursor:pointer}
.ra-lien:hover{text-decoration:underline}
.ra-statut{min-height:0;font-size:0.85rem;color:var(--color-text-muted)}
.ra-statut:empty{display:none}
.ra-attente{margin-top:12px;font-size:0.85rem;font-style:italic;color:var(--color-accent)}
/* Barre « Quoi de neuf ? » */
.ra-barre{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.ra-barre-champ{flex:1;min-width:0;min-height:44px;padding:0 18px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:rgba(255,255,255,0.04);font:inherit;font-size:0.9375rem;color:var(--color-text-muted);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
button.ra-barre-champ:hover{background:rgba(255,255,255,0.08);color:var(--color-text-secondary)}
button.ra-barre-champ:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-barre--off{opacity:0.55}
.ra-barre--off .ra-barre-champ{display:flex;align-items:center;cursor:not-allowed}
.ra-barre--off .hdr-compte-ava--visiteur svg{width:22px;height:22px}
.ra-note{margin-top:-8px;font-size:0.875rem;color:var(--color-text-muted);text-align:center}
.ra-note a{color:var(--color-accent)}
/* Fenetre « Créer une publication » (dialog) ; plein ecran sur telephone */
.ra-fenetre{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(0,0,0,0.55)}
.ra-fenetre::backdrop{background:rgba(5,5,8,0.7);backdrop-filter:blur(2px)}
.ra-saisie{display:flex;flex-direction:column;max-height:calc(100dvh - 50px)}
.ra-fenetre-tete{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:0 56px;border-bottom:1px solid var(--color-border)}
.ra-fenetre-tete h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600}
.ra-fermer{position:absolute;right:12px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--color-text-secondary);cursor:pointer}
.ra-fermer:hover{background:rgba(255,255,255,0.14);color:var(--color-text)}
.ra-fermer:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-fenetre-corps{display:grid;gap:14px;padding:16px;overflow-y:auto}
.ra-auteur{display:flex;align-items:center;gap:10px}
.ra-auteur b{font-weight:600}
.ra-saisie textarea{width:100%;min-height:120px;padding:0;border:0;background:none;resize:none;font:inherit;font-size:1.25rem;line-height:1.45;color:var(--color-text)}
.ra-saisie textarea::placeholder{color:var(--color-text-muted)}
.ra-saisie textarea:focus{outline:none}
.ra-ajouter{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md)}
.ra-ajouter span{margin-right:auto;font-size:0.9rem;font-weight:500}
.ra-saisie .ra-publier{width:100%;min-height:46px}
.ra-saisie .ra-publier:disabled{opacity:0.4;cursor:default;transform:none;box-shadow:none}
.ra-saisie .ra-compte{justify-self:end}
.ra-apercus{display:flex;flex-wrap:wrap;gap:8px}
.ra-apercus[hidden],.ra-video-zone[hidden]{display:none}
.ra-apercu{position:relative;width:88px;height:88px;border-radius:var(--radius-sm);overflow:hidden;background:#000}
.ra-apercu img{width:100%;height:100%;object-fit:cover}
.ra-retirer{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0.7);color:#fff;cursor:pointer}
.ra-retirer .ra-ic{width:15px;height:15px}
.ra-outil{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:0 8px;background:none;border:0;border-radius:var(--radius-full);font:inherit;font-size:0.875rem;color:var(--color-text-secondary);cursor:pointer}
.ra-outil:hover:not(:disabled){background:rgba(255,255,255,0.06);color:var(--color-text)}
.ra-outil[aria-expanded="true"]{color:var(--color-accent)}
.ra-outil:disabled{opacity:0.4;cursor:default}
.ra-outil:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-outil .ra-ic{width:22px;height:22px;color:var(--color-accent)}
.ra-compte{font-size:0.75rem;color:var(--color-text-muted)}
.ra-compte:empty{display:none}
/* Publication */
.ra-fil{display:grid;gap:var(--space-md)}
.ra-post{padding:16px 18px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);scroll-margin-top:100px}
.ra-post.ra-cible,.ra-com.ra-cible{box-shadow:0 0 0 2px var(--color-accent-dim-50)}
.ra-tete{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;margin-bottom:12px}
.ra-qui{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--color-text);text-decoration:none}
.ra-qui b{font-weight:600}
.ra-qui:hover b{color:var(--color-accent)}
.ra-tete time,.ra-com-tete time{font-size:0.8rem;color:var(--color-text-muted)}
.ra-tete time{margin-left:auto}
.ra-texte{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.6;color:var(--color-text);overflow-wrap:anywhere}
.ra-texte--ouvert{display:block;-webkit-line-clamp:none}
.ra-texte a,.ra-com-texte a{color:var(--color-accent-hover)}
.ra-suite{margin-top:4px}
.ra-images{display:grid;gap:4px;margin-top:12px;border-radius:var(--radius-md);overflow:hidden}
.ra-images--2,.ra-images--4{grid-template-columns:1fr 1fr}
.ra-images--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.ra-images--3 .ra-img:first-child{grid-row:1/3}
.ra-img{display:block;background:#000;min-height:0}
.ra-img img{display:block;width:100%;height:100%;object-fit:cover}
.ra-images--1 .ra-img img{height:auto;max-height:560px;object-fit:contain}
.ra-images--2 .ra-img,.ra-images--4 .ra-img{aspect-ratio:1}
.ra-images--3{aspect-ratio:3/2}
.ra-video{position:relative;display:block;width:100%;aspect-ratio:16/9;margin-top:12px;padding:0;border:0;border-radius:var(--radius-md);overflow:hidden;background:#000;cursor:pointer}
.ra-video img{width:100%;height:100%;object-fit:cover;opacity:0.85}
.ra-video:hover img{opacity:1}
.ra-lecture{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,0.65);color:#fff}
.ra-lecture .ra-ic{width:26px;height:26px;margin-left:4px;fill:currentColor}
.ra-video:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-video--lecteur{cursor:auto}
.ra-video--lecteur iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ra-acts{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08)}
.ra-act{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 8px;background:none;border:0;border-radius:var(--radius-full);font:inherit;font-size:0.875rem;color:var(--color-text-secondary);cursor:pointer}
.ra-act small{font-size:0.8rem;opacity:0.8}
.ra-act:hover:not(:disabled){background:rgba(255,255,255,0.06);color:var(--color-text)}
.ra-act:disabled{opacity:0.45;cursor:not-allowed}
.ra-act:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-acts .mb-retrait-lien,.ra-acts .mb-retrait-etat{margin-left:auto}
/* Commentaires */
.ra-coms{display:grid;gap:10px;margin-top:10px}
.ra-coms-plus{justify-self:start}
.ra-coms-liste{list-style:none;display:grid;gap:10px}
.ra-com{display:flex;gap:10px;scroll-margin-top:100px}
.ra-com[hidden]{display:none}
.ra-com-corps{flex:1;min-width:0;padding:8px 12px;background:rgba(255,255,255,0.05);border-radius:14px}
.ra-com-tete{display:flex;align-items:center;flex-wrap:wrap;gap:2px 0;font-size:0.875rem}
.ra-com-tete .mb-rang{margin-right:auto}
.ra-com-texte{margin-top:2px;font-size:0.9375rem;line-height:1.5;color:var(--color-text);overflow-wrap:anywhere}
.ra-com-acts{display:flex;align-items:center;gap:12px;margin-top:2px}
.ra-com-acts .lk-btn{width:32px;height:32px}
.ra-com-form{display:flex;align-items:flex-end;gap:8px}
.ra-com-form textarea{resize:none;padding:8px 14px;border-radius:20px;line-height:1.4;min-height:40px}
.ra-envoi{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:var(--color-bg);cursor:pointer}
.ra-envoi:hover{background:var(--color-accent-hover)}
.ra-envoi:disabled{opacity:0.6;cursor:default}
.ra-envoi:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.ra-envoi .mb-ic{width:18px;height:18px}
.ra-plus{justify-self:center}
.ra-plus[hidden]{display:none}
@media(max-width:600px){
.ra{padding:0 12px var(--space-2xl)}
.ra-post{padding:14px;border-radius:var(--radius-md)}
.ra-barre{padding:10px;border-radius:var(--radius-md)}
.ra-ava{width:36px;height:36px}
.ra-fenetre{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
.ra-saisie{height:100%;max-height:none}
.ra-fenetre-corps{flex:1;grid-template-rows:auto 1fr;align-content:start}
}