/* raconteuse-histoires-textiles.fr (22/10/2026) : charte « album de famille » posée sur les pages sur-mesure de marie-alhomme.com.
   Charte : https://claude.ai/artifact/Q2TrYySNSAZSiXT2khCpbA (choix de Marie du 22/10 : châtaigne + jaune, Fraunces).
   Chargé après main.css et raconteuse-vagues.css (les vagues recolorées). Tout est préfixé body.rh. */

body.rh{
  --chataigne:#5b3427; --encre:#2b221d; --lin:#f7f0e6; --papier:#ece0d0; --jaune:#ffdc56; --jaune-pale:#fbe7a1;
  --sauge:#c5cfb7; --rouge:#eb1f4a; --creme:#fffcec;
  background:var(--lin); color:var(--encre);
}

/* ---------- Typographie : Fraunces en casse normale pour les titres, la manuscrite de Marie pour les boutons et le menu ---------- */
body.rh .h1,body.rh .h2,body.rh .h3,body.rh h1,body.rh h2,body.rh h3{
  font-family:"Fraunces",Georgia,serif; font-weight:500; font-variation-settings:"SOFT" 100; font-optical-sizing:auto;
  text-transform:none; letter-spacing:0; color:var(--chataigne)!important; line-height:1.12; text-wrap:balance;
}
/* Titres sur fond foncé (châtaigne, rouge) : crème, le mot fort en jaune */
body.rh #sm-full-hero .h1,body.rh .page-header .h1,body.rh .page-header h1,body.rh .block-style-1 .h1,body.rh .block-style-1 .h2,body.rh .block-style-5 .h1,body.rh .block-style-5 .h2,
body.rh .rh-nouveautes .h1,body.rh .mea:not(.mea-style-2) .h1,body.rh .mea:not(.mea-style-2) .h2{color:var(--creme)!important}
body.rh #contact #other-contacts .h2{color:var(--jaune)!important}
body.rh .h1 strong,body.rh .h2 strong,body.rh .h3 strong,body.rh h1 strong,body.rh h2 strong{color:inherit!important;font-weight:inherit}
/* Le mot fort d'un titre : surligné en jaune sur fond clair */
body.rh .surligne,body.rh .h1 strong,body.rh .h2 strong{background:linear-gradient(transparent 55%,var(--jaune) 55%,var(--jaune) 92%,transparent 92%)}
body.rh .stabilo{background:linear-gradient(transparent 55%,var(--jaune) 55%,var(--jaune) 92%,transparent 92%)!important;color:inherit}
body.rh .block-intro{color:var(--encre)}
body.rh a{color:var(--chataigne)}

body.rh .button:not(.naked){font-family:marie_alhommeregular,cursive;text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em;padding-top:.75rem}
/* Boutons : rouge (l'action, c'est Marie) qui passe au jaune ; les contours en châtaigne */
body.rh .bt-type-1,body.rh .bt-type-2,body.rh .bt-type-6,body.rh .bt-type-8,body.rh .bt-type-13{background-color:var(--rouge);border-color:var(--rouge);color:var(--creme)}
body.rh .button.bt-type-1:hover,body.rh .button.bt-type-1:focus,body.rh .button.bt-type-2:hover,body.rh .button.bt-type-2:focus,
body.rh .button.bt-type-6:hover,body.rh .button.bt-type-6:focus,body.rh .button.bt-type-8:hover,body.rh .button.bt-type-8:focus,
body.rh .button.bt-type-13:hover,body.rh .button.bt-type-13:focus{background-color:var(--jaune);border-color:var(--jaune);color:var(--chataigne)}
body.rh .bt-type-3,body.rh .bt-type-4,body.rh .bt-type-7{background-color:transparent;border-color:var(--chataigne);color:var(--chataigne)}
body.rh .button.bt-type-3:hover,body.rh .button.bt-type-3:focus,body.rh .button.bt-type-4:hover,body.rh .button.bt-type-4:focus,
body.rh .button.bt-type-7:hover,body.rh .button.bt-type-7:focus{background-color:var(--jaune);border-color:var(--jaune);color:var(--chataigne)}

