/* ============================================================
   Citations · page individuelle + index
   ============================================================ */

/* --- Structure partagée (grille 2 colonnes, comme la page poème) --- */
html{background:var(--bg,#F6F7FB)}
.bc{font-size:12.5px;color:var(--gris,#6B6B76);padding:16px 0 0}
.bc a{color:var(--gris,#6B6B76)}.bc a:hover{color:var(--bleu,#3333FF)}
.bc .sep{opacity:.5;margin:0 6px}
.page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;margin:14px auto 44px;align-items:start}
.panel{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(20,20,50,.05)}
.art{padding:34px 40px 30px}
.side{display:flex;flex-direction:column;gap:18px}
.side .pad{padding:18px}
.side h3{font-size:14px;font-weight:800;margin-bottom:10px}
.ad{border:1px dashed #C4C4D2;border-radius:14px;padding:24px 12px;text-align:center;color:#A6A6B2;background:repeating-linear-gradient(45deg,#FAFAFE,#FAFAFE 10px,#F3F3F9 10px,#F3F3F9 20px);position:sticky;top:18px}
.inflow-ad{display:none}
.pager a{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--ligne,rgba(20,20,40,.09));border-radius:8px;font-size:13.5px;color:var(--bleu,#3333FF)}
.pager a.on{background:var(--bleu,#3333FF);color:#fff;border-color:var(--bleu,#3333FF)}

/* carte « Parcourir la bibliothèque » (browse_card, sidebar de l'index) */
/* carte « Parcourir la bibliothèque » (partial browse_card · sélecteurs nus) */
.bl{font-size:12.5px;color:var(--gris,#6B6B76);font-weight:700;margin-top:16px;margin-bottom:7px}
.bl:first-child{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{border:1px solid var(--ligne,rgba(20,20,40,.09));background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--encre,#23232B)}
.chip:hover{border-color:var(--bleu,#3333FF);color:var(--bleu,#3333FF)}

/* --- Page citation --- */
.citehero{text-align:center;padding-bottom:8px}
.citehero .quote{font-family:var(--serif,'Cormorant Garamond',serif);font-size:54px;line-height:.6;color:var(--bleu-soft,#EEF0FF);display:block;height:30px}
.citehero .big{font-family:var(--serif,'Cormorant Garamond',serif);font-style:italic;font-weight:600;font-size:38px;line-height:1.22;color:var(--encre,#23232B);max-width:760px;margin:0 auto}
.citemeta{margin-top:20px;font-size:14.5px;color:var(--gris,#6B6B76)}
.citemeta a{color:var(--bleu,#3333FF);font-weight:600}
.citemeta .sep{opacity:.5;margin:0 7px}
.citethemes{margin-top:14px;display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.tchip{font-size:12px;font-weight:600;color:var(--bleu,#3333FF);background:var(--bleu-soft,#EEF0FF);border-radius:999px;padding:5px 13px}
.tchip:hover{background:#E3E6FF}
.citehero .actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:12.5px;color:var(--gris,#6B6B76)}
.citehero .actions .lbl{font-weight:700}
.citehero .actions a{display:inline-flex;align-items:center;gap:5px;color:var(--gris,#6B6B76)}
.citehero .actions a:hover{color:var(--bleu,#3333FF)}
.citehero .actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

.readpoem{display:flex;align-items:center;gap:14px;background:var(--bleu-soft,#EEF0FF);border-radius:14px;padding:15px 18px;margin-top:26px}
.readpoem .ic{width:38px;height:38px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.readpoem .ic svg{width:18px;height:18px;stroke:var(--bleu,#3333FF);fill:none;stroke-width:2}
.readpoem .tx{min-width:0}
.readpoem .t{display:block;font-weight:700;color:var(--encre,#23232B);font-size:14.5px}
.readpoem .s{display:block;font-size:12.5px;color:var(--gris,#6B6B76)}
.readpoem .go{margin-left:auto;background:var(--bleu,#3333FF);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;font-size:13px;flex:none}

.art .sec{margin-top:30px;padding-top:22px;border-top:1px solid var(--ligne,rgba(20,20,40,.09))}
.art .sec h2{font-size:16px;font-weight:800;margin-bottom:6px}
.art .sec h2 .q{color:var(--gris,#6B6B76);font-weight:600}
.art .cites{margin:8px -40px 0}
.art .cite{display:block;padding:14px 40px;border-top:1px solid var(--ligne,rgba(20,20,40,.09))}
.art .cite:first-child{border-top:none}
.art .cite:hover{background:#FBFBFE}
.art .cite .ct{font-family:var(--serif,'Cormorant Garamond',serif);font-style:italic;font-size:18px;color:var(--encre,#23232B);line-height:1.38}
.art .cite .cm{margin-top:6px;font-size:12.5px;color:var(--gris,#6B6B76);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.art .cite .cm .au{color:var(--bleu,#3333FF);font-weight:600}
.art .cite .cm .go{margin-left:auto;color:var(--bleu,#3333FF);font-weight:700}
.art .more{display:inline-block;margin-top:13px;font-size:13px;font-weight:700;color:var(--bleu,#3333FF)}

/* carte auteur (sidebar) */
.acard{display:flex;align-items:center;gap:13px}
.ava{width:50px;height:50px;border-radius:50%;background:var(--bleu,#3333FF);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex:none;overflow:hidden}
.ava-img img{width:100%;height:100%;object-fit:cover}
.acard .an{font-weight:800;font-size:15px}
.acard .ad2{font-size:12px;color:var(--gris,#6B6B76)}
.abio{margin-top:12px;font-size:13px;color:var(--gris,#6B6B76);line-height:1.55}
.alink{display:inline-block;margin-top:13px;font-size:13px;font-weight:700;color:var(--bleu,#3333FF)}

/* --- Index citations --- */
/* en-tête aligné sur la bibliothèque de poèmes */
.hero{background:var(--bleu,#3333FF);color:#fff;padding:26px 0 30px}
.hero .pres{width:min(640px,100%);margin:0 auto;text-align:center}
.hero h1{font-weight:800;font-size:29px;line-height:1.1;letter-spacing:-.3px}
.hero .sub{font-size:13.5px;opacity:.85;margin-top:5px;font-weight:300}
.sb{position:relative;margin-top:16px}
.sb input{width:100%;height:50px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.14);color:#fff;padding:0 56px 0 22px;font-size:16px;font-weight:600;outline:none}
.sb input::placeholder{color:rgba(255,255,255,.72);font-weight:400}
.sb .go{position:absolute;right:6px;top:6px;width:38px;height:38px;border-radius:999px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sb .go svg{width:17px;height:17px;stroke:var(--bleu,#3333FF);fill:none;stroke-width:2.5}

/* barre de résultats + filtres actifs (sur fond clair) */
.listbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:13px;border-bottom:1px solid var(--ligne,rgba(20,20,40,.09))}
.listbar .cnt{font-size:13.5px;color:var(--gris,#6B6B76)}
.listbar .cnt b{color:var(--encre,#23232B)}
.cit-active{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.fchip{background:var(--bleu-soft,#EEF0FF);color:var(--bleu,#3333FF);border-radius:999px;padding:4px 12px;font-weight:600}
.fchip:hover{filter:brightness(.97)}
.fclear{color:var(--bleu,#3333FF);font-weight:700}

.cit-list{margin:4px -40px 0}
.cit-row{display:block;padding:16px 40px;border-top:1px solid var(--ligne,rgba(20,20,40,.09))}
.cit-row:first-child{border-top:none}
.cit-row:hover{background:#FBFBFE}
.cit-row .ct{font-family:var(--serif,'Cormorant Garamond',serif);font-style:italic;font-size:19px;color:var(--encre,#23232B);line-height:1.4}
.cit-row .cm{margin-top:6px;font-size:12.5px;color:var(--gris,#6B6B76);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cit-row .cm .au{color:var(--bleu,#3333FF);font-weight:600}
.cit-empty{padding:30px 0;color:var(--gris,#6B6B76)}
.cit-empty a{color:var(--bleu,#3333FF);font-weight:700}

@media(max-width:860px){
  .page{grid-template-columns:minmax(0,1fr)}
  .ad{position:static}.side-ad{display:none}
  .citehero .big{font-size:28px}
  .art .cites{margin:8px -16px 0}.art .cite{padding:14px 16px}
  .readpoem{flex-wrap:wrap}.readpoem .go{margin-left:0;width:100%;text-align:center}
  .cit-list{margin:4px -16px 0}.cit-row{padding:16px}
  .hero{padding:22px 0 26px}.hero h1{font-size:25px}
}
@media(max-width:600px){
  .wrap{padding:0 12px}.page{margin-top:8px}.art{padding:24px 16px}
}

.page>main,.page>aside{min-width:0}