/* ce fichier ne couvre que ce que Primer ne fournit pas */
body{font-size:15px;line-height:1.55;background:#0f0b16}
a{color:#f77fb5}
#page-fil,.tete-haute,.tete-rang,.pied-site{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
h1{font-size:28px;line-height:1.2;margin:6px 0 12px;font-weight:600}
h2{font-size:20px;margin:0 0 8px;font-weight:600}
.markdown-body{font-size:15px;color:#e6dff0}
.markdown-body ul{padding-left:1.4em;margin-bottom:12px}
.markdown-body p{margin-bottom:12px}

/* en-tete en deux rangs */
.tete-haute{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:8px}
.logo-site{font-size:30px;font-weight:300;color:#f4eefa;letter-spacing:-.5px;text-decoration:none}
.logo-site span{color:#c77dff}
.logo-site b{color:#f0509a;font-weight:700}
.tete-outils{text-align:right;font-size:13px}
.tete-liens{display:block;margin-bottom:4px;color:#7a6c8c}
.tete-liens a{color:#b9acc9}
.recherche-site input{width:230px;background:#0a0710;color:#f4eefa;border:1px solid #3a2d4b}
#tete-site{position:sticky;top:0;z-index:40;background:#1a1324;border-top:1px solid #3a2d4b;border-bottom:1px solid #3a2d4b}
.tete-rang{display:flex;align-items:stretch;justify-content:space-between;gap:12px}
#onglets-site ul{display:flex;list-style:none;margin:0;padding:0}
#onglets-site li{position:relative}
.onglet{display:block;padding:10px 16px;font-weight:600;color:#f4eefa;background:#2a2036;border-right:1px solid #0f0b16;text-decoration:none}
.onglet:hover{background:#cf2c7c;color:#fff;text-decoration:none}
.tete-bouton{align-self:center}
#onglets-site .panneau-guides{display:none;position:absolute;left:0;top:100%;width:310px;list-style:none;margin:0;padding:6px 0;background:#1d1626;border:1px solid #3a2d4b;z-index:50}
.panneau-guides a{display:block;padding:7px 14px;color:#f4eefa}
.panneau-guides a:hover{background:#2a2036;text-decoration:none}
#onglets-site .sous-menu-guides:hover .panneau-guides,#onglets-site .sous-menu-guides:focus-within .panneau-guides{display:block}
.burger{display:none;width:44px;padding:12px 10px}
.burger span{display:block;height:2px;margin:4px 0;background:#f4eefa}
#avis-independance{background:#ff7a1a;color:#120a02;font-size:13px;font-weight:700;padding:5px 16px;text-align:center}
#avis-independance a{color:#120a02;text-decoration:underline;margin-left:6px;white-space:nowrap}

#page-fil{padding-top:16px;padding-bottom:30px}
.fil-ariane{font-size:13px;color:#b9acc9;margin-bottom:2px}
.deux-colonnes{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}
.colonne-cote{display:grid;gap:16px}

/* accueil */
.une-mosaique{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #3a2d4b}
.une-vedette{font-size:14px;margin-bottom:12px}
.une-affiches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.affiche{display:block;position:relative;border-radius:6px;overflow:hidden;background:#18121f;color:#fff;text-decoration:none}
.affiche img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.affiche span{position:absolute;left:0;right:0;bottom:0;padding:22px 7px 6px;font-size:12px;font-weight:600;line-height:1.25;background:linear-gradient(transparent,rgba(10,7,16,.95))}
.affiche:hover span{color:#f77fb5}
.ruban-affiches{display:flex;gap:9px;overflow-x:auto;margin:0 0 14px;padding-bottom:6px}
.ruban-affiches .affiche{flex:0 0 118px}
.chapo{font-size:16px;color:#e6dff0;margin-bottom:12px}

/* fils en lignes */
.tri-droite{display:flex;justify-content:flex-end;border-bottom:1px solid #3a2d4b;margin-bottom:0;padding-bottom:0}
.bloc-tri{margin-bottom:22px}
.subnav-item.selected{background:#cf2c7c;color:#fff;border-color:#cf2c7c}
.subnav-item{color:#f4eefa;background:#18121f;cursor:pointer}
.fil-serie{border-bottom:1px solid #2a2036;padding:10px 4px}
.fil-serie[hidden]{display:none}
.fil-lien{display:grid;grid-template-columns:62px auto minmax(0,1fr);gap:12px;align-items:center;color:#f4eefa;text-decoration:none}
.fil-lien:hover{text-decoration:none}
.fil-lien:hover strong{color:#f0509a}
.fil-vignette{width:62px;height:93px;object-fit:cover;border-radius:4px;display:block}
.fil-texte strong{display:block;font-size:17px;font-weight:600;line-height:1.3;color:#f77fb5}
.fil-texte small{color:#b9acc9;font-size:13px}
.compteurs{display:inline-flex;gap:5px}
.compteur{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;background:#18121f;border:1px solid #2a2036;color:#b9acc9}
.compteur b{font-size:18px;line-height:1.1;color:#f4eefa;font-weight:600}
.compteur i{font-style:normal;font-size:10.5px}
.compteur-vif{background:#3d1b35;border-color:#cf2c7c}
.compteur-vif b{color:#ff8cc1}
.fil-pied{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-left:74px}
.pastille{display:inline-block;padding:2px 9px;font-size:12px;font-weight:500;background:#2d1f40;color:#d9b8ff;border-radius:3px;border:0;text-decoration:none}
.pastille:hover{background:#c77dff;color:#14100a;text-decoration:none}
.fil-pied .bouton-court{margin-left:auto}
.bouton-court{background:#cf2c7c;border-color:#cf2c7c;color:#fff}
.bouton-court:hover{background:#e23a8e;color:#fff;text-decoration:none}

/* colonne */
.encadre{padding:12px;background:#18121f;border:1px solid #2a2036;font-size:14px}
.encadre h4{font-size:14px;font-weight:600;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #3a2d4b}
.encadre-ambre{background:#2a2110;border-color:#7d5c17}
.encadre-ambre p{margin-bottom:8px}
.nuage{display:flex;flex-wrap:wrap;gap:5px}
.visages-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.visages-mini img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:4px}
.encadre .SideNav-item{padding:6px 8px;font-size:13px;color:#f4eefa;background:transparent;border-color:#2a2036}
.liees{list-style:none;margin:0;padding:0}
.liees li{padding:4px 0}
.Counter{background:#40325a;color:#f4eefa;border-color:transparent}

/* page serie : question + reponses */
.question-tete{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;margin-bottom:18px}
.serie-cote{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
.serie-affiche{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px;display:block}
.serie-cote .compteur{width:auto;flex:1}
.serie-cote .compteurs{display:flex}
.serie-prix span{display:block;font-size:13px;color:#b9acc9;margin-bottom:5px;text-align:center}
.note-releve{font-size:13px;color:#b9acc9;margin:8px 0}
.question-corps .fil-pied{padding-left:0}
.titre-reponses{padding-bottom:8px;border-bottom:1px solid #3a2d4b;font-size:18px}
.reponse{padding:14px 0 14px 14px;margin-top:14px;border-left:3px solid #40325a}
.reponse:hover{border-left-color:#f0509a}
.table-simple{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}
.table-simple th,.table-simple td{padding:6px 9px;border:1px solid #2a2036;text-align:left}
.table-simple th{background:#18121f}
.visages-serie{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.visages-serie a,.visages-serie span{display:grid;justify-items:center;width:84px;font-size:12px;color:#f4eefa}
.visages-serie img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top}
.visages-serie em{font-style:normal;text-align:center}
.autres-questions{margin-top:22px}
.question-pliee{border-bottom:1px solid #2a2036;padding:8px 0}
.question-pliee summary{cursor:pointer;font-weight:600;color:#f77fb5}
.question-pliee .markdown-body{margin-top:6px}
.encart-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding:14px;background:#3d1b35;border:1px solid #cf2c7c}

/* personnages et genres */
.cartes-profils{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.carte-profil{display:flex;gap:9px;align-items:center;padding:8px;background:#18121f;border:1px solid #2a2036;color:#f4eefa}
.carte-profil:hover{border-color:#f0509a;text-decoration:none}
.carte-profil img{width:64px;height:64px;object-fit:cover;object-position:top;flex:none}
.carte-profil b{display:block;font-size:14px;line-height:1.2}
.carte-profil small{color:#b9acc9}
.profil-tete{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;margin-bottom:16px}
.profil-tete img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:6px}
.tuiles-genres{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.tuile-genre{display:block;padding:10px;background:#18121f;border:1px solid #2a2036;color:#b9acc9}
.tuile-genre:hover{border-color:#c77dff;text-decoration:none}
.tuile-images{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 5px}
.tuile-images img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px;display:block}
.lignes-guides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.ligne-guide{display:flex;align-items:center;gap:10px;padding:8px;background:#18121f;border:1px solid #2a2036}
.ligne-guide:hover{border-color:#f0509a;text-decoration:none}
.ligne-guide img{width:48px;height:72px;object-fit:cover;flex:none;border-radius:3px}
.liste-abos{list-style:none;margin:8px 0;padding:0}
.liste-abos li{padding:6px 9px;border:1px solid #2a2036;border-bottom:0}
.liste-abos li:last-child{border-bottom:1px solid #2a2036}

/* aiguilleur */
#aiguilleur{margin-bottom:20px}
.aiguillage{padding:10px 12px;margin-bottom:8px;background:#18121f;border:1px solid #2a2036}
.aiguillage h3{font-size:15px;margin:0 0 7px}
.BtnGroup-libre{display:flex;flex-wrap:wrap;gap:6px}
.btn.selected{background:#cf2c7c;border-color:#cf2c7c;color:#fff}
.resultat-aiguilleur{font-weight:600;margin:8px 0}

/* rappel de sortie : barre pleine largeur */
.rappel-sortie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#1d1626;border-top:3px solid #f0509a;box-shadow:0 -8px 30px rgba(0,0,0,.65)}
.rappel-sortie[hidden]{display:none}
.boite-rappel{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:16px}
.rappel-visage{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.rappel-texte{flex:1}
.rappel-texte strong{font-size:17px}
.rappel-texte p{margin:2px 0 0;font-size:14px;color:#e6dff0}
.croix-rappel{background:none;border:0;color:#f4eefa;font-size:26px;line-height:1;cursor:pointer;padding:0 6px}

.pied-site{margin-top:18px;padding-top:16px;padding-bottom:26px;border-top:1px solid #3a2d4b;font-size:13px;color:#b9acc9}
.pied-liens a{margin-right:14px}
.pied-credit a{color:#b9acc9}
.bloc-mentions .reponse{border-left-color:#2a2036}

@media(max-width:1000px){
.une-mosaique{grid-template-columns:minmax(0,1fr)}
.deux-colonnes{grid-template-columns:minmax(0,1fr)}
.une-affiches{display:flex;overflow-x:auto;padding-bottom:5px}
.une-affiches .affiche{flex:0 0 112px}
.cartes-profils,.tuiles-genres{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
h1{font-size:23px}
.tete-haute{display:block;padding-top:8px;padding-bottom:6px}
.logo-site{font-size:23px}
.tete-outils{display:none}
.burger{display:block}
#onglets-site{display:none;position:absolute;left:0;right:0;top:100%;background:#1a1324;border-bottom:2px solid #f0509a;z-index:55}
#onglets-site.ouvert{display:block}
#onglets-site ul{display:block}
.onglet{border-right:0;border-bottom:1px solid #0f0b16}
#onglets-site .panneau-guides{display:block;position:static;width:auto;border:0;padding:0 0 4px 12px;background:transparent}
.tete-rang{position:relative;align-items:center;padding-left:6px}
.tete-bouton{margin-right:0}
#avis-independance{font-size:11.5px;line-height:1.3;padding:4px 10px}
#tete-site{position:sticky}
.fil-lien{grid-template-columns:58px minmax(0,1fr)}
.fil-vignette{width:58px;height:87px;grid-row:1/3}
.fil-lien .compteurs{grid-column:2;grid-row:2}
.fil-texte{grid-column:2;grid-row:1}
.compteur{width:50px;height:42px}
.compteur b{font-size:14px}
.compteur i{font-size:9.5px}
.fil-pied{padding-left:0}
.question-tete,.profil-tete{grid-template-columns:120px minmax(0,1fr);gap:12px}
.cartes-profils{grid-template-columns:1fr 1fr}
.carte-profil img{width:48px;height:48px}
.lignes-guides{grid-template-columns:1fr}
.tuiles-genres{grid-template-columns:1fr 1fr}
.encart-action{display:block}
.encart-action .btn{margin-top:8px}
.boite-rappel{flex-wrap:wrap;gap:8px;padding:10px 12px;position:relative}
.rappel-visage{width:48px;height:48px}
.rappel-texte{flex:1 1 60%}
.rappel-texte strong{font-size:15px;padding-right:18px;display:block}
.rappel-texte p{font-size:13px}
.boite-rappel .btn{width:100%;text-align:center}
.croix-rappel{position:absolute;top:6px;right:6px}
}