/* Forme et poids, avec Joanie — carrefour en mini-portail éditorial (octobre 2026). Charte de Joanie : fond foncé, bronze,
   champagne, Barlow. Tout est rangé sous .fm ; l'en-tête, le pied et le reste du site ne sont pas touchés. */
.fm{--fm-bg:#0E0F11;--fm-surface:#1B1D22;--fm-surface-2:#25232B;--fm-text:#F8F5F2;--fm-muted:#C5C0C8;--fm-line:#353039;
 --fm-bronze:#A67C52;--fm-champagne:#C9A882;--fm-plum:#23172B;--fm-r:24px;
 color:var(--fm-text);font-family:Barlow,Arial,sans-serif;font-size:16px;line-height:1.5;background:var(--fm-bg);overflow-x:clip}
.fm *{box-sizing:border-box}
:where(.fm) a{color:inherit;text-decoration:none}
:where(.fm) ul,:where(.fm) ol{list-style:none;margin:0;padding:0}
.fm :is(a,button,input):focus-visible{outline:2px solid var(--fm-champagne);outline-offset:3px;border-radius:8px}
.fm .fm-ico{display:inline-block;flex:none;vertical-align:middle}
.fm .fm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.fm-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.fm :is(h1,h2,h3){font-family:Barlow,Arial,sans-serif;text-transform:none;letter-spacing:-.01em;line-height:1.15;color:var(--fm-text);font-weight:600}
.fm [hidden]{display:none!important}

