/* Fil : cartes compactes (photo, incrustation du visage, titre) ; détail dans la même page. */
.fil[hidden]{display:none}
.fc{position:relative;margin:0 0 14px;border-radius:20px;overflow:hidden;background:var(--panneau2);border:1px solid var(--trait);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fc-media{position:relative;aspect-ratio:16/9;background:var(--panneau);overflow:hidden}
.fc-media img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.fc-article .fc-media{aspect-ratio:auto;height:112px}
.fc-visage{position:absolute;right:10px;bottom:10px;width:52px;height:52px;border-radius:16px;border:2px solid #f7c948;object-fit:cover}
.fc-corps{padding:12px 14px 14px}
.fc-genre{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f7c948}
.fc-video .fc-genre{color:#6aa8ff}
.fc-article .fc-genre{color:#2be3a9}
.fc-fiche .fc-genre,.fc-podcast .fc-genre{color:#b48cff}
.fc-audio .fc-genre{color:#2be3a9}
.fc-live .fc-genre,.fc-sightcast .fc-genre{color:#ff5c74}
.fc-sightcast .fc-genre{color:#b48cff}
.fc-live{box-shadow:inset 0 0 0 1px rgba(255,92,116,.45)}
.fc-tag-live{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(2,5,12,.7);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}
.fc-point{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5c74;animation:fc-clignote 1s ease-in-out infinite}
@keyframes fc-clignote{0%,100%{opacity:1}50%{opacity:.15}}
@media (prefers-reduced-motion: reduce){ .fc-point{animation:none} }
.fc h2{margin:4px 0 4px;font-size:15px;line-height:1.3;color:var(--texte);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc small{font-size:12px;color:var(--gris)}
.fil-detail{position:absolute;inset:0;z-index:5;overflow-y:auto;background:var(--nuit);padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 110px}
.fil-detail[hidden]{display:none}
.fil-detail .titre-ecran{margin-bottom:10px}
.fd-titre{font-size:18px;font-weight:800;line-height:1.3;color:var(--texte);margin:8px 0}
.fd-auteur{margin:0;color:var(--gris);font-size:13px}
/* Fil et Pour toi : un contenu par écran, défilement vertical scroll-snap (comme TikTok). */
.fil > .fc{min-height:100dvh;margin:0;border-radius:0;border:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;background:var(--nuit);padding:calc(env(safe-area-inset-top,0px) + 78px) 12px 92px;box-sizing:border-box}
.fil > .fc .fc-media{flex:1 1 auto;min-height:0;aspect-ratio:auto;border-radius:22px}
.fil > .fc.fc-article .fc-media{flex:0 0 42%}
.fil > .fc .fc-corps{padding:14px 4px 0;flex:none}
.fil > .fc h2{-webkit-line-clamp:3}
.fil > .fc.fc-article{justify-content:center}
.fil > .fc.fc-article .fc-media{flex:0 0 auto;height:auto;aspect-ratio:16/9}