.histoires-index{background:#faf8f5;color:#2d2a26;padding-bottom:1px}.histoires-index .hub{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.histoires-index .breadcrumb{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.75rem 0 2rem;font-size:.8rem;color:#a09a90}.histoires-index .breadcrumb a{color:#8a8478;text-decoration:none}.histoires-index .breadcrumb a:hover{color:#ec4899}.histoires-index .breadcrumb__current{color:#6b645a}.histoires-index .hub__hero{margin-bottom:2rem}.histoires-index .hub__hero-content{margin-bottom:1.2rem}.histoires-index .hub__hero-img{width:100%;height:auto;border-radius:6px;display:block}.histoires-index .hub__hero h1{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2rem,1.5rem + 2vw,2.8rem);font-weight:800;color:#1a1815;line-height:1.12;margin-bottom:.6rem;text-wrap:balance}.histoires-index .hub__hero-sub{font-size:.95rem;color:#6b645a;line-height:1.55;max-width:680px}.histoires-index .hub__intro{color:#3d3832;font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.histoires-index .hub__intro p{margin-bottom:1rem}.histoires-index .hub__intro p:last-child{margin-bottom:0}.histoires-index .section-heading{font-family:Bricolage Grotesque,sans-serif;font-size:1.2rem;font-weight:700;color:#1a1815;margin-bottom:1.2rem}.histoires-index .cat-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:3rem}@media(min-width:640px){.histoires-index .cat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.histoires-index .cat-grid{grid-template-columns:repeat(3,1fr)}}.histoires-index .cat-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid #e8e3dc;border-radius:6px;padding:1.3rem 1.4rem;transition:border-color .2s,box-shadow .2s}.histoires-index .cat-card:hover{border-color:#d4cec5;box-shadow:0 4px 16px #0000000f}.histoires-index .cat-card__title{font-family:Bricolage Grotesque,sans-serif;font-size:1.05rem;font-weight:700;color:#1a1815;margin:0 0 .4rem;transition:color .15s}.histoires-index .cat-card:hover .cat-card__title{color:#ec4899}.histoires-index .cat-card__desc{font-size:.84rem;color:#6b645a;line-height:1.5;margin:0 0 auto;padding-bottom:.9rem}.histoires-index .cat-card__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:.7rem;border-top:1px solid #f0ebe4}.histoires-index .cat-card__count{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#8a8478}.histoires-index .cat-card__count svg{flex-shrink:0}.histoires-index .cat-card__arrow{font-size:.8rem;color:#ec4899;font-weight:600;opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s}.histoires-index .cat-card:hover .cat-card__arrow{opacity:1;transform:translate(0)}.histoires-index .featured,.histoires-index .latest{margin-bottom:3rem}.histoires-index .stories-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.histoires-index .stories-grid{grid-template-columns:repeat(2,1fr)}.histoires-index .story-card--featured{grid-column:1 / -1}}.histoires-index .story-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e8e3dc;border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.histoires-index .story-card:hover{border-color:#d4cec5;box-shadow:0 4px 16px #0000000f}.histoires-index .story-card__inner{padding:1.2rem 1.3rem}.histoires-index .story-card--featured .story-card__title{font-size:1.3rem}.histoires-index .story-card--featured .story-card__desc{-webkit-line-clamp:3}.histoires-index .story-card__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.histoires-index .story-card__cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ec4899}.histoires-index .story-card__title{font-family:Bricolage Grotesque,sans-serif;font-size:1.05rem;font-weight:700;color:#1a1815;line-height:1.3;margin-bottom:.4rem;transition:color .15s}.histoires-index .story-card:hover .story-card__title{color:#ec4899}.histoires-index .story-card__desc{font-size:.85rem;color:#6b645a;line-height:1.55;margin-bottom:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.histoires-index .story-card__actions{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid #f0ebe4}.histoires-index .story-card__action{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500}.histoires-index .story-card__action svg{flex-shrink:0}.histoires-index .story-card__action--read{color:#6b645a}.histoires-index .story-card__action--audio{color:#ec4899;font-weight:600}.histoires-index .hub__seo{margin-top:1rem;margin-bottom:2rem;color:#3d3832;font-size:1rem;line-height:1.8}.histoires-index .hub__seo h2{font-family:Bricolage Grotesque,sans-serif;font-size:1.2rem;font-weight:700;color:#1a1815;margin:2rem 0 .8rem}.histoires-index .hub__seo h2:first-child{margin-top:0}.histoires-index .hub__seo p{margin-bottom:1rem}.histoires-index .hub__seo a{color:#ec4899;text-decoration:underline;text-underline-offset:2px}.histoires-index .hub__seo a:hover{color:#db2777}.histoires-index .hub__faq{margin-top:3rem}.histoires-index .faq-item{border-bottom:1px solid #e8e3dc;padding:1.1rem 0}.histoires-index .faq-item summary{font-weight:600;color:#2d2a26;cursor:pointer;font-size:.95rem;line-height:1.45;list-style:none;display:flex;align-items:baseline;gap:.6rem}.histoires-index .faq-item summary::-webkit-details-marker{display:none}.histoires-index .faq-item summary:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #c4beb5;flex-shrink:0;transition:transform .2s}.histoires-index .faq-item[open] summary:before{transform:rotate(90deg)}.histoires-index .faq-item summary:hover{color:#ec4899}.histoires-index .faq-item p{color:#4a4440;line-height:1.7;margin-top:.6rem;font-size:.9rem}.histoires-index .story-banner{overflow:hidden;margin-bottom:2.5rem;background:#1a1815;border-radius:6px}.histoires-index .story-banner__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.histoires-index .story-banner__profile{position:relative;aspect-ratio:3/4;overflow:hidden}.histoires-index .story-banner__profile img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;filter:brightness(.85);transition:filter .4s,transform .4s}.histoires-index .story-banner:hover .story-banner__profile img{filter:brightness(.95);transform:scale(1.03)}.histoires-index .story-banner__name{position:absolute;bottom:6px;left:6px;font-size:.65rem;font-weight:600;color:#fff;background:#0009;padding:2px 8px;border-radius:3px;white-space:nowrap}.histoires-index .story-banner__badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#22c55e;border-radius:50%;border:1.5px solid #1a1815;animation:histoires-pulse 2s infinite}@keyframes histoires-pulse{0%,to{opacity:1}50%{opacity:.4}}.histoires-index .story-banner__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}.histoires-index .story-banner__copy{flex:1}.histoires-index .story-banner__headline{font-size:.95rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:.15rem}.histoires-index .story-banner__text{font-size:.8rem;color:#ffffff8c;line-height:1.4}.histoires-index .story-banner--compact{background:#1a1815;border-radius:6px;margin-top:2.5rem;margin-bottom:2.5rem}.histoires-index .story-banner__btn{flex-shrink:0;padding:.6rem 1.4rem;background:#ec4899;color:#fff;font-weight:700;font-size:.8rem;border-radius:6px;text-decoration:none;white-space:nowrap;transition:background .15s}.histoires-index .story-banner__btn:hover{background:#db2777}@media(min-width:640px){.histoires-index .story-banner__grid{grid-template-columns:repeat(6,1fr)}.histoires-index .story-banner__profile--hide-sm{display:block}}@media(max-width:639px){.histoires-index .story-banner__grid{grid-template-columns:repeat(4,1fr)}.histoires-index .story-banner__profile--hide-sm{display:none}.histoires-index .story-banner__footer{flex-direction:column;text-align:center;gap:.6rem}.histoires-index .story-banner__btn{width:100%;text-align:center}.histoires-index .story-banner__name{font-size:.58rem;padding:2px 5px}}@media(max-width:480px){.histoires-index .hub__hero h1{font-size:1.8rem}.histoires-index .section-heading{font-size:1.1rem}.histoires-index .story-card__inner{padding:1rem 1.1rem}.histoires-index .cat-card{padding:1.1rem 1.2rem}}