/* bandeau */
.fm-hero{position:relative;padding:150px 0 40px;background:radial-gradient(55% 70% at 85% 15%,rgba(166,124,82,.14),transparent 65%),var(--fm-bg)}
.fm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:center}
.fm .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--fm-muted);margin:0}
.fm .crumbs a:hover{color:var(--fm-text)}
.fm .crumbs .sep{color:#6b6672}
.fm .crumbs [aria-current]{color:var(--fm-text)}
.fm-eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--fm-champagne);margin:30px 0 0}
.fm h1{font-size:56px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:14px 0 0;max-width:12ch}
.fm-lead{font-size:21px;line-height:1.4;color:var(--fm-text);margin:18px 0 0;max-width:30ch}
.fm-accueil{font-size:15.5px;line-height:1.55;color:var(--fm-muted);margin:16px 0 0;max-width:62ch}
.fm-hero-photo{margin:0;border-radius:var(--fm-r);overflow:hidden;background:var(--fm-surface);border:1px solid var(--fm-line);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.fm-hero-photo img{display:block;width:100%;height:auto}

/* recherche et filtres */
.fm-outils{padding-top:26px}
.fm-cherche{display:flex;align-items:center;gap:12px;height:64px;padding:0 10px 0 22px;border-radius:999px;background:rgba(27,29,34,.92);border:1px solid #4a454f;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.4)}
.fm-champ{position:relative;z-index:30;max-width:760px;margin:0 auto}
.fm-cherche:focus-within{outline:2px solid var(--fm-champagne);outline-offset:4px}
.fm-cherche input:focus-visible{outline:none}
/* le panneau sous le champ (comme la recherche de Découvrir) : suggestions de mots, guides, « Voir … dans la liste » */
.fm-voile{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.55)}
.fm-voile[hidden]{display:none}
.fm-sugg{position:absolute;left:0;right:0;top:calc(100% + 10px);border-radius:22px;background:#1B1D22;border:1px solid #4a454f;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden;text-align:left}
.fm-sugg[hidden]{display:none}
.fm-sugg-liste{padding:6px 12px;max-height:min(60vh,520px);overflow:auto}
.fm-grp{padding:6px 0}
.fm-grp-t{display:flex;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--fm-muted);padding:6px 12px 8px}
.fm-grp-t span+span{letter-spacing:0;text-transform:none;font-size:13px}
.fm-opt{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--fm-text);font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.fm-opt:hover{background:#25232B}
.fm-opt[aria-selected="true"]{background:#2a2730;box-shadow:inset 3px 0 0 var(--fm-bronze)}
.fm-opt mark{background:none;color:#fff;text-decoration:underline;text-decoration-color:var(--fm-bronze);text-decoration-thickness:2px;text-underline-offset:3px}
.fm-opt>.fm-ico:last-child{color:#77726b;flex:none}
.fm-rond{width:38px;height:38px;border-radius:50%;border:1px solid #4a454f;display:flex;align-items:center;justify-content:center;color:var(--fm-muted);flex:none}
.fm-rond .fm-ico{width:18px;height:18px;color:var(--fm-muted)}
.fm-iw{width:40px;height:40px;border-radius:10px;background:var(--fm-plum);color:var(--fm-champagne);display:flex;align-items:center;justify-content:center;flex:none}
.fm-opt-txt{flex:1;min-width:0;font-size:16px}
.fm-opt-txt b{font-weight:700}
.fm-opt-t{display:block;font-weight:600;line-height:1.3}
.fm-opt-x{display:block;font-size:13px;color:var(--fm-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-badge{display:inline-block;font-size:12.5px;font-weight:600;color:var(--fm-champagne);background:var(--fm-plum);border:1px solid #4a3550;border-radius:999px;padding:2px 10px;white-space:nowrap}
.fm-mn{color:var(--fm-muted);font-size:13px;white-space:nowrap}
.fm-opt-zero{margin:0;padding:10px 12px 14px;color:var(--fm-muted);font-size:15px}
.fm-pied{display:flex;align-items:center;gap:16px;min-height:50px;padding:8px 24px;border-top:1px solid #353039;font-size:13px;color:var(--fm-muted)}
.fm-voir{border:0;background:transparent;color:var(--fm-champagne);font:600 14.5px Barlow,Arial,sans-serif;cursor:pointer;padding:6px 0;border-radius:8px}
.fm-voir[hidden]{display:none}
.fm-voir:hover,.fm-voir[aria-selected="true"]{text-decoration:underline;text-underline-offset:3px}
.fm-touches{margin-left:auto;white-space:nowrap}
.fm-touches kbd{font:600 11px/1 Barlow,Arial,sans-serif;color:var(--fm-text);background:#2a2730;border:1px solid #4a454f;border-radius:6px;padding:3px 6px;margin:0 3px 0 8px}
/* sur une page de guide : le bloc seul, entre le bandeau et l'article */
.fm-guide{background:transparent;overflow:visible}
.fm-guide .fm-outils{padding:30px 0 0}
/* les sujets à un clic */
.fm-sujets{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 4px;max-width:920px;margin:14px auto 0;font-size:14.5px}
.fm-sujets-l{color:var(--fm-muted);margin-right:4px}
.fm-sujet{min-height:34px;padding:0 13px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--fm-champagne);font:inherit;font-size:14.5px;cursor:pointer;
 text-decoration:underline;text-decoration-color:rgba(201,168,130,.45);text-underline-offset:3px;transition:background .2s,border-color .2s}
.fm-sujet:hover{background:var(--fm-surface);border-color:#4a454f;text-decoration-color:var(--fm-champagne)}
.fm-sujet[aria-pressed="true"]{background:var(--fm-plum);border-color:#4a3550;color:var(--fm-text);text-decoration:none}
.fm-cherche>.fm-ico{color:var(--fm-champagne)}
.fm-cherche input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--fm-text);font:inherit;font-size:17px;outline:none;-webkit-appearance:none;appearance:none}
.fm-cherche input::placeholder{color:var(--fm-muted);opacity:1}
.fm-cherche input::-webkit-search-cancel-button{display:none}
.fm-effacer{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#2a2730;color:var(--fm-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.fm-compte{flex:none;font-size:13.5px;color:var(--fm-muted);padding-right:10px;white-space:nowrap}
.fm-compte:empty{display:none}
.fm-filtres{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.fm-filtre{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #4a454f;background:var(--fm-surface);color:var(--fm-text);
 font:400 15px Barlow,Arial,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.fm-filtre small{font-size:12.5px;color:var(--fm-muted)}
.fm-filtre .fm-ico{color:var(--fm-champagne)}
.fm-filtre:hover{border-color:#7a7280}
.fm-filtre[aria-pressed="true"]{background:var(--fm-bronze);border-color:var(--fm-bronze);color:#0E0F11;font-weight:600}
.fm-filtre[aria-pressed="true"] small,.fm-filtre[aria-pressed="true"] .fm-ico{color:#0E0F11}
.fm-sansjs{text-align:center;color:var(--fm-muted);font-size:14.5px;margin:16px auto 0;max-width:60ch}

/* sections */
.fm-sec{padding-top:56px}
/* la liste est la cible de la recherche, des boutons de thème et du lien « Tous les guides » : elle s’arrête sous l’en-tête fixe (127 px) */
.fm #tous-les-guides{scroll-margin-top:100px}
.fm-tt{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.fm-tt h2{font-size:36px;letter-spacing:-.02em;margin:0}
.fm-info{color:var(--fm-muted);font-size:15px;white-space:nowrap}
.fm-lien{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--fm-champagne);font-weight:600;font-size:15px;white-space:nowrap}
.fm-lien:hover{text-decoration:underline;text-underline-offset:4px}

/* à lire pour commencer */
.fm-vedettes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}
.fm-vcarte{display:flex;gap:18px;padding:22px;border-radius:var(--fm-r);background:var(--fm-surface);border:1px solid var(--fm-line);transition:border-color .2s,background .2s}
.fm-vcarte:hover{border-color:#5d5563;background:var(--fm-surface-2)}
.fm-vgrande{grid-row:1/3;flex-direction:column;padding:14px 14px 22px;gap:14px}
.fm-vphoto{display:block;border-radius:16px;overflow:hidden;background:#141518}
.fm-vphoto img{display:block;width:100%;height:auto}
.fm-vgrande .fm-vtxt{padding:4px 10px 0}
.fm-vico{flex:none;width:56px;height:56px;border-radius:16px;background:var(--fm-plum);color:var(--fm-champagne);display:flex;align-items:center;justify-content:center}
.fm-vico-m{display:none}
.fm-vtxt{display:flex;flex-direction:column;gap:8px;min-width:0}
.fm-vcat{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fm-champagne)}
.fm-vcat .fm-ico{color:var(--fm-champagne)}
.fm-vcarte strong{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.fm-vgrande strong{font-size:28px}
.fm-vres{font-size:15px;line-height:1.5;color:var(--fm-muted)}
.fm-lire{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:var(--fm-champagne);font-weight:600;font-size:15px}
.fm-vcarte:hover .fm-lire{text-decoration:underline;text-underline-offset:4px}

/* trois thèmes */
.fm-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fm-theme{display:flex;flex-direction:column;padding:24px;border-radius:var(--fm-r);background:var(--fm-surface);border:1px solid var(--fm-line)}
.fm-theme-ico{width:48px;height:48px;border-radius:14px;background:var(--fm-plum);color:var(--fm-champagne);display:flex;align-items:center;justify-content:center}
.fm-theme-et{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fm-champagne);margin:16px 0 0}
.fm-theme-et i{font-style:normal;font-weight:600}
.fm-theme h3{font-size:22px;margin:8px 0 0}
.fm-theme h3 .accent{color:var(--fm-champagne)}
.fm-theme p{font-size:14.5px;line-height:1.55;color:var(--fm-muted);margin:12px 0 0}
.fm-theme-btn{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:18px 0 0;border:0;background:none;color:var(--fm-champagne);font:600 15px Barlow,Arial,sans-serif;cursor:pointer;align-self:flex-start}
.fm-theme-btn:hover{text-decoration:underline;text-underline-offset:4px}

/* tous les guides */
.fm-liste{columns:2;column-gap:32px;background:var(--fm-surface);border:1px solid var(--fm-line);border-radius:var(--fm-r);padding:10px 28px 14px}
.fm-ligne{break-inside:avoid}
.fm-ligne a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:13px 0;border-bottom:1px solid #2a2730}
.fm-ligne:last-child a{border-bottom:0}
.fm-ligne a:hover strong{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fm-num{font-size:13px;letter-spacing:.08em;color:var(--fm-champagne);font-weight:600}
.fm-ltxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.fm-ltxt strong{font-weight:600;font-size:15.5px;line-height:1.3}
.fm-ltxt small{font-size:13px;line-height:1.45;color:var(--fm-muted)}
.fm-lcat{font-size:12px;color:var(--fm-champagne);white-space:nowrap;letter-spacing:.04em}
.fm-ligne[hidden]{display:none}
.fm-liste.fm-une{columns:1}
.fm-zero{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;padding:18px 22px;border-radius:16px;background:var(--fm-surface);border:1px solid var(--fm-line);color:var(--fm-muted)}
.fm-zero strong{color:var(--fm-text);font-weight:600}
.fm-zero-btn{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #5a5560;background:transparent;color:var(--fm-text);font:600 14px Barlow,Arial,sans-serif;cursor:pointer}
.fm-caveat{margin-top:24px;padding:20px 24px;border-radius:16px;background:var(--fm-plum);border:1px solid #3d2d47;color:var(--fm-text);font-size:14.5px;line-height:1.55}
.fm-caveat p{margin:0}
.fm-caveat a{color:var(--fm-champagne)}

/* l'autrice et les cours */
.fm-fin{padding-bottom:64px}
.fm-autrice{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:center;padding:28px;border-radius:var(--fm-r);background:var(--fm-surface);border:1px solid var(--fm-bronze)}
.fm-autrice img{width:132px;height:132px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--fm-champagne)}
.fm-autrice h2{font-size:28px;margin:0}
.fm-autrice p{font-size:15px;line-height:1.55;color:var(--fm-muted);margin:10px 0 0;max-width:70ch}
.fm-boutons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px!important}
.fm-btn-contour{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--fm-champagne);color:var(--fm-text);font-weight:600;font-size:15px;white-space:nowrap}
.fm-btn-contour:hover{background:var(--fm-plum)}
.fm-btn-contour .fm-ico{color:var(--fm-champagne)}
.fm-cours{margin-top:16px;padding:28px 32px;border-radius:var(--fm-r);background:radial-gradient(60% 160% at 0 0,rgba(166,124,82,.18),transparent 70%),var(--fm-plum);border:1px solid #3d2d47}
.fm-cours h2{font-size:28px;margin:0}
.fm-cours p{font-size:15.5px;line-height:1.55;color:var(--fm-text);margin:12px 0 0;max-width:78ch}
.fm-cours p a:not(.btn){color:var(--fm-champagne);text-decoration:underline;text-underline-offset:3px}
.fm-cours .btn{margin:0;width:auto}

@media (max-width:1023px){
 .fm-hero{padding-top:110px}
 .fm h1{font-size:44px}
 .fm-themes{grid-template-columns:1fr}
}
@media (max-width:899px){
 .fm-hero-grid{grid-template-columns:1fr;gap:28px}
 .fm-hero-photo{order:-1}
 .fm-vedettes{grid-template-columns:1fr}.fm-vgrande{grid-row:auto;flex-direction:row;padding:22px;gap:18px}.fm-vgrande .fm-vphoto{display:none}.fm-vgrande .fm-vico-m{display:flex}.fm-vgrande .fm-vtxt{padding:0}.fm-vgrande strong{font-size:22px}
 .fm-liste{columns:1}
 .fm-autrice{grid-template-columns:1fr;text-align:left;gap:18px}
}
@media (max-width:700px){
 .fm-wrap{padding:0 16px}
 .fm-hero{padding:126px 0 28px}
 .fm h1{font-size:36px;max-width:none}
 .fm-lead{font-size:18px}
 .fm-eyebrow{margin-top:20px}
 .fm-cherche{height:56px;padding:0 6px 0 16px}.fm-cherche input{font-size:16px}.fm-compte{display:none}
 .fm-sugg{border-radius:16px}.fm-sugg-liste{padding:4px 6px}.fm-opt{gap:10px;padding:8px;min-height:48px}.fm-opt-txt{font-size:15px}
 .fm-iw{width:34px;height:34px}.fm-rond{width:34px;height:34px}.fm-badge,.fm-mn,.fm-touches{display:none}.fm-pied{padding:6px 14px;min-height:44px}
 .fm-sujets{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px}.fm-sujets::-webkit-scrollbar{display:none}
 .fm-sujet{white-space:nowrap}
 .fm-filtres{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:0 16px}
 .fm-filtres::-webkit-scrollbar{display:none}
 .fm-filtre{min-height:44px;padding:0 16px;white-space:nowrap}
 .fm-sec{padding-top:40px}.fm-tt{margin-bottom:14px}.fm-tt h2{font-size:28px}.fm-info{display:none}
 .fm-vcarte{padding:16px}.fm-vgrande{padding:10px 10px 18px}.fm-vcarte strong{font-size:19px}.fm-vgrande strong{font-size:23px}
 .fm-theme{padding:20px}
 .fm-liste{padding:4px 16px 8px}
 .fm-ligne a{grid-template-columns:30px minmax(0,1fr);gap:2px 10px}
 .fm-lcat{grid-column:2;font-size:11.5px}
 .fm-caveat{padding:16px 18px}
 .fm-autrice{padding:20px}.fm-autrice img{width:100px;height:100px}.fm-autrice h2{font-size:24px}
 .fm-cours{padding:22px}.fm-cours h2{font-size:24px}
 .fm-fin{padding-bottom:48px}
}
@media (max-width:426px){.fm-hero{padding-top:134px}}
@media (prefers-reduced-motion:reduce){.fm *{transition:none!important}}