/* ---------- En-tête : nom du site en Fraunces (pas de logo pour l'instant), menu dans la manuscrite ---------- */
/* Hors en-tête collé, le haut de page est châtaigne : tout en crème. Collé, l'en-tête est lin et le texte châtaigne. */
body.rh #header:not(.sticky),body.rh #header:not(.sticky) a,body.rh #header:not(.sticky) .button,body.rh #header:not(.sticky) #logo{color:var(--creme)!important}
body.rh #header.sticky{background-color:var(--lin);box-shadow:0 5px 10px 0 rgba(91,52,39,.25)}
body.rh #header.sticky,body.rh #header.sticky a,body.rh #header.sticky .button,body.rh #header.sticky #logo{color:var(--chataigne)!important}
/* survol = état actif : trait jaune décalé, pas le soulignement par défaut (Marie, 23/10/2026) */
body.rh #menu-nav a.active,body.rh #menu-nav a:hover,body.rh #menu-nav a:focus-visible{text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:.3em}
body.rh #logo.rh-logo a{display:inline-block;text-decoration:none;border:0;color:inherit;line-height:1.05}
body.rh #logo.rh-logo .par{display:block;font-family:"Felt Tip",cursive;font-size:1rem;opacity:.9;margin-top:.15rem}
/* Logo (Marie, 24/10/2026) : sur le châtaigne, nom crème et ligne jaune ; barre collée sur le lin, nom châtaigne et ligne rouge */
body.rh #logo.rh-logo .rh-logo-svg{display:block;width:13rem;height:auto}
body.rh #header:not(.sticky) .rh-logo-nom{fill:var(--creme)}body.rh #header:not(.sticky) .rh-logo-ligne{fill:var(--jaune)}
body.rh #header.sticky .rh-logo-nom{fill:var(--chataigne)}body.rh #header.sticky .rh-logo-ligne{fill:var(--rouge)}
@media (max-width:736px){body.rh #logo.rh-logo .rh-logo-svg{width:9.5rem}body.rh #logo.rh-logo .par{font-size:.85rem}}
body.rh #menu-nav a,body.rh #menu-container .lg-switch{font-family:marie_alhommeregular,cursive;text-transform:uppercase;font-size:1.05rem}
body.rh.bs #menu-container,body.rh.bs #menu-container a,body.rh.bs #menu-container button,body.rh #menu-container a{color:inherit}
body.rh .header-container .button{color:inherit!important}
@media (max-width:980px){body.rh #menu-container{background:var(--chataigne)!important}body.rh #header #menu-container a,body.rh #header #menu-container .button{color:var(--creme)!important}}

/* ---------- Héros de l'accueil : châtaigne, titre crème (la page de marie-alhomme.com était jaune) ---------- */
body.rh #sm-full-hero{background:var(--chataigne)!important;color:var(--creme)}
body.rh #sm-full-hero .h1{color:var(--creme)}
body.rh #sm-full-hero p{color:var(--creme)}
/* Toutes les pages : l'en-tête se pose sur le châtaigne du haut de page */
body.rh .page-header:before{background-color:var(--chataigne)!important}
body.rh .page-header{background-color:var(--chataigne)!important;color:var(--creme)}
body.rh .page-header .block-intro,body.rh .page-header p{color:var(--creme)}
body.rh .page-header .h1,body.rh .page-header h1{color:var(--creme)}

/* ---------- Fonds : jaune et jaune pâle restent (le jaune, c'est le sur-mesure), le rose et le lilas deviennent papier ---------- */
body.rh .block-with-texture{background-image:none!important}
body.rh .block-style-2,body.rh .block-style-8{background-color:var(--papier)!important;color:var(--encre)}
body.rh .block-style-3{background-color:var(--jaune);color:var(--encre)}
body.rh .block-style-4{background-color:var(--jaune-pale)!important;color:var(--encre)}
body.rh .block-style-5{background-color:var(--chataigne)!important;color:var(--creme)}
body.rh .block-style-5 .h1,body.rh .block-style-5 .h2{color:var(--creme)}
body.rh .block-style-6{background-color:var(--lin);color:var(--encre)}
body.rh .interlude{display:none}

/* Mises en avant (tache) : jaune, texte encre */
body.rh .mea-style-2,body.rh .mea-style-2 p{color:var(--encre)}

/* ---------- Polaroïds → photos d'album : tirage à bord blanc, tenu par quatre coins photo qui débordent du cadre
   (retour de Marie, 22/10/2026 : les coins doivent tenir la photo, pas être dessinés dedans). Légende au feutre. ---------- */
body.rh .pola{background:#fff!important;border:0!important;box-shadow:0 3px 6px rgba(43,34,29,.22)!important;--coin:#c9b298} /* coins kraft sur fond clair : le châtaigne était trop foncé (Marie, 22/10) */
body.rh figure.pola{position:relative}
/* ::before : le ::after des polas « avant » porte déjà la flèche vers « après » (main.css) */
body.rh .pola::before{content:"";position:absolute;inset:-5px;z-index:4;pointer-events:none;
  background:linear-gradient(135deg,var(--coin) 0 50%,transparent 50%) left top/38px 38px no-repeat,
             linear-gradient(225deg,var(--coin) 0 50%,transparent 50%) right top/38px 38px no-repeat,
             linear-gradient(45deg,var(--coin) 0 50%,transparent 50%) left bottom/38px 38px no-repeat,
             linear-gradient(315deg,var(--coin) 0 50%,transparent 50%) right bottom/38px 38px no-repeat;
  filter:drop-shadow(0 1px 1px rgba(43,34,29,.35))}
body.rh #sm-full-hero .pola{--coin:var(--papier)}
body.rh .pola figcaption{color:var(--encre)}

/* ---------- Texture du fond : un sergé de coton (choix de Marie, 22/10/2026), réduit à son relief (passe-haut), répété en miroir
   (sans couture ; les diagonales dessinent des chevrons), fondu dans la couleur (soft-light).
   - le lin de la page : texture-clair.jpg, posée sur html (le fond du body ne couvrait qu'une bande en haut) ;
   - les fonds châtaigne sans vague (héros, en-têtes de page, nouveautés) : texture-fonce.jpg, très atténuée ;
   - les autres fonds de couleur (paille, papier) restent unis ; les vagues lin sont texturées dans raconteuse-vagues.css.
   Tirée de l'image Adobe Stock 361068639, sous licence (Marie, 25/10/2026). */
html:has(body.rh){background:#f7f0e6 url(/images/raconteuse/texture-clair.jpg) 0 0/1200px repeat;background-blend-mode:soft-light}
body.rh{background:transparent}
body.rh #sm-full-hero,body.rh #rh-hero,body.rh .page-header,body.rh .rh-nouveautes{background-image:url(/images/raconteuse/texture-fonce.jpg)!important;background-size:1200px!important;background-repeat:repeat!important;background-blend-mode:soft-light}

/* ---------- Étapes du processus ---------- */
body.rh .process-steps strong{font-family:"Fraunces",Georgia,serif;font-weight:500;font-variation-settings:"SOFT" 100;color:var(--chataigne);font-size:1.2em}

/* ---------- Témoignages : papier ---------- */
body.rh #home-testimonies{background-color:var(--papier)!important;color:var(--encre)}
body.rh #home-testimonies h2,body.rh #home-testimonies blockquote,body.rh #home-testimonies cite,body.rh #home-testimonies p{color:var(--encre)}
body.rh #home-testimonies .h2,body.rh #home-testimonies h2{color:var(--chataigne)}
body.rh #home-testimonies .splide__pagination__page{background-color:var(--chataigne);opacity:.35}
body.rh #home-testimonies .splide__pagination__page.is-active{opacity:1}

/* ---------- Pages de texte (FAQ, légal) : encadrés papier ---------- */
body.rh .txt-page .tabs > div{background-color:var(--papier)!important}

/* ---------- Bloc contact (composant commun) : formulaire sur papier, carte « autres contacts » châtaigne ---------- */
/* Contact (Marie, 23/10/2026) : tout sur le lin de la page, une seule bande en moins ; le formulaire (« Tu préfères l'écrit ? ») en papier,
   « Pas à l'aise… » en châtaigne. La petite FAQ qui suit passe en papier. */
body.rh #contact #calendar{background:transparent!important;padding-top:2rem!important;padding-bottom:4rem!important}
body.rh #contact .figure.block-style-6 > .wrapper{background:var(--papier);padding:2rem 2rem 2.5rem}
body.rh #mini-faq{background:var(--papier);padding-top:4rem;padding-bottom:4rem}
body.rh #contact .figure.block-style-6{background:transparent!important}
body.rh #contact #contact-form input,body.rh #contact #contact-form select,body.rh #contact #contact-form textarea{background-color:#fff}
body.rh #contact #other-contacts{background:var(--chataigne)!important;color:var(--creme)}
body.rh #contact #other-contacts .h2{color:var(--jaune)}
body.rh #contact #other-contacts a{color:var(--jaune)}

/* ---------- Avant le pied : nouveautés (châtaigne), autres univers (panneaux indicateurs) ---------- */
body.rh .rh-nouveautes{background:var(--chataigne);color:var(--creme);padding-top:5rem;padding-bottom:5rem}
body.rh .rh-nouveautes .inner{max-width:44rem;margin:0 auto}
body.rh .rh-nouveautes .h1{color:var(--creme)}
body.rh .rh-nouveautes .h1 strong{background:none;color:var(--jaune)}
body.rh .rh-nouveautes a{color:var(--jaune)}
body.rh .rh-nouveautes .buttons{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;justify-content:center;align-items:center;margin-top:1.2rem}
body.rh .rh-univers .inner{max-width:60rem;margin:0 auto}
body.rh .rh-cartes{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
@media (min-width:737px){body.rh .rh-cartes{grid-template-columns:1fr 1fr}}
body.rh .rh-cartes li{margin:0;padding:0}
body.rh .rh-cartes a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;height:100%;padding:2rem 1.4rem;text-decoration:none;text-align:center}
/* Carte Maroquinerie Sentimentale en lilas, titre violet : la même famille claire que la carte Kinusaiga (bleu clair, titre teal), au lieu du grand violet (Marie, 23/10/2026) */
body.rh .rh-carte-maroquinerie{background:#f1e0f9;color:#330947}
body.rh .rh-carte-maroquinerie .rh-carte-titre{color:#330947}
body.rh .rh-carte-kinusaiga{background:#d9edef;color:var(--encre)}
body.rh .rh-carte-kinusaiga .rh-carte-titre{color:#00636c}
body.rh .rh-carte-phrase{font-size:1.05em;max-width:30ch}
body.rh .rh-carte-titre{font-family:marie_alhommeregular,cursive;text-transform:uppercase;font-weight:normal;font-size:1.05em}
body.rh .rh-cartes a:hover .rh-carte-titre,body.rh .rh-cartes a:focus-visible .rh-carte-titre{text-decoration:underline}

/* ---------- Pied ---------- */
body.rh #footer-container,body.rh #footer{background:var(--papier);color:var(--encre)}
body.rh #footer.rh-pied .inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem}
body.rh .rh-pied-haut{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 4rem;width:100%}
body.rh .rh-colonnes nav > ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem;margin:0;padding:0;text-align:left}
body.rh .rh-colonnes .fake-link{font-family:"Fraunces",Georgia,serif;font-weight:500;font-variation-settings:"SOFT" 100;color:var(--chataigne);text-transform:none}
body.rh .rh-logos{margin:0;display:flex;gap:1.6rem;align-items:center;justify-content:center}
body.rh .rh-logos img{height:3.2rem;width:auto;display:block}
body.rh .rh-copyright{margin:0}
body.rh .rh-adresse{margin:0;font-size:.85em;opacity:.85}

/* Nom du site dans l'en-tête : couleur posée sur les deux lignes elles-mêmes (main.css colore le lien du logo des pages .bs) */
body.rh #header:not(.sticky) #logo .par{color:var(--creme)!important}
body.rh #header.sticky #logo .par{color:var(--chataigne)!important}

/* Formulaire d'inscription dans la page (groupe « Sur-mesure », 22/10/2026) */
body.rh .rh-form{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1.4rem 0 .6rem}
body.rh .rh-form input{flex:1 1 13rem;max-width:18rem;margin:0;border:1px solid var(--jaune);border-radius:30px;padding:.6rem 1rem;background:var(--creme);color:var(--encre)}
body.rh .rh-form-message{font-weight:bold;color:var(--jaune);margin:1rem 0}

/* Carrousels : les coins des diapositives hors écran dépassaient au bord de la piste */
body.rh .splide__slide:not(.is-visible) .pola::before{display:none}

/* Pied : sans le filet rouge du haut hérité de marie-alhomme.com (Marie, 22/10/2026) */
body.rh #footer{border-top:0}
/* Téléphone : coins photo à l'échelle des polaroïds, plus petits */
@media (max-width:736px){body.rh .pola::before{inset:-3px;background-size:18px 18px}}

/* Héros de l'accueil (23/10/2026), inspiré de la home de marie-alhomme.com : centré, question, phrase, carrousel d'histoires, deux boutons */
body.rh #rh-hero{background-color:var(--chataigne);color:var(--creme);position:relative;text-align:center;padding-top:7rem;padding-bottom:9rem}
body.rh .rh-hero header{max-width:52rem;margin:0 auto}
body.rh .rh-hero header .h1{font-size:2.6rem;margin-bottom:1rem}
body.rh .rh-hero > .inner > header p{font-size:1.2rem}
body.rh .rh-hero .feature-block{background:none;padding-top:2rem;padding-bottom:1rem}
body.rh .rh-hero #stories-list .story-item header{text-align:left}
body.rh .rh-hero #stories-list .story-item .h2,body.rh .rh-hero #stories-list .story-item p{color:var(--creme)!important}
body.rh .rh-hero #stories-list .story-item .h2 strong{background:none;color:var(--jaune)!important}
body.rh .rh-hero #stories-list .bt-type-4{border-color:var(--creme);color:var(--creme)}
body.rh .rh-hero #stories-list .bt-type-4:hover,body.rh .rh-hero #stories-list .bt-type-4:focus{background:var(--jaune);border-color:var(--jaune);color:var(--chataigne)}
body.rh .rh-hero .splide__pagination__page{background:var(--creme);opacity:.4}
body.rh .rh-hero .splide__pagination__page.is-active{opacity:1}
body.rh .rh-hero > .inner > .buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}
@media (max-width:736px){body.rh #rh-hero{background-color:var(--chataigne);color:var(--creme);position:relative;padding-top:5rem;padding-bottom:6rem}body.rh .rh-hero header .h1{font-size:1.9rem}body.rh .rh-hero header p{font-size:1.05rem}}
body.rh #rh-hero .h1{color:var(--creme)!important}
body.rh #rh-hero header p{color:var(--creme)}
body.rh #rh-hero .inner{max-width:none;margin:0 auto}
body.rh #rh-hero .pola::before{--coin:var(--papier)}
body.rh #rh-hero .pola{--coin:var(--papier)}
body.rh #rh-hero{width:100%;flex:1 1 100%;max-width:none}
body.rh #rh-hero > .inner > header p{margin-left:auto;margin-right:auto;max-width:44rem}
body.rh #rh-hero #stories-list .story-item header,body.rh #rh-hero #stories-list .story-item header .h2,body.rh #rh-hero #stories-list .story-item header p{text-align:left!important}
/* Les tirages du carrousel comme sur la home : la règle des héros « .hero-block figure » (left:50% + translateX(-50%)) ne vaut pas ici */
body.rh #rh-hero #stories-list .polas .pola{left:0}
body.rh #rh-hero #stories-list .polas .pola.before{transform:rotate(-12deg)}
body.rh #rh-hero #stories-list .polas .pola.after{transform:rotate(7deg)}
/* Comme #home-hero : sans la limite à 60 % des paragraphes de héros (.hero-content p), qui resserrait la description des histoires */
body.rh #rh-hero #stories-list p{max-width:none}
body.rh #rh-hero #stories-list .story-item header .buttons{text-align:right!important}
/* « Bon, mais qui suis-je ? » : paragraphes limités en largeur, pour rester dans la forme (la dernière phrase, courte, débordait) */
body.rh #artist .mea p{max-width:27rem;margin-left:auto;margin-right:auto}

/* « Mes autres univers » (23/10/2026) : cartes en galets, comme sur Maroquinerie Sentimentale (Marie : les carrés étaient trop rigides),
   chacune sa forme, avec une image détourée. */
body.rh .rh-univers header{text-align:center}
body.rh .rh-univers .block-intro{margin:0 auto 2.4rem}
body.rh .rh-cartes a{padding:2.6rem 3.4rem 3rem}
body.rh .rh-carte-maroquinerie{border-radius:42% 58% 38% 62% / 30% 36% 64% 70%}
body.rh .rh-carte-kinusaiga{border-radius:60% 40% 55% 45% / 40% 62% 38% 60%}
body.rh .rh-carte-img{display:block;width:auto;height:170px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.22))}
@media (max-width:736px){body.rh .rh-cartes a{padding:3rem 3.2rem 3.4rem}body.rh .rh-carte-img{height:140px}}

/* Raccords en vague demandés par Marie (23/10/2026), avec les vagues lin texturées (resources/raconteuse/vagues.py) :
   haut du bloc « Quelles matières… » (paille), bas de la petite FAQ (papier → lin des avis), haut et bas du bloc nouveautés (châtaigne). */
body.rh #what-materials{background-image:url("/images/raconteuse/vagues/2f4fd0f8b7.svg"),url("/images/raconteuse/vagues/748a0eaae7.svg")!important;background-position:center top -2px,center bottom -2px!important;background-size:100% auto,100% auto!important;background-repeat:no-repeat!important;padding-top:9rem}
body.rh #mini-faq{background:url("/images/raconteuse/vagues/748a0eaae7.svg") center bottom -2px/100% auto no-repeat,var(--papier);padding-bottom:9rem}
body.rh .rh-nouveautes{background-image:url("/images/raconteuse/vagues/2f4fd0f8b7.svg"),url("/images/raconteuse/vagues/748a0eaae7.svg"),url(/images/raconteuse/texture-fonce.jpg)!important;background-position:center top -2px,center bottom -2px,0 0!important;background-size:100% auto,100% auto,1200px!important;background-repeat:no-repeat,no-repeat,repeat!important;background-blend-mode:normal,normal,soft-light;padding-top:9rem!important;padding-bottom:9rem!important}
@media (max-width:736px){body.rh #what-materials,body.rh .rh-nouveautes{padding-top:5rem!important}body.rh #mini-faq,body.rh .rh-nouveautes{padding-bottom:5rem!important}}
/* Bloc « Discutons ! » (calendrier, page Histoires…) : papier au lieu du grand aplat jaune (Marie, 23/10/2026) */
body.rh section#calendar.block-style-3,body.rh section#calendar.block-style-4{background-color:var(--papier)!important}

/* ---------- Page Histoires : pas de coins photo sur la grille, trop chargé à 30 photos (Marie, 23/10/2026) ---------- */
body.rh #stories-listing .pola::before{display:none}

/* ---------- Les Essentiels (Marie, 23/10/2026) : pas de coins photo sur les cartes (déjà un cadre et une étiquette) ;
   plus d'aplats jaunes en alternance, le jaune reste au pont vers le sur-mesure intégral. Accessoires en papier, tableaux sur le lin,
   la petite FAQ (papier) prend une vague en haut. ---------- */
body.rh .essentiels-listing .pola::before{display:none}
/* Petite FAQ (papier) → pont (jaune) : une seule vague, papier sur jaune, au lieu de deux vagues lin avec une bande de lin entre elles (Marie, 23/10). */
body.rh .essentiels-listing #mini-faq{background:url("/images/raconteuse/vagues/2f4fd0f8b7.svg") center top -2px/100% auto no-repeat,var(--papier);padding-top:9rem;padding-bottom:4rem}
@media (max-width:736px){body.rh .essentiels-listing #mini-faq{background:var(--papier);padding-top:4rem}}
body.rh .essentiels-listing #mini-faq + .block-style-4.double-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23f7f0e6' d='M1285.6,254.4c40.4-24.8,56-100.5,21.2-141.3-15.1-17.6-57.1-49.3-526.3,1.3-72.2,7.8-247.3,27.5-291.9-40-8.4-12.7-12.3-28.7-30.2-37.3-41.1-19.7-93.2,31.4-155.8,56C137.1,158-39.1,14.4-101.2,74.4c-20.9,20.2-23.8,58.6-7.6,84,40.3,62.9,185.8,25.6,521.8,16,140.9-4,234.2-6.7,364.5,5.3,164.2,15.1,246.3,22.7,322.1,44,93.3,26.3,147.1,54.6,186,30.7h0Z'/></svg>")}
@media (min-width:737px){body.rh .essentiels-listing #mini-faq + .block-style-4.double-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("/images/raconteuse/vagues/748a0eaae7.svg")}}

/* ---------- Page contact : en-tête châtaigne comme les autres pages (sur le lin, le menu crème était illisible), vague lin en bas
   qui passe devant le bas de la photo (23/10/2026) ---------- */
body.rh #contact-hero{position:relative;background:var(--chataigne) url(/images/raconteuse/texture-fonce.jpg) 0 0/1200px repeat;background-blend-mode:soft-light;color:var(--creme);padding-bottom:5rem}
body.rh #contact-hero .h1,body.rh #contact-hero p{color:var(--creme)!important}
body.rh #contact-hero::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:5rem;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 179.5' preserveAspectRatio='none'><path fill='%23f7f0e6' d='M1158.8,57.4c18.5.5,168.4-10.6,231.7,108.4,16.3,30.6,31.4,82.3,9.1,107.4-29.1,32.7-103.9-.3-185.5-22.3-38.6-10.4-80.5-20.2-124.1-29.3-285.6,19.2-797.8-44.5-1025.6-9.8-83.5,12.7-161.5,30.1-186.8-5.6-19.4-27.4,1.5-77.1,21-105.7C-25.2-10.7,165.9,2.9,184.4,4.4c163,13.7,158.2,129.6,342.5,135.1s455.8-87.1,631.9-82.1Z'/></svg>") 0 0/100% 100% no-repeat}
@media (min-width:737px){body.rh #contact-hero::after{background-image:url("/images/raconteuse/vagues/dbf3ec0c45.svg")}}

/* ---------- FAQ : l'en-tête « moitié aplat, moitié photo » de main.css perd sa photo sous le châtaigne : texte centré sur toute la largeur (23/10/2026) ---------- */
body.rh .page-header.with-bg-image header{width:auto;text-align:center}
body.rh .page-header.with-bg-image:before{display:none}

/* ---------- Fiches des Essentiels (Marie, 23/10/2026) : « D'autres Essentiels » en papier (plus d'aplat jaune hors sur-mesure), calendrier sur le lin,
   petite FAQ en papier avec vague en haut, puis une seule vague papier sur jaune vers « Le service sur-mesure ». ---------- */
body.rh #calendar.rh-calendrier-lin{background:transparent}
body.rh .rh-fiche-essentiel #mini-faq{background:url("/images/raconteuse/vagues/2f4fd0f8b7.svg") center top -2px/100% auto no-repeat,var(--papier);padding-top:9rem;padding-bottom:4rem}
@media (max-width:736px){body.rh .rh-fiche-essentiel #mini-faq{background:var(--papier);padding-top:4rem}}
body.rh .rh-fiche-essentiel #mini-faq + #home-surmesure.double-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23f7f0e6' d='M1285.6,254.4c40.4-24.8,56-100.5,21.2-141.3-15.1-17.6-57.1-49.3-526.3,1.3-72.2,7.8-247.3,27.5-291.9-40-8.4-12.7-12.3-28.7-30.2-37.3-41.1-19.7-93.2,31.4-155.8,56C137.1,158-39.1,14.4-101.2,74.4c-20.9,20.2-23.8,58.6-7.6,84,40.3,62.9,185.8,25.6,521.8,16,140.9-4,234.2-6.7,364.5,5.3,164.2,15.1,246.3,22.7,322.1,44,93.3,26.3,147.1,54.6,186,30.7h0Z'/></svg>")!important}
@media (min-width:737px){body.rh .rh-fiche-essentiel #mini-faq + #home-surmesure.double-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("/images/raconteuse/vagues/748a0eaae7.svg")!important}}

/* Pas de surlignage dans les en-têtes (illisible en crème sur jaune, Marie, 23/10/2026) ; il reste dans les titres de blocs et les textes */
body.rh .page-header .stabilo,body.rh .hero-content .stabilo{background:none!important;padding:0}
body.rh .page-header .h1 > span,body.rh .page-header .h1 abbr{color:var(--creme)!important;opacity:.75}

/* ---------- En-têtes de page (hors accueil) : texte trop bas, mangé par la vague (Marie, 23/10/2026). Moins de marge en haut
   (la barre de navigation fait ~62 px), assez en bas pour que le texte finisse au-dessus de la vague. ---------- */
@media (min-width:737px){
  body.rh .page-header{padding-top:7rem!important;padding-bottom:7.5rem!important}
  body.rh #contact-hero{padding-top:7rem!important;padding-bottom:6rem!important}
}

/* ---------- Fiches des histoires (Marie, 23/10/2026) : « D'autres belles histoires » (jaune, vagues en haut et en bas), calendrier sur le lin,
   petite FAQ en papier entre deux vagues lin, puis les avis sur le lin. ---------- */
body.rh .rh-fiche-histoire #mini-faq{padding-top:4rem}
@media (min-width:737px){body.rh .rh-fiche-histoire #mini-faq{background:url("/images/raconteuse/vagues/2f4fd0f8b7.svg") center top -2px/100% auto no-repeat,url("/images/raconteuse/vagues/748a0eaae7.svg") center bottom -2px/100% auto no-repeat,var(--papier);padding-top:9rem}}

/* ---------- Citation de la cliente (fiches des histoires) : petit mot sur papier blanc froissé, un peu de travers, au lieu de la tache jaune
   (même couleur que « D'autres belles histoires » juste en dessous, Marie, 23/10/2026).
   papier-froisse.jpg : image Adobe Stock 2164821454, sous licence (Marie, 25/10/2026). ---------- */
body.rh #story-detail blockquote{background:#fff url(/images/raconteuse/papier-froisse.jpg) center/600px repeat!important;transform:rotate(-1.5deg);box-shadow:0 3px 8px rgba(43,34,29,.22);
  color:var(--encre);padding:2.5rem 3.5rem!important;max-width:34rem}
body.rh #story-detail blockquote::before{top:-2.2rem;left:-1rem}
body.rh #story-detail blockquote::after{bottom:-5rem;right:-1rem}

/* ---------- Revue mobile (23/10/2026) ---------- */
@media (max-width:736px){
  /* « Qui suis-je » : la forme rouge se resserre en bas, le dernier paragraphe débordait */
  body.rh #artist .mea{padding-bottom:10rem}
  body.rh #artist .mea p{padding-left:.7rem;padding-right:.7rem}
  /* boutons sur deux lignes : interligne lisible */
  body.rh a.button{line-height:1.25;height:auto;padding-top:.6em;padding-bottom:.6em}
  /* cartes « autres univers » : la flèche ne part plus seule à la ligne */
  body.rh .rh-carte-titre{white-space:nowrap;font-size:.95em}
  /* bouton de partage : toutes les icônes sur une ligne */
  body.rh .share-links{white-space:nowrap;padding-left:1.2rem;padding-right:1.2rem}
  body.rh .share-links a{margin-left:.15rem;margin-right:.15rem}
  /* pied : colonnes centrées les unes sous les autres */
  body.rh .rh-colonnes nav > ul{flex-direction:column;align-items:center;text-align:center}
  body.rh .rh-colonnes nav > ul ul{justify-content:center}
}

/* Pastille « lien extérieur » des cartes (miroir de portage → coucou-hibou) : châtaigne au lieu du violet (Marie, 23/10/2026) */
body.rh .pola a.out:after{background-color:var(--chataigne)}
body.rh .pola a.out:hover:after{background-color:var(--encre)}

/* Articles du carnet : voile châtaigne sur la photo d'en-tête au lieu du violet (23/10/2026) */
body.rh #article-full-hero:after{background-color:var(--chataigne)}

/* Dernière note du carnet (accueil) : seule la petite étiquette est surlignée, pas tout le titre (23/10/2026) */
body.rh .carnet-teaser .h1 strong{background:none!important;padding:0}
body.rh .carnet-teaser .h1{color:var(--chataigne)}

/* ---------- Carnet de raconteuse et accueil (23/10/2026, Marie) : les avis « Merci de votre confiance » sur le papier, pour alterner avec la grille
   d'articles sur le lin ; la vague du haut des nouveautés prend alors le papier. ---------- */
body.rh:is(:has(#articles-listing),:has(.carnet-teaser)) #reviews{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23f7f0e6' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>") center top -2px/100% auto no-repeat,var(--papier);padding-top:7rem;padding-bottom:4rem}
body.rh:is(:has(#articles-listing),:has(.carnet-teaser)) .rh-nouveautes{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23f7f0e6' d='M1285.6,254.4c40.4-24.8,56-100.5,21.2-141.3-15.1-17.6-57.1-49.3-526.3,1.3-72.2,7.8-247.3,27.5-291.9-40-8.4-12.7-12.3-28.7-30.2-37.3-41.1-19.7-93.2,31.4-155.8,56C137.1,158-39.1,14.4-101.2,74.4c-20.9,20.2-23.8,58.6-7.6,84,40.3,62.9,185.8,25.6,521.8,16,140.9-4,234.2-6.7,364.5,5.3,164.2,15.1,246.3,22.7,322.1,44,93.3,26.3,147.1,54.6,186,30.7h0Z'/></svg>"),url(/images/raconteuse/texture-fonce.jpg)!important}
@media (min-width:737px){
  body.rh:is(:has(#articles-listing),:has(.carnet-teaser)) #reviews{background-image:url("/images/raconteuse/vagues/2f4fd0f8b7.svg");padding-top:12rem}
  /* le creux de la vague descend jusqu'au titre sinon (Marie, 23/10/2026) */
  body.rh:is(:has(#articles-listing),:has(.carnet-teaser)) .rh-nouveautes{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 139.2'><path fill='%23ece0d0' d='M-78.7-117.6c-40.4,24.8-56,100.5-21.2,141.3,15.1,17.6,57.1,49.3,526.3-1.3,72.2-7.8,247.3-27.5,291.9,40,8.4,12.7,12.3,28.7,30.2,37.3,41.1,19.7,93.2-31.4,155.8-56,165.5-64.9,341.7,78.7,403.8,18.7,20.9-20.2,23.8-58.6,7.6-84-40.3-62.9-185.8-25.6-521.8-16-140.9,4-234.2,6.7-364.5-5.3-164.2-15.1-246.3-22.7-322.1-44-93.3-26.3-147.1-54.6-186-30.7Z'/></svg>"),url("/images/raconteuse/vagues/748a0eaae7.svg"),url(/images/raconteuse/texture-fonce.jpg)!important}
}
/* Dernière note du carnet sur l'accueil : sur le lin, après la petite FAQ (sa vague du bas fait la transition) */
body.rh .carnet-teaser{padding-top:4rem;padding-bottom:5rem}

/* Fil d'Ariane (25/10/2026) : sur le bandeau châtaigne, liens en blanc comme la page en cours (body.rh a les mettait en châtaigne, invisibles) */
body.rh #breadcrumbs, body.rh #breadcrumbs a { color: #fff; }