/* ══════════════════════════════════════
         TYPOGRAPHIE GLOBALE — LISIBILITÉ
         ══════════════════════════════════════ */

      /* ══════════════════════════════════════
         SYSTÈME TYPOGRAPHIQUE UNIFIÉ
         Aurea Jeunesse + Aurea Jeunesse Écoles
         ══════════════════════════════════════ */

      /* — H2 de section : couleur unique — */
      .page-aurea-jeunesse .pe-section-header h2,
      .page-aurea-jeunesse-ecoles .pe-section-header h2 {
        color: #2E8A9A;
        font-size: clamp(2.45rem, 3.8vw, 3.25rem);
        line-height: 1.15;
      }
      /* Barre sous le titre : même teinte que le texte (remplace le dégradé #064a59 du thème Aurea général) */
      .page-aurea-jeunesse .pe-section-header h2::after,
      .page-aurea-jeunesse-ecoles .pe-section-header h2::after {
        background: linear-gradient(90deg, #2E8A9A, #247a88);
      }

      /* Mission : H2 hors .pe-section-header — aligné sur les autres titres de page Jeunesse */
      .page-aurea-jeunesse .pe-jeu-intro-section .pe-jeu-intro-content h2 {
        color: #2E8A9A;
        font-size: clamp(2.45rem, 3.8vw, 3.25rem);
        line-height: 1.15;
      }

      /* Titre « spécialistes de l'éducation » : cœur à côté du libellé */
      .page-aurea-jeunesse .pe-jeu-collection-section .pe-jeu-edu-title-row {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35em;
        flex-wrap: wrap;
      }
      .page-aurea-jeunesse .pe-jeu-collection-section .pe-jeu-edu-title-heart {
        flex-shrink: 0;
        width: 0.95em;
        height: 0.95em;
        color: #2E8A9A;
        position: relative;
        top: 0.06em;
      }

      /* — Sous-titres de section (pe-section-intro) : taille, couleur et poids unifiés — */
      .page-aurea-jeunesse .pe-section-intro,
      .page-aurea-jeunesse-ecoles .pe-section-intro {
        font-size: 1.15rem;
        font-weight: 500;
        color: #2d2d2d;
      }

      /* — Paragraphes de corps : taille et poids uniformes — */
      .page-aurea-jeunesse p,
      .page-aurea-jeunesse-ecoles p {
        font-size: 1.05rem;
        font-weight: 400;
        line-height: 1.75;
      }

      /* — Hero : légèrement plus grand que le corps — */
      .page-aurea-jeunesse .pe-jeu-hero-text,
      .page-aurea-jeunesse-ecoles .pe-jeu-hero-text {
        font-size: 1.25rem;
        font-weight: 400;
      }

      /* — Titres principaux (Hero) — */
      .page-aurea-jeunesse .pe-jeu-hero h1,
      .page-aurea-jeunesse-ecoles .pe-jeu-hero h1 {
        font-size: clamp(3.25rem, 5.4vw, 4.6rem);
        line-height: 1.05;
      }

      .page-aurea-jeunesse .pe-jeu-hero-eyebrow,
      .page-aurea-jeunesse-ecoles .pe-jeu-hero-eyebrow {
        font-size: clamp(1.75rem, 2.4vw, 2.2rem) !important;
        line-height: 1.1;
      }
      .page-aurea-jeunesse .pe-jeu-hero-accent,
      .page-aurea-jeunesse-ecoles .pe-jeu-hero-accent {
        font-style: normal;
      }

      /* — Titres des cartes Nouveautés + Parutions à venir (même échelle) — */
      .page-aurea-jeunesse .pe-jeu-nvt-titre,
      .page-aurea-jeunesse-ecoles .pe-jeu-nvt-titre,
      .page-aurea-jeunesse .pe-jeu-avenir-info h3,
      .page-aurea-jeunesse-ecoles .pe-jeu-avenir-info h3 {
        font-size: 1.2rem;
        line-height: 1.3;
      }

      /* — CTA block — */
      .page-aurea-jeunesse .pe-jeu-cta-eyebrow,
      .page-aurea-jeunesse-ecoles .pe-jeu-cta-eyebrow {
        font-size: 1.6rem;
      }

      /* ══════════════════════════════════════
         HERO — GOLD + SHAPES ACCENTUÉES
         ══════════════════════════════════════ */

      /* Hero — beige signature + wave */
      .pe-jeu-hero {
        --pe-jeu-gold: #c4a44a;
        min-height: 780px;
        padding-top: calc(110px + 5rem);
        padding-bottom: 10rem;
        overflow: hidden;
      }

      /* Section mission — fond crème pour contraste avec hero beige */
      .page-aurea-jeunesse .pe-jeu-intro-section {
        background: #f8f3ee !important;
        margin-top: 0;
      }

      /* Supprimer le gap entre la wave et la section mission */
      .page-aurea-jeunesse .pe-jeu-intro-section { margin-top: 0; }

      /* Mission : texte un peu plus grand (sans impacter tout le site) */
      .page-aurea-jeunesse .pe-jeu-intro-section .pe-jeu-intro-content p {
        font-size: 1.15rem;
        line-height: 1.85;
      }
      .page-aurea-jeunesse .pe-jeu-intro-section .pe-jeu-intro-content p strong {
        font-size: 1.22rem;
      }

      /* Toutes les pages Aurea Jeunesse — CTA en bleu ciel */
      .page-aurea-jeunesse .pe-jeu-cta {
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
      }
      /* Boutons dans le CTA : primary = gold pour contraster sur fond bleu, outline = blanc */
      .page-aurea-jeunesse .pe-jeu-cta .pe-btn-primary {
        background: #c4a44a;
        color: #1a2942;
        box-shadow: 0 4px 14px rgba(196,164,74,.35);
      }
      .page-aurea-jeunesse .pe-jeu-cta .pe-btn-primary:hover {
        background: #ad8b2a;
        box-shadow: 0 6px 20px rgba(196,164,74,.45);
      }
      .page-aurea-jeunesse .pe-jeu-cta .pe-btn-outline {
        background: transparent;
        border-color: rgba(255,255,255,.75);
        color: #ffffff;
        box-shadow: none;
      }
      .page-aurea-jeunesse .pe-jeu-cta .pe-btn-outline:hover {
        background: rgba(255,255,255,.15);
        border-color: #ffffff;
      }
      /* Boutons primary hors hero et hors CTA : bleu ciel */
      .page-aurea-jeunesse .pe-btn-primary {
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
        color: #ffffff;
      }
      .page-aurea-jeunesse .pe-btn-primary:hover {
        background: linear-gradient(135deg, #1a5a68 0%, #236e7c 100%);
      }

      /* Page écoles — 1re section après hero en crème pour contraste avec la wave */
      .page-aurea-jeunesse-ecoles .pe-jeu-fiches-section {
        background: #f8f3ee !important;
        margin-top: 0;
      }

      /* ── Tabs matériel pédagogique (page écoles) ── */
      .pe-ecole-tabs { margin-top: 2.5rem; }

      .pe-ecole-tab-nav {
        display: flex;
        gap: .6rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
      }

      .pe-ecole-tab-btn {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .65rem 1.5rem;
        border-radius: 100px;
        border: 2px solid rgba(30,95,107,.22);
        background: #fff;
        color: #4a7070;
        font-size: .88rem;
        font-weight: 600;
        cursor: pointer;
        transition: all .18s;
        font-family: inherit;
      }
      .pe-ecole-tab-btn:hover:not(.active) {
        border-color: #1E5F6B;
        color: #1E5F6B;
        background: rgba(30,95,107,.05);
      }
      .pe-ecole-tab-btn.active {
        background: #1E5F6B;
        border-color: #1E5F6B;
        color: #fff;
        box-shadow: 0 4px 14px rgba(30,95,107,.22);
      }
      .pe-ecole-tab-icon { font-size: 1rem; }

      .pe-ecole-tab-panel {
        background: #fff;
        border-radius: 20px;
        padding: 2rem 2.25rem;
        box-shadow: 0 6px 28px rgba(9,70,82,.08);
        border: 1px solid rgba(107,191,204,.18);
        animation: peTabFadeIn .2s ease;
      }
      .pe-ecole-tab-panel.hidden { display: none; }

      @keyframes peTabFadeIn {
        from { opacity: 0; transform: translateY(5px); }
        to   { opacity: 1; transform: translateY(0); }
      }

      /* Matériel : 2 colonnes dans le panel */
      .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-mat-items-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .55rem;
      }

      /* Niveaux : bordure gauche colorée + masquer le dot */
      .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-mat-level-card {
        border-left: 5px solid var(--lc);
        border-radius: 12px;
        padding: 1rem 1.2rem;
      }
      .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-mat-level-dot { display: none; }

      /* Thèmes : 3 colonnes */
      .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-jeu-mat-themes {
        grid-template-columns: repeat(3, 1fr);
      }

      /* Wave bottom */
      .pe-jeu-hero-wave {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        line-height: 0;
        z-index: 3;
      }
      .pe-jeu-hero-wave svg {
        display: block;
        width: 100%;
        height: 110px;
      }

      /* Shapes plus visibles */
      .pe-jeu-hero .pe-jeu-shape { opacity: .24; }

      /* Circle principal — plus grand */
      .pe-jeu-hero .pe-jeu-shape-circle {
        width: 380px; height: 380px;
        top: -80px; right: -70px;
      }
      /* Star — agrandie */
      .pe-jeu-hero .pe-jeu-shape-star {
        width: 180px; height: 180px;
        bottom: 10%; left: 4%;
      }
      /* Squiggle — légèrement plus grand */
      .pe-jeu-hero .pe-jeu-shape-squiggle {
        width: 90px; height: 90px;
        bottom: 12%; right: 6%;
      }
      /* Dot — plus visible */
      .pe-jeu-hero .pe-jeu-shape-dot {
        width: 72px; height: 72px;
        top: 18%; right: 18%;
      }
      /* Triangle */
      .pe-jeu-hero .pe-jeu-shape-triangle {
        width: 110px; height: 110px;
        top: 28%; left: 2%;
      }
      /* Grand cercle mint à gauche */
      .pe-jeu-hero .pe-jeu-shape-blob-left {
        width: 260px; height: 260px;
        background: var(--pe-jeu-mint);
        top: -40px; left: -70px;
        animation: pe-jeu-float 13s ease-in-out infinite 2s;
      }
      /* Petit cercle gold en bas à gauche */
      .pe-jeu-hero .pe-jeu-shape-blob-btm {
        width: 80px; height: 80px;
        background: var(--pe-jeu-gold);
        bottom: 18%; left: 20%;
        animation: pe-jeu-float 9s ease-in-out infinite 0.8s;
      }

      /* Bouton primary : gold cohérent */
      .pe-jeu-hero .pe-btn-primary {
        background: #c4a44a;
        color: #1a2942;
        box-shadow: 0 4px 14px rgba(196,164,74,.35);
      }
      .pe-jeu-hero .pe-btn-primary:hover {
        background: #ad8b2a;
        box-shadow: 0 6px 20px rgba(196,164,74,.45);
      }
      .pe-jeu-hero .pe-btn-outline {
        color: #1a5a68;
        border-color: #1a5a68;
        background: transparent;
      }
      .pe-jeu-hero .pe-btn-outline:hover {
        background: rgba(26,90,104,.08);
        border-color: #2E8A9A;
        color: #2E8A9A;
      }

      /* ══════════════════════════════════════
         SECTION INTRO — LIVRE AVEC SHADOW
         ══════════════════════════════════════ */

      .pe-jeu-intro-book-wrap {
        position: relative;
        display: inline-block;
      }
      .pe-jeu-intro-book-img {
        display: block;
        border-radius: 12px;
        transform: rotate(3deg);
        box-shadow:
          0 2px 4px  rgba(60,35,10,.08),
          0 8px 20px rgba(60,35,10,.16),
          0 28px 56px rgba(60,35,10,.2);
        transition: transform .4s cubic-bezier(.25,.46,.45,.94),
                    box-shadow .4s cubic-bezier(.25,.46,.45,.94);
        will-change: transform;
      }
      .pe-jeu-intro-book-wrap:hover .pe-jeu-intro-book-img {
        transform: rotate(1deg) translateY(-8px) scale(1.01);
        box-shadow:
          0 4px 8px  rgba(60,35,10,.08),
          0 16px 32px rgba(60,35,10,.18),
          0 40px 72px rgba(60,35,10,.22);
      }
      /* Ellipse au sol */
      .pe-jeu-intro-book-shadow {
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
        height: 18px;
        background: radial-gradient(ellipse at center, rgba(60,35,10,.22) 0%, transparent 70%);
        transition: width .4s ease, opacity .4s ease;
        pointer-events: none;
      }
      .pe-jeu-intro-book-wrap:hover .pe-jeu-intro-book-shadow {
        width: 60%;
        opacity: .7;
      }

      /* ══════════════════════════════════════
         SECTION MATÉRIEL — REDESIGN COMPLET
         ══════════════════════════════════════ */

      /* Section fond allégé */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section {
        background: #f4fbfc;
        color: #134b57;
        position: relative;
        padding-bottom: 6rem;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 220px;
        background: linear-gradient(
          to bottom,
          rgba(244,251,252,0)    0%,
          rgba(244,251,252,.32) 35%,
          rgba(244,251,252,.72) 66%,
          #ffffff               100%
        );
        pointer-events: none;
        z-index: 0;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-container {
        position: relative;
        z-index: 1;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-section-header h2 {
        color: #2E8A9A;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-section-intro {
        color: #2d2d2d;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-fiches-repro {
        color: #4f727a;
        font-style: italic;
        font-size: 1rem;
      }
      /* Mise en évidence sobre */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section strong {
        color: #0d5a67;
        font-weight: 800;
        display: inline-block;
        padding: 0 .24em;
        border-radius: .35em;
        background: #eef7f8;
        border: 1px solid #c7e6eb;
        line-height: 1.2;
        -webkit-text-stroke: 0;
        text-shadow: none;
      }

      /* Grid 3 colonnes */
      .pe-jeu-materiel-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: 2rem;
        margin-top: 3rem;
      }
      .pe-jeu-materiel-grid > :nth-child(3) {
        grid-column: 1 / -1;
      }

      /* Bloc colonne — sobre et lisible */
      .pe-jeu-materiel-col {
        background: #ffffff;
        border-radius: 16px;
        padding: 1.75rem 1.6rem;
        border: 1px solid #d5e8ec;
        box-shadow: 0 8px 20px rgba(9, 70, 82, .08);
      }

      /* Titre colonne */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section h3.pe-jeu-materiel-col-title {
        font-size: .62rem;
        font-weight: 800;
        color: #0d5a67;
        text-transform: uppercase;
        letter-spacing: .18em;
        margin: 0 0 .5rem;
        padding-bottom: .8rem;
        border-bottom: 2px solid rgba(107,191,204,.22);
        display: block;
      }
      .pe-jeu-mat-subtitle {
        margin: 0 0 1rem;
        font-size: .95rem;
        color: #517079;
        line-height: 1.35;
      }

      /* ── Colonne 1 : tuiles matériel ── */
      .pe-mat-items-grid {
        display: flex;
        flex-direction: column;
        gap: .45rem;
      }
      .pe-mat-item {
        display: flex;
        align-items: center;
        gap: .75rem;
        padding: .7rem .9rem;
        background:
          linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.78) 100%);
        border-radius: 12px;
        border: 1px solid rgba(46,138,154,.16);
        box-shadow: 0 10px 28px rgba(13, 90, 103, .06);
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
      }
      .pe-mat-item:hover {
        transform: translateY(-1px);
        background:
          linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,253,255,.86) 100%);
        border-color: rgba(46,138,154,.26);
        box-shadow: 0 14px 36px rgba(13, 90, 103, .10);
      }
      .pe-mat-item.avenir {
        opacity: .55;
        background: transparent;
        box-shadow: none;
        border-style: dashed;
        border-color: rgba(46,138,154,.22);
        cursor: not-allowed;
        pointer-events: none;
      }
      .pe-mat-item-icon {
        font-size: 1.15rem;
        flex-shrink: 0;
        line-height: 1;
        width: 2.15rem;
        height: 2.15rem;
        display: grid;
        place-items: center;
        text-align: center;
        border-radius: 999px;
        background: rgba(107,191,204,.14);
        border: 1px solid rgba(46,138,154,.18);
      }
      .pe-mat-item-icon-abc {
        color: #064a59;
        background: rgba(46,138,154,.20);
        border-color: rgba(6,74,89,.28);
      }
      .pe-mat-item-icon-abc svg {
        display: block;
      }
      .pe-mat-item-text { flex: 1; }
      /* Textes sombres dans les cards crème */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col {
        color: #1a2e38;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-mat-item-label {
        font-size: .95rem;
        color: #1a2e38;
        font-weight: 650;
        display: block;
        line-height: 1.3;
      }
      .pe-mat-badge-avenir {
        font-size: .55rem;
        font-weight: 700;
        background: transparent;
        color: #c4a44a;
        padding: .1em .5em;
        border-radius: 3px;
        border: 1px solid rgba(196,164,74,.5);
        text-transform: uppercase;
        letter-spacing: .07em;
        display: inline-block;
        margin-top: .2rem;
      }

      /* ── Colonne 2 : cards niveau ── */
      .pe-mat-levels {
        display: flex;
        flex-direction: column;
        gap: .5rem;
      }
      /* Links dans les cards */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section a {
        color: #6BBFCC;
      }
      .pe-mat-level-card {
        display: flex;
        align-items: center;
        padding: .75rem 1rem;
        background: rgba(107,191,204,.06);
        border-radius: 10px;
        text-decoration: none;
        border: 1px solid rgba(107,191,204,.12);
        position: relative;
        transition: background .2s, transform .2s, box-shadow .2s;
        cursor: pointer;
      }
      .pe-mat-level-card:hover {
        background: rgba(107,191,204,.13);
        transform: translateX(4px);
        box-shadow: 0 2px 10px rgba(107,191,204,.12);
      }
      .pe-mat-level-card--cycle1 { --lc: #4ade80; }
      .pe-mat-level-card--cycle2 { --lc: #fb923c; }
      .pe-mat-level-card--cycle3 { --lc: #a78bfa; }
      .pe-mat-level-card--sec1   { --lc: #60a5fa; }
      .pe-mat-level-card--ya     { --lc: #f472b6; }
      .pe-mat-level-dot {
        width: 10px; height: 10px;
        border-radius: 50%;
        flex-shrink: 0;
        background: var(--lc, #c4a44a);
        box-shadow: 0 0 0 3px rgba(255,255,255,.15);
      }
      .pe-mat-level-info {
        flex: 1;
        padding-left: .85rem;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-mat-level-name {
        font-size: 1rem;
        font-weight: 600;
        color: #6BBFCC;
        display: block;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-mat-level-age {
        font-size: .82rem;
        color: #5a7070;
        display: inline-block;
        margin-top: .25rem;
        background: rgba(107,191,204,.09);
        padding: .15em .6em;
        border-radius: 20px;
        border: 1px solid rgba(107,191,204,.15);
        letter-spacing: .02em;
        font-weight: 500;
      }
      .pe-mat-level-arrow {
        color: #c4a44a;
        font-size: 1rem;
        opacity: .4;
        transition: opacity .2s, transform .2s;
        transform: translateX(0);
      }
      .pe-mat-level-card:hover .pe-mat-level-arrow {
        opacity: 1;
        transform: translateX(3px);
      }

      /* ── Colonne 3 : nuage de thèmes ── */
      .pe-jeu-mat-themes {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill {
        font-size: 1rem;
        font-weight: 600;
        color: #1a5a68;
        line-height: 1.25;
        min-height: 48px;
        padding: .65rem .85rem;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid #c7e3e8;
        border-left: 3px solid var(--theme-accent, #6BBFCC);
        text-decoration: none;
        transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;
        display: flex;
        align-items: center;
        gap: .45rem;
        white-space: normal;
      }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill:hover {
        background: #f7fcfd;
        border-color: #add5dc;
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(9, 70, 82, .1);
      }
      /* Hover/focus sur les thématiques (utilisées aussi hors de la section fiches) */
      .pe-main-aurea .pe-jeu-theme-pill {
        transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;
      }
      .pe-main-aurea .pe-jeu-theme-pill:hover,
      .pe-main-aurea .pe-jeu-theme-pill:focus-visible {
        background: #f7fcfd;
        border-color: #add5dc;
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(9, 70, 82, .1);
        outline: none;
      }

      /* ── Accent color par thème (style sobre + icône colorée) ── */
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="rentrée"]         { --theme-accent: #e4c46d; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="fêtes"]            { --theme-accent: #e4c46d; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="vacances"]         { --theme-accent: #e4c46d; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="différence"]       { --theme-accent: #8cc89b; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="famille"]          { --theme-accent: #7fb9dc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="amitié"]           { --theme-accent: #7fb9dc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="cultures du monde"] { --theme-accent: #6bbfcc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="fantastique"]      { --theme-accent: #7fb9dc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="animaux"]          { --theme-accent: #8cc89b; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="sports"]           { --theme-accent: #6bbfcc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="émotions"]         { --theme-accent: #7fb9dc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="enquête"]          { --theme-accent: #6bbfcc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="santé"]            { --theme-accent: #8cc89b; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="amour"]            { --theme-accent: #7fb9dc; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="aventure"]         { --theme-accent: #e4c46d; }
      .pe-main-aurea .pe-section.pe-jeu-fiches-section .pe-jeu-materiel-col .pe-jeu-mat-themes .pe-jeu-theme-pill[data-theme="environnement"]    { --theme-accent: #8cc89b; }

      /* ── Filtres thématiques ── */
      .pe-jeu-theme-filters {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
        margin: 1.25rem 0 2rem;
      }
      .pe-jeu-theme-btn {
        font-size: .8rem;
        padding: .35rem .85rem;
        border: 1px solid rgba(143,113,48,.3);
        border-radius: 20px;
        background: transparent;
        color: #6b7280;
        cursor: pointer;
        transition: all .2s;
        font-family: inherit;
      }
      .pe-jeu-theme-btn:hover { background: rgba(143,113,48,.1); color: #8f7130; }
      .pe-jeu-theme-btn-active {
        background: #8f7130 !important;
        color: #fff !important;
        border-color: #8f7130 !important;
      }

      /* ════════════════════════════════════
         LIVRE CARDS — FLIP CARD
         ════════════════════════════════════ */
      .pe-section.pe-jeu-livres-section {
        position: relative;
        overflow: hidden;
      }

      .pe-section.pe-jeu-livres-section::before,
      .pe-section.pe-jeu-livres-section::after {
        content: none;
      }
      .pe-section.pe-jeu-livres-section .pe-container {
        position: relative;
        z-index: 1;
      }

      /* ── Effet bibliothèque (page écoles) ── */

      /* Fond légèrement plus chaud — sensation de mur de bibliothèque */
      .page-aurea-jeunesse-ecoles .pe-jeu-livres-section {
        background: #e8d8c8;
      }

      /* Buffer bas: éviter que la dernière rangée soit “coupée” (page écoles) */
      .page-aurea-jeunesse-ecoles #livres-par-niveau .pe-container {
        padding-bottom: 7.5rem;
      }

      /* Espace entre la grille livres et le CTA boutique (page écoles) */
      .page-aurea-jeunesse-ecoles .pe-jeu-cta-section {
        margin-top: 3.5rem;
      }

      /* Logo Aurea Jeunesse agrandi dans le bloc CTA écoles */
      .page-aurea-jeunesse-ecoles .pe-jeu-cta-visual .pe-logo-img-aurea-jeunesse {
        height: 140px;
      }

      /* Livres : ombre portée vers le bas comme posés sur la planche */
      .page-aurea-jeunesse-ecoles .pe-jeu-livres-section .pe-livre-card-front img {
        box-shadow:
          2px 0 6px rgba(0,0,0,.12),
          -2px 0 6px rgba(0,0,0,.08),
          0 12px 24px rgba(0,0,0,.22);
        border-radius: 4px;
      }

      /* Planche d'étagère — injectée par JS, une par rangée */
      .pe-shelf {
        position: absolute;
        left: 0;
        height: 22px;
        background:
          linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.06) 20%, transparent 45%),
          repeating-linear-gradient(
            91deg,
            transparent 0px, transparent 14px,
            rgba(0,0,0,.045) 14px, rgba(0,0,0,.045) 15px,
            transparent 15px, transparent 24px,
            rgba(255,255,255,.06) 24px, rgba(255,255,255,.06) 25px
          ),
          linear-gradient(180deg, #d4a84b 0%, #c49640 25%, #a87c30 55%, #8a6222 80%, #705018 100%);
        border-radius: 1px 1px 3px 3px;
        box-shadow:
          0 8px 24px rgba(0,0,0,.32),
          0 2px 6px rgba(0,0,0,.18),
          inset 0 1px 0 rgba(255,255,255,.28),
          inset 0 -2px 0 rgba(0,0,0,.2);
        z-index: 2;
        pointer-events: none;
      }
      .pe-jeu-livres-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18rem 1.25rem; /* row-gap pour accueillir le panneau texte (~245px) */
        position: relative;
        position: relative;
        align-items: start;
      }

      /* Conteneur carte */
      .pe-livre-card {
        cursor: pointer;
        position: relative;
        z-index: 1;
        background: transparent;
        border: none;
        box-shadow: none;
        overflow: visible;
        transition: z-index 0s .25s;
      }
      .pe-livre-card:hover,
      .pe-livre-card:focus {
        z-index: 10;
        transition: z-index 0s 0s;
        transform: none;
      }

      /* Inner */
      .pe-livre-card-inner {
        position: relative;
        width: 100%;
        height: auto;
      }

      /* ── FACE AVANT ── */
      .pe-livre-card-front {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
      }

      /* ── FACE ARRIÈRE ── absolue, retournée de 180° */
      .pe-livre-card-back {
        /* On remplace l’effet flip : la face arrière n’est plus utilisée. */
        display: none;
      }
      .pe-livre-back-titre {
        font-family: 'Playfair Display', Georgia, serif !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        line-height: 1.38;
        margin: 0 0 .35rem !important;
        opacity: 1 !important;
      }
      .pe-livre-back-auteur {
        font-size: .78rem !important;
        color: #c4a44a !important;
        font-style: italic;
        margin: 0 0 1rem !important;
        padding-bottom: .8rem;
        border-bottom: 1px solid rgba(143,113,48,.45);
        opacity: 1 !important;
      }
      .pe-livre-back-mat-label {
        display: block;
        font-size: .62rem;
        font-weight: 700;
        color: #c4a44a !important;
        text-transform: uppercase;
        letter-spacing: .12em;
        margin-bottom: .55rem;
        opacity: 1 !important;
      }
      .pe-livre-back-mat-list {
        list-style: none;
        padding: 0;
        margin: 0 0 1rem;
      }
      .pe-livre-back-mat-list li {
        font-size: .82rem;
        color: rgba(255,255,255,.9) !important;
        padding: .32rem 0 .32rem .9rem;
        border-bottom: 1px solid rgba(255,255,255,.08);
        position: relative;
        opacity: 1 !important;
      }
      .pe-livre-back-mat-list li::before {
        content: '▸';
        position: absolute;
        left: 0;
        color: #c4a44a;
        font-size: .65rem;
        top: .38rem;
      }
      .pe-livre-back-cycles {
        display: flex;
        flex-wrap: wrap;
        gap: .3rem;
        margin-top: auto;
        padding-top: .8rem;
      }

      /* ── Cover — format livre 2:3, image remplie sans background visible ── */
      .pe-livre-cover {
        aspect-ratio: 2 / 3;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        display: block;
        flex-shrink: 0;
        background: transparent;
        border-radius: 8px;
        box-shadow: 0 2px 12px rgba(0,0,0,.10);
        transition: box-shadow .22s ease;
      }
      .pe-livre-card:hover .pe-livre-cover {
        box-shadow: 0 8px 28px rgba(0,0,0,.18);
      }
      .pe-livre-cover img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center center;
        display: block;
        border: 0;
        outline: 0;
        box-shadow: none;
        border-radius: 0;
        transition: transform .32s ease, opacity .25s ease;
      }
      .pe-livre-card:hover .pe-livre-cover img,
      .pe-livre-card:focus .pe-livre-cover img {
        transform: scale(1.04);
        opacity: 1;
      }
      .pe-livre-cover-overlay {
        position: absolute;
        inset: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .6rem;
        background: rgba(8, 28, 36, .52);
        backdrop-filter: blur(2px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .22s ease;
      }
      .pe-livre-card:hover .pe-livre-cover-overlay,
      .pe-livre-card:focus .pe-livre-cover-overlay {
        opacity: 1;
        pointer-events: auto;
      }

      /* ── Placeholder couverture : sans background, juste l'ombre de la cover ── */
      .pe-livre-ph {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent;
        border-radius: inherit;
      }
      .pe-livre-ph-logo {
        width: 70%;
        max-width: 130px;
        opacity: .18;
        display: block;
        position: relative;
        z-index: 2;
        filter: none;
      }
      .pe-livre-ph-title {
        position: absolute !important;
        bottom: 0 !important; left: 0 !important; right: 0 !important;
        z-index: 3;
        font-family: 'Bricolage Grotesque', sans-serif !important;
        font-size: .82rem !important;
        font-weight: 700 !important;
        color: #3a3028 !important;
        text-align: center !important;
        line-height: 1.45;
        padding: 1rem .9rem .9rem !important;
        margin: 0 !important;
        background: none;
        text-shadow: none !important;
      }

      /* ── Badges flottants ── */
      .pe-livre-badge {
        position: absolute;
        font-size: .58rem; font-weight: 700;
        padding: .25em .65em;
        text-transform: uppercase; letter-spacing: .07em;
        z-index: 10; border-radius: 3px;
      }
      .pe-livre-badge-avenir { top: 8px; right: 8px; background: rgba(180,100,20,.9); color: #fff; }
      .pe-livre-badge-zanimo { top: 8px; left: 8px; background: rgba(4,120,80,.9); color: #fff; }

      /* ── Accent bar ── */
      .pe-livre-accent {
        height: 4px;
        background: linear-gradient(90deg, #8f7130 0%, #c4a44a 50%, rgba(143,113,48,.1) 100%);
        flex-shrink: 0;
        width: 100%;
        margin: 0 auto;
      }

      /* ── Accent bar ── */
      .pe-livre-accent {
        height: 3px;
        background: linear-gradient(90deg, #8f7130 0%, #c4a44a 50%, rgba(143,113,48,.1) 100%);
        flex-shrink: 0;
        width: 100%;
      }

      /* ── Info — panneau sous l'image, hors du flux, apparaît au hover ── */
      .pe-livre-info {
        position: absolute;
        top: 100%; /* juste sous card-front (cover + accent) */
        left: 0;
        right: 0;
        z-index: 30;
        padding: .9rem 1rem 1.1rem;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 8px 24px rgba(0,0,0,.12);
        opacity: 0;
        transform: translateY(-6px);
        pointer-events: none;
        transition: opacity .22s ease, transform .22s ease;
      }

      .pe-livre-card:hover .pe-livre-info,
      .pe-livre-card:focus .pe-livre-info {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }
      .pe-livre-titre {
        font-family: 'Bricolage Grotesque', 'Playfair Display', Georgia, serif !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        color: #0d0d0d !important;
        line-height: 1.35 !important;
        margin: 0 0 .4rem !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        min-height: 2.85rem;
      }
      .pe-livre-auteur {
        font-size: .82rem !important;
        font-weight: 400 !important;
        color: #6BBFCC !important;
        font-style: italic !important;
        margin: 0 0 .75rem !important;
        padding-bottom: .7rem !important;
        border-bottom: 1px solid rgba(143,113,48,.2) !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .pe-livre-cycles {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem;
        margin-bottom: .65rem;
      }
      .pe-livre-ressources {
        margin: 0;
        width: min(88%, 320px);
        background: rgba(10, 40, 48, .62);
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 12px;
        padding: .6rem;
        box-shadow: 0 4px 14px rgba(0,0,0,.2);
      }
      .pe-livre-ressources-label {
        display: block;
        font-size: .63rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #f5e6c2;
        margin-bottom: .45rem;
        text-align: center;
      }
      .pe-livre-ressources-list {
        display: flex;
        flex-direction: column;
        gap: .38rem;
        max-height: 60%;
        overflow: auto;
      }
      .pe-livre-ressource-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .45rem;
        padding: .52rem .62rem;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,.35);
        background: rgba(255,255,255,.88);
        color: #1f2a38;
        font-size: .74rem;
        font-weight: 600;
        line-height: 1.2;
        cursor: pointer;
        transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
      }
      .pe-livre-ressource-btn:hover {
        background: #ffffff;
        border-color: rgba(255,255,255,.7);
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0,0,0,.16);
      }
      .pe-livre-ressource-text {
        text-align: left;
        flex: 1;
      }
      .pe-livre-ressource-icon {
        flex-shrink: 0;
        color: #5f4f2a;
        font-size: .9rem;
      }
      .pe-livre-ressources-empty .pe-livre-ressources-none {
        display: block;
        font-size: .72rem;
        color: rgba(255,255,255,.92);
        text-align: center;
      }
      .pe-livre-cycle-badge {
        font-size: .68rem;
        font-weight: 700;
        padding: .3em .8em;
        border-radius: 20px;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .pe-cycle-cycle1 { background: #c8edda; color: #145c30; border: 1px solid #8fd4ae; }
      .pe-cycle-cycle2 { background: #fde0c4; color: #7a2e0a; border: 1px solid #f0ae7a; }
      .pe-cycle-cycle3 { background: #e8e0fc; color: #3a2080; border: 1px solid #b8a8f0; }
      .pe-cycle-sec1   { background: #d0e4fc; color: #103060; border: 1px solid #90b8f0; }
      .pe-cycle-ya     { background: #fcd8e4; color: #680c28; border: 1px solid #f090b0; }

      /* ── Thèmes ── */
      .pe-livre-themes {
        display: flex;
        flex-wrap: wrap;
        gap: .3rem;
        margin-top: auto;
        padding-top: .5rem;
      }
      .pe-livre-theme-tag {
        font-size: .72rem;
        background: transparent;
        color: #7a6030;
        padding: .22em .65em;
        border-radius: 20px;
        border: 1px solid rgba(143,113,48,.3);
      }
      .pe-livre-theme-more {
        cursor: help;
      }

      /* Centrage du bouton "Tous" */
      #level-tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
        align-items: stretch;
        gap: .9rem;
        background: #e8dfd5;
        border-radius: 20px;
        padding: .8rem;
        box-sizing: border-box;
      }
      #level-tabs .pe-jeu-tab {
        position: relative;
        overflow: hidden;
        min-height: 122px;
        padding: .9rem .9rem 2.35rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: .22rem;
        border-radius: 16px;
        background: #f1ece8;
        border: 1px solid #e4d9cf;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
        text-align: left;
        width: 100%;
        min-width: 0;
        white-space: normal;
        box-sizing: border-box;
      }
      #level-tabs .pe-jeu-tab .pe-jeu-tab-emoji {
        line-height: 1;
      }
      #level-tabs .pe-jeu-tab .pe-jeu-tab-label {
        line-height: 1.15;
      }
      #level-tabs .pe-jeu-tab .pe-jeu-tab-age {
        margin-top: .08rem;
      }
      #level-tabs .pe-jeu-tab[data-level="all"] {
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 122px;
        padding: .9rem;
      }
      #level-tabs .pe-jeu-tab .pe-jeu-tab-hover-art {
        position: absolute;
        left: .6rem;
        bottom: .5rem;
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: .04em;
        padding: .12rem .34rem;
        border-radius: 999px;
        background: rgba(255,255,255,.86);
        border: 1px solid rgba(180, 207, 213, .72);
        box-shadow: 0 6px 14px rgba(15, 63, 73, .16);
        opacity: 0;
        transform: translateY(10px) scale(.9);
        transition: opacity .22s ease, transform .22s ease;
        pointer-events: none;
      }
      #level-tabs .pe-jeu-tab:hover .pe-jeu-tab-hover-art,
      #level-tabs .pe-jeu-tab:focus-visible .pe-jeu-tab-hover-art,
      #level-tabs .pe-jeu-tab.pe-jeu-tab-active .pe-jeu-tab-hover-art {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
      #level-tabs .pe-jeu-tab[data-level="all"] .pe-jeu-tab-hover-art {
        display: none;
      }

      /* Page écoles : supprimer les émojis hover-art */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab-hover-art {
        display: none !important;
      }

      /* Réduire le padding bas libéré par la suppression des hover-art */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab {
        padding-bottom: 1rem;
        border-top: 3.5px solid transparent;
        transition: background .22s, box-shadow .22s, border-color .22s;
      }

      /* Label : Playfair + teal foncé */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab .pe-jeu-tab-label {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: .97rem;
        font-weight: 700;
        color: #1a2e38;
        line-height: 1.2;
      }

      /* Age : petit badge coloré selon le niveau */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab .pe-jeu-tab-age {
        display: inline-block;
        font-size: .67rem;
        font-weight: 700;
        letter-spacing: .04em;
        padding: .18em .6em;
        border-radius: 100px;
        margin-top: .3rem;
        background: rgba(0,0,0,.06);
        color: #4a6065;
      }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"] .pe-jeu-tab-age { background: rgba(74,222,128,.2); color: #1a6635; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"] .pe-jeu-tab-age { background: rgba(251,146,60,.2); color: #8a4010; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"] .pe-jeu-tab-age { background: rgba(167,139,250,.2); color: #5b3db5; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"] .pe-jeu-tab-age  { background: rgba(96,165,250,.2);  color: #1a4d8a; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="ya"] .pe-jeu-tab-age   { background: rgba(244,114,182,.2); color: #8a1a5a; }

      /* Supprimer les emojis */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab .pe-jeu-tab-emoji {
        display: none;
      }

      /* État actif — fond blanc + ombre + texte foncé (override spécificité ID) */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab.pe-jeu-tab-active {
        background: #ffffff;
        color: #1a2e38;
        box-shadow: 0 4px 20px rgba(9,70,82,.14);
        border-top-width: 4.5px;
      }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="all"].pe-jeu-tab-active {
        border-top-color: #1a2e38;
      }

      /* Couleurs par niveau — bordure + cercle emoji */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"] { border-top-color: #4ade80; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"] .pe-jeu-tab-emoji { background: rgba(74,222,128,.18); }

      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"] { border-top-color: #fb923c; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"] .pe-jeu-tab-emoji { background: rgba(251,146,60,.18); }

      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"] { border-top-color: #a78bfa; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"] .pe-jeu-tab-emoji { background: rgba(167,139,250,.18); }

      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"] { border-top-color: #60a5fa; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"] .pe-jeu-tab-emoji { background: rgba(96,165,250,.18); }

      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="ya"] { border-top-color: #f472b6; }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="ya"] .pe-jeu-tab-emoji { background: rgba(244,114,182,.18); }

      /* Hover : légère élévation + image illu pour 1er cycle */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab:hover {
        box-shadow: 0 4px 16px rgba(9,70,82,.1);
        background: #fff;
      }
      /* Illu en overlay (fade/lift), pas en background qui "glisse" */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"],
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"],
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"],
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"] {
        background-image: linear-gradient(rgba(240,227,214,.28), rgba(240,227,214,.28));
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"]::after {
        content: "";
        position: absolute;
        right: 6%;
        bottom: -6%;
        width: 76%;
        height: 76%;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
        opacity: 0;
        transform: translateY(10px) scale(.98);
        transition: opacity .22s ease, transform .22s ease;
        pointer-events: none;
        filter: saturate(.95);
      }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"]::after { background-image: url('/img/illu/1er-cycle.png'); }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"]::after { background-image: url('/img/illu/2em-cycle.png'); }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"]::after { background-image: url('/img/illu/3e-cycle.png'); }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"]::after { background-image: url('/img/illu/1er-sec.png'); }
      /* Workaround si l'asset contient encore un fond blanc */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"]::after {
        mix-blend-mode: darken;
      }
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"]:hover::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"].pe-jeu-tab-active::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"]:hover::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"].pe-jeu-tab-active::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"]:hover::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"].pe-jeu-tab-active::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"]:hover::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"].pe-jeu-tab-active::after {
        opacity: .62;
        transform: translateY(0) scale(1);
      }

      /* Désactiver les illustrations au hover (images overlay) */
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle1"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle2"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="cycle3"]::after,
      .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab[data-level="sec1"]::after {
        display: none !important;
        content: none !important;
        background-image: none !important;
        opacity: 0 !important;
      }

      .pe-jeu-livres-count {
        text-align: center;
        color: #b0a090;
        font-size: .8rem;
        margin-top: 2rem;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .pe-livres-empty {
        grid-column: 1 / -1;
        text-align: center;
        color: #9ca3af;
        padding: 3rem;
      }

      @media (max-width: 1024px) {
        .pe-jeu-livres-grid { grid-template-columns: repeat(3, 1fr); }
        .pe-jeu-materiel-grid { grid-template-columns: 1fr 1fr; }
        .pe-jeu-materiel-grid > :nth-child(3) { grid-column: 1 / -1; }
        .pe-jeu-mat-themes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }

      @media (max-width: 768px) {
        /* ── Hero ── */
        .pe-jeu-hero {
          min-height: 680px;
          padding-top: calc(72px + 2.5rem);
          padding-bottom: 5rem;
        }
        .pe-jeu-hero-eyebrow { font-size: 1.7rem !important; }
        .pe-jeu-hero-wave svg { height: 70px; }
        /* Réduire et masquer les shapes décoratifs */
        .pe-jeu-hero .pe-jeu-shape-circle  { width: 200px; height: 200px; top: -40px; right: -50px; }
        .pe-jeu-hero .pe-jeu-shape-blob-left { width: 160px; height: 160px; top: -30px; left: -50px; }
        .pe-jeu-hero .pe-jeu-shape-star,
        .pe-jeu-hero .pe-jeu-shape-squiggle,
        .pe-jeu-hero .pe-jeu-shape-triangle { display: none; }
        /* Boutons hero en colonne pleine largeur */
        .pe-jeu-hero-actions {
          flex-direction: column;
          align-items: stretch;
          gap: .75rem;
          width: 100%;
          max-width: 340px;
        }

        /* ── Onglets matériel pédagogique — empilés verticalement ── */
        .pe-ecole-tab-nav {
          flex-direction: column;
          gap: .4rem;
        }
        .pe-ecole-tab-btn {
          width: 100%;
          justify-content: flex-start;
          border-radius: 12px;
        }
        .pe-ecole-tab-panel {
          padding: 1.5rem 1.25rem;
          border-radius: 14px;
        }
        /* Grille matériel inclus : 1 colonne */
        .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-mat-items-grid {
          grid-template-columns: 1fr;
        }
        /* Thématiques : 2 colonnes */
        .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-jeu-mat-themes {
          grid-template-columns: repeat(2, 1fr);
        }

        /* ── Filtres thématiques catalogue ── */
        .pe-jeu-theme-filters { gap: .35rem; }
        .pe-jeu-theme-btn {
          font-size: .78rem;
          padding: .28rem .65rem;
        }

        /* ── Tabs niveau catalogue ── */
        .pe-jeu-materiel-grid { grid-template-columns: 1fr; }
        .pe-jeu-mat-themes { grid-template-columns: 1fr; }
        /* Grille livres : 2 colonnes, row-gap large pour accueillir le panneau info */
        .pe-jeu-livres-grid { grid-template-columns: repeat(2, 1fr); gap: 20rem .7rem; }
        /* Masquer l'overlay ressources (interaction hover non disponible sur mobile) */
        .pe-livre-cover-overlay { display: none; }

        /* ── Tailles de texte lisibles sur mobile ── */
        .pe-livre-titre { font-size: .95rem !important; }
        .pe-livre-auteur { font-size: .88rem !important; }
        .pe-livre-cycle-badge { font-size: .76rem; }
        .pe-livre-theme-tag { font-size: .8rem; }
        .pe-livre-ressources-label { font-size: .72rem; }
        .pe-livre-ressources-none { font-size: .8rem; }

        #level-tabs {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: .6rem;
        }
        #level-tabs .pe-jeu-tab {
          min-height: 88px;
          padding: .65rem .6rem .85rem;
          border-radius: 10px;
        }
        #level-tabs .pe-jeu-tab .pe-jeu-tab-hover-art { display: none; }
        /* Masquer illustrations hover sur mobile (pas de hover) */
        .page-aurea-jeunesse-ecoles #level-tabs .pe-jeu-tab::after { display: none; }

        /* ── CTA : empiler contenu + masquer logo ── */
        .pe-jeu-cta {
          flex-direction: column;
          gap: 1.5rem;
          padding: 2rem 1.5rem;
        }
        .pe-jeu-cta-visual { display: none; }
      }

      @media (max-width: 480px) {
        /* ── Hero ── */
        .pe-jeu-hero {
          min-height: 580px;
          padding-top: calc(64px + 2rem);
          padding-bottom: 4rem;
        }
        .pe-jeu-hero-eyebrow { font-size: 1.55rem !important; }
        .pe-jeu-hero .pe-jeu-shape-circle  { width: 140px; height: 140px; }
        .pe-jeu-hero .pe-jeu-shape-blob-left { display: none; }

        /* ── Tabs matériel ── */
        .pe-ecole-tab-panel { padding: 1.25rem 1rem; }
        /* Thématiques : 1 colonne */
        .page-aurea-jeunesse-ecoles .pe-ecole-tab-panel .pe-jeu-mat-themes {
          grid-template-columns: 1fr;
        }

        /* ── Catalogue ── */
        .pe-jeu-livres-grid { grid-template-columns: repeat(2, 1fr); gap: 18rem .5rem; }
        #level-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        #level-tabs .pe-jeu-tab { min-height: 78px; font-size: .8rem; }

        /* ── CTA ── */
        .pe-jeu-cta { padding: 1.75rem 1.25rem; }
      }

      /* Logo Blanc → filtre foncé sur fond beige (garde la taille originale) */
      body.page-aurea-jeunesse .pe-header .pe-logo-img-aurea-jeunesse {
        filter: brightness(0) saturate(100%) invert(18%) sepia(40%) saturate(800%) hue-rotate(155deg) brightness(85%);
      }

      /* Navbar Aurea Jeunesse — transparente sur hero beige */
      body.page-aurea-jeunesse .pe-header {
        background: transparent;
        border-bottom-color: transparent;
        box-shadow: none;
      }
      /* ── Toutes les pages Aurea Jeunesse : navbar scrollée bleu clair ── */
      body.page-aurea-jeunesse .pe-header.scrolled {
        background: #2E8A9A;
        border-bottom-color: rgba(255,255,255,.18);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
      body.page-aurea-jeunesse .pe-header.scrolled .pe-nav-link {
        color: #ffffff;
      }
      body.page-aurea-jeunesse .pe-header.scrolled .pe-nav-link::after,
      body.page-aurea-jeunesse .pe-header.scrolled .pe-nav-link-active::after {
        background: rgba(255,255,255,.9);
      }
      body.page-aurea-jeunesse .pe-header.scrolled .pe-nav-link-highlight {
        border-color: rgba(255,255,255,.75);
        color: #ffffff;
      }
      body.page-aurea-jeunesse .pe-header.scrolled .pe-logo-img-aurea-jeunesse {
        filter: none;
      }
      body.page-aurea-jeunesse .pe-header.scrolled .pe-nav-sub .pe-nav-link {
        color: #2E8A9A;
      }
      body.page-aurea-jeunesse .pe-nav-link {
        color: #2E8A9A;
      }
      body.page-aurea-jeunesse .pe-nav-link::after,
      body.page-aurea-jeunesse .pe-nav-link-active::after {
        background: #2E8A9A;
      }
      body.page-aurea-jeunesse .pe-nav-link-highlight {
        border-color: #2E8A9A;
        color: #2E8A9A;
      }
      body.page-aurea-jeunesse .pe-nav-sub {
        background: #ffffff;
      }
      body.page-aurea-jeunesse .pe-nav-sub .pe-nav-link {
        color: #2E8A9A;
      }

      /* ── Pages auteurs & manuscrit — hero bleu clair : liens blancs initialement ── */
      body.page-aurea-jeunesse-auteurs .pe-header .pe-logo-img-aurea-jeunesse,
      body.page-aurea-jeunesse-manuscrit .pe-header .pe-logo-img-aurea-jeunesse {
        filter: none;
      }
      body.page-aurea-jeunesse-auteurs .pe-nav-link,
      body.page-aurea-jeunesse-manuscrit .pe-nav-link {
        color: #ffffff;
      }
      body.page-aurea-jeunesse-auteurs .pe-nav-link::after,
      body.page-aurea-jeunesse-auteurs .pe-nav-link-active::after,
      body.page-aurea-jeunesse-manuscrit .pe-nav-link::after,
      body.page-aurea-jeunesse-manuscrit .pe-nav-link-active::after {
        background: rgba(255,255,255,.9);
      }
      body.page-aurea-jeunesse-auteurs .pe-nav-link-highlight,
      body.page-aurea-jeunesse-manuscrit .pe-nav-link-highlight {
        border-color: rgba(255,255,255,.75);
        color: #ffffff;
      }
      body.page-aurea-jeunesse-auteurs .pe-nav-sub .pe-nav-link,
      body.page-aurea-jeunesse-manuscrit .pe-nav-sub .pe-nav-link {
        color: #2E8A9A;
      }

      /* ── Footer bleu clair : toutes les pages Aurea Jeunesse ── */
      body.page-aurea-jeunesse .pe-footer {
        background: linear-gradient(180deg, #2E8A9A 0%, #1f6a78 100%);
      }

      /* Newsletter: éviter la déformation + meilleure lisibilité */
      body.page-aurea-jeunesse .pe-newsletter-box h2,
      body.page-aurea-jeunesse .pe-newsletter-box > p {
        color: #ffffff;
      }
      body.page-aurea-jeunesse .pe-newsletter-box .pe-newsletter-privacy,
      body.page-aurea-jeunesse .pe-newsletter-box .pe-newsletter-privacy a {
        color: rgba(255, 255, 255, .92);
      }
      body.page-aurea-jeunesse .pe-newsletter-box .pe-newsletter-privacy a {
        text-decoration-thickness: 2px;
        text-underline-offset: 2px;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline input[type="email"] {
        flex: 1 1 260px;
        min-width: 0;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline button[type="submit"] {
        flex: 0 0 auto;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline .pe-form-message {
        flex: 1 1 100%;
        margin-top: .25rem;
        font-size: .95rem;
        font-weight: 600;
        color: #ffffff;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline .pe-form-message.pe-form-message-error {
        color: #ffd5d5;
      }
      body.page-aurea-jeunesse .pe-newsletter-form-inline .pe-form-message.pe-form-message-success {
        color: #d6ffe7;
      }

      /* ── COLLECTION ── */
      .pe-jeu-collection-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        margin-top: 2.5rem;
      }
      .pe-jeu-col-card { display: flex; flex-direction: column; }
      .pe-jeu-col-cover {
        aspect-ratio: 2/3;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0,0,0,.15);
      }
      .pe-jeu-col-cover img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform .4s ease;
      }
      .pe-jeu-col-card:hover .pe-jeu-col-cover img { transform: scale(1.04); }
      .pe-jeu-col-info { padding: .75rem .25rem 0; }
      .pe-jeu-col-badge {
        display: inline-block;
        font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;
        padding: .15rem .5rem; border-radius: 20px;
        background: color-mix(in srgb, var(--bc, #6BBFCC) 20%, transparent);
        color: var(--bc, #6BBFCC);
        margin-bottom: .4rem;
      }
      .pe-jeu-col-titre {
        font-size: .9rem; font-weight: 600; color: #1a1a1a;
        margin: 0 0 .2rem; line-height: 1.3;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
      }
      .pe-jeu-col-auteur { font-size: .8rem; color: #666; margin: 0; }
      .pe-jeu-collection-cta { text-align: center; margin-top: 2.5rem; }

      /* ── UNIVERS ── */
      .pe-jeu-univers-section { background: #081c24; color: #fff; }
      /* H2 : même couleur que les autres sections (.page-aurea-jeunesse .pe-section-header h2 → #2E8A9A) */
      .pe-jeu-univers-section .pe-section-intro {
        color: #2d2d2d;
        font-weight: 500;
      }
      .pe-jeu-univers-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        margin-top: 2.5rem;
      }
      .pe-jeu-univers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .pe-jeu-univers-item {
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }
      .pe-jeu-univers-card {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        border: 1px solid rgba(201,168,76,.22);
        box-shadow: 0 18px 50px rgba(0,0,0,.26);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        aspect-ratio: 16/9;
        background: #000;
      }
      .pe-jeu-univers-item:hover .pe-jeu-univers-card {
        transform: translateY(-4px);
        border-color: rgba(201,168,76,.46);
        box-shadow: 0 24px 70px rgba(0,0,0,.34);
      }
      .pe-jeu-univers-card-badge {
        position: absolute;
        top: auto;
        bottom: .85rem;
        left: .85rem;
        right: auto;
        z-index: 2;
        background: rgba(0,0,0,.48);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        color: rgba(255,255,255,.92);
        font-size: .72rem;
        font-weight: 600;
        padding: .28rem .85rem;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,.18);
        letter-spacing: .03em;
      }
      .pe-jeu-univers-card-badge sup {
        font-size: .65em;
        vertical-align: baseline;
        position: relative;
        top: -.35em;
        line-height: 0;
      }
      /* Pastille unique dégradée (collections Zanimo / Lugubre) sur la vidéo */
      .pe-jeu-univers-card-badge--zanimo,
      .pe-jeu-univers-card-badge--lugubre {
        background: linear-gradient(125deg, #d5eef2 0%, #fde0c4 48%, #fcd8e4 100%);
        color: #1a2530;
        border: 1px solid rgba(255,255,255,.42);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        font-size: .7rem;
        font-weight: 700;
        padding: .38rem .85rem;
        border-radius: 999px;
        max-width: calc(100% - 1.7rem);
        line-height: 1.25;
        letter-spacing: .015em;
        text-align: left;
        white-space: nowrap;
        box-shadow: 0 4px 16px rgba(0,0,0,.28);
      }
      @media (max-width: 520px) {
        .pe-jeu-univers-card-badge--zanimo,
        .pe-jeu-univers-card-badge--lugubre {
          white-space: normal;
          font-size: .58rem;
          border-radius: 12px;
          line-height: 1.35;
        }
      }
      .pe-jeu-univers-content {
        padding: 1.1rem .1rem 0;
      }
      .pe-jeu-univers-section p.pe-jeu-univers-eyebrow {
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .13em;
        color: #2E8A9A;
        margin: 0 0 .5rem;
        line-height: 1.4;
      }
      .pe-jeu-univers-section p.pe-jeu-univers-headline {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #0f2830;
        line-height: 1.25;
        margin: 0 0 .65rem;
      }
      .pe-jeu-univers-tags {
        display: flex;
        gap: .45rem;
        flex-wrap: wrap;
        margin-top: .85rem;
      }
      .pe-jeu-univers-tag {
        padding: .22rem .8rem;
        border-radius: 999px;
        border: 1px solid rgba(46,138,154,.28);
        color: #1a5a68;
        font-size: .78rem;
        font-weight: 500;
        background: rgba(46,138,154,.07);
      }
      /* Vidéo background dans les cards univers */
      .pe-jeu-univers-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        opacity: 1;
        pointer-events: none;
      }
      .pe-jeu-univers-card > *:not(.pe-jeu-univers-video):not(.pe-jeu-univers-card-badge) {
        position: relative;
        z-index: 1;
      }

      .pe-jeu-univers-card::before { display: none; }
      .pe-jeu-univers-card::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, rgba(201,168,76,.65) 30%, rgba(107,191,204,.55) 70%, transparent 100%);
        opacity: .55;
      }
      .pe-jeu-univers-card:hover {
        transform: translateY(-4px);
        border-color: rgba(201,168,76,.46);
        box-shadow:
          0 24px 70px rgba(0,0,0,.34),
          inset 0 1px 0 rgba(255,255,255,.10);
      }
      .pe-jeu-univers-icon {
        position: relative;
        z-index: 1;
        font-size: 2.65rem;
        margin-bottom: .95rem;
        filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
      }
      .pe-jeu-univers-section p.pe-jeu-univers-desc {
        color: #3d4d50;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.7;
        margin: 0;
      }

      /* ── NOUVEAUTÉS ── */
      /* !important nécessaire : .pe-main-aurea .pe-section:not([class*="hero"]) a une spécificité (0,3,0) */
      .pe-jeu-nouveautes-section { background: #ffffff !important; margin-top: 0; }
      /* Supprimer la ligne séparatrice auto des sections aurea sur celle-ci */
      .pe-main-aurea .pe-jeu-nouveautes-section::before { display: none; }
      .pe-jeu-nvt-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        column-gap: 1.5rem;
        row-gap: 3rem;
        margin-top: 2.5rem;
      }
      .pe-jeu-nvt-card {
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
        transition: transform .22s ease;
      }
      .pe-jeu-nvt-card:hover { transform: translateY(-5px); }
      .pe-jeu-nvt-cover {
        position: relative;
        aspect-ratio: 2/3;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 22px rgba(0,0,0,.18);
      }
      .pe-jeu-nvt-cover img {
        width: 100%; height: 100%;
        object-fit: cover; display: block;
        transition: opacity 0.5s ease;
      }
      .pe-jeu-nvt-badge {
        position: absolute; top: .6rem; left: .6rem;
        background: #2E8A9A; color: #fff;
        font-size: .58rem; font-weight: 800;
        text-transform: uppercase; letter-spacing: .08em;
        padding: .22rem .6rem; border-radius: 20px;
      }
      .pe-jeu-nvt-info {
        padding: .9rem .1rem 0;
        border-top: 3px solid #2E8A9A;
        margin-top: .1rem;
        display: flex; flex-direction: column;
        flex: 1;
      }
      .pe-jeu-nvt-titre {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.05rem; font-weight: 700;
        background: linear-gradient(135deg, #1a5a68 0%, #2E8A9A 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin: 0 0 .3rem; line-height: 1.35;
        display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; overflow: hidden;
      }
      /* Auteur : corps Aurea, plus discret que le titre (pas la même couleur que le dégradé sarcelle) */
      .pe-jeu-nvt-auteur,
      .pe-jeu-avenir-info p {
        font-family: var(--pe-font-aurea-body);
        font-size: .88rem;
        color: #3d4d50;
        font-style: normal;
        font-weight: 600;
        font-variant: small-caps;
        letter-spacing: .04em;
        margin: 0 0 .55rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .pe-jeu-nvt-auteur::before,
      .pe-jeu-avenir-info p::before {
        content: "— ";
      }
      /* Tags cycles (même style que le Catalogue) */
      .pe-jeu-nvt-cycles {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
        margin-top: auto;
        padding-top: .35rem;
        align-self: flex-start;
      }
      .pe-jeu-nvt-cycles .pe-livre-cycle-badge {
        font-size: .68rem;
      }
      /* Compat : si un ancien span unique existe encore */
      .pe-jeu-nvt-cycle {
        display: inline-flex;
        align-items: center;
        font-size: .68rem;
        font-weight: 700;
        padding: .3em .8em;
        border-radius: 20px;
        letter-spacing: .04em;
        text-transform: uppercase;
        margin-top: auto;
        align-self: flex-start;
      }
      .pe-jeu-nvt-cta { margin-top: 4rem; text-align: center; }

      /* ══════════════════════════════════════
         PAGE DÉTAIL LIVRE AUREA JEUNESSE
         ══════════════════════════════════════ */

      /* Hero */
      .pe-main-aurea .pe-section.pe-jeu-livre-hero {
        background: #fff;
        padding-top: calc(88px + 3.5rem);
        padding-bottom: 5rem;
        position: relative;
        overflow: hidden;
      }
      .pe-jeu-livre-hero-inner {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3.5rem;
        align-items: center;
      }
      .pe-jeu-livre-cover-wrap {
        flex-shrink: 0;
      }
      .pe-jeu-livre-cover-img {
        width: 200px;
        border-radius: 10px;
        box-shadow: -6px 10px 40px rgba(0,0,0,.2), 3px 3px 0 rgba(0,0,0,.08);
        display: block;
      }
      .pe-jeu-livre-cover-placeholder {
        width: 200px;
        aspect-ratio: 2/3;
        border-radius: 10px;
        background: rgba(46,138,154,.08);
        border: 2px solid rgba(46,138,154,.2);
        display: flex; align-items: center; justify-content: center;
        box-shadow: -4px 8px 24px rgba(0,0,0,.1);
      }
      .pe-jeu-livre-back {
        display: inline-flex; align-items: center; gap: .45rem;
        color: #2E8A9A; font-size: .85rem; font-weight: 600;
        text-decoration: none; margin-bottom: 1.5rem;
        transition: color .18s;
      }
      .pe-jeu-livre-back:hover { color: #1a5a68; }
      .pe-jeu-livre-collection-badge {
        display: inline-block;
        background: rgba(46,138,154,.1);
        border: 1px solid rgba(46,138,154,.3);
        color: #1a5a68; font-size: .7rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .1em;
        padding: .3rem .85rem; border-radius: 20px;
        margin-bottom: 1rem;
      }
      .pe-jeu-livre-titre {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(1.6rem, 3.5vw, 2.6rem);
        font-weight: 700; color: #0f2830;
        line-height: 1.2; margin: 0 0 .6rem;
      }
      .pe-jeu-livre-auteur {
        font-size: 1.05rem; color: #2E8A9A;
        font-style: italic; margin: 0 0 1.5rem;
      }
      .pe-jeu-livre-cycles {
        display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .85rem;
      }
      .pe-jeu-livre-cycle {
        font-size: .7rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .05em; padding: .3em .8em; border-radius: 20px;
      }
      .pe-jeu-livre-themes {
        display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 2rem;
      }
      .pe-jeu-livre-theme {
        font-size: .75rem; padding: .25em .7em; border-radius: 20px;
        background: rgba(46,138,154,.1); color: #1a5a68;
        border: 1px solid rgba(46,138,154,.2);
      }
      .pe-jeu-livre-btns {
        display: flex; gap: 1rem; flex-wrap: wrap;
      }
      .pe-jeu-livre-hero .pe-btn-outline {
        color: #1a5a68;
        border-color: #2E8A9A;
        background: transparent;
      }
      .pe-jeu-livre-hero .pe-btn-outline:hover {
        background: rgba(46,138,154,.08);
        border-color: #1a5a68;
      }

      /* Résumé */
      .pe-jeu-livre-resume-section { background: #fff !important; }
      .pe-main-aurea .pe-jeu-livre-resume-section::before { display: none; }
      .pe-jeu-livre-resume-inner {
        max-width: 760px;
        background:
          radial-gradient(900px 260px at 10% 0%, rgba(107,191,204,.10) 0%, transparent 55%),
          linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.80) 100%);
        border: 1px solid rgba(46,138,154,.16);
        border-radius: 16px;
        padding: 1.6rem 1.6rem 1.5rem;
        box-shadow: 0 18px 50px rgba(13, 90, 103, .10);
      }
      .pe-jeu-livre-resume-section h2 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.85rem; color: #1a5a68; margin: 0 0 .85rem;
      }
      .pe-jeu-livre-resume-text {
        font-size: 1.08rem; line-height: 1.85; color: #2d2d2d;
      }
      .pe-jeu-livre-resume-empty {
        font-size: 1rem; color: rgba(45,45,45,.65); font-style: italic;
      }

      /* Matériel pédagogique */
      .pe-jeu-livre-materiel-section h2 { color: #1a5a68; }
      .pe-jeu-livre-materiel-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 1.1rem; margin-top: 2rem;
      }
      .pe-jeu-livre-mat-card {
        background: #fff; border-radius: 12px;
        padding: 1.25rem 1.1rem;
        display: flex; align-items: flex-start; gap: .85rem;
        box-shadow: 0 2px 12px rgba(0,0,0,.06);
        border: 1px solid rgba(46,138,154,.14);
      }
      .pe-jeu-livre-mat-icon { font-size: 1.5rem; flex-shrink: 0; line-height: 1; }
      .pe-jeu-livre-mat-card > div {
        display: flex;
        flex-direction: column;
        min-height: 100%;
      }
      .pe-jeu-livre-mat-name {
        font-size: .9rem; font-weight: 700; color: #1a5a68; line-height: 1.4;
        margin: 0 0 .25rem;
      }
      .pe-jeu-livre-mat-dl {
        margin-top: auto;
        font-size: .75rem; color: #2E8A9A; font-weight: 600;
        cursor: pointer;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        opacity: .9;
      }
      .pe-jeu-livre-mat-card:hover .pe-jeu-livre-mat-dl {
        opacity: 1;
      }
      .pe-jeu-livre-materiel-cta { margin-top: 2rem; }
      .pe-jeu-livre-materiel-empty {
        color: #888; font-style: italic; margin-top: 1rem;
      }

      /* Responsive */
      @media (max-width: 700px) {
        .pe-jeu-livre-hero-inner {
          grid-template-columns: 1fr;
          gap: 2rem;
        }
        .pe-jeu-livre-cover-wrap { display: flex; justify-content: center; }
        .pe-jeu-livre-cover-img { width: 160px; }
        .pe-jeu-livre-cover-placeholder { width: 160px; }
        .pe-jeu-livre-btns { flex-direction: column; }
      }

      /* ── À VENIR ── */
      .pe-jeu-avenir-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
        margin-top: 2.5rem;
      }
      .pe-jeu-avenir-card {
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .pe-jeu-avenir-cover {
        aspect-ratio: 2/3;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        gap: 1rem;
        box-shadow: 0 4px 20px rgba(0,0,0,.2);
      }
      .pe-jeu-avenir-cover img {
        position: absolute; inset: 0;
        width: 100%; height: 100%;
        object-fit: cover;
      }
      .pe-jeu-avenir-cover--blue { background: linear-gradient(150deg, #1a2942 0%, #2d4f7a 100%); }
      .pe-jeu-avenir-cover--purple { background: linear-gradient(150deg, #271540 0%, #52357a 100%); }
      .pe-jeu-avenir-cover--green { background: linear-gradient(150deg, #12322a 0%, #1f6b52 100%); }
      .pe-jeu-avenir-badge {
        position: absolute; top: .75rem; right: .75rem;
        background: #c9a84c; color: #fff;
        font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
        padding: .2rem .6rem; border-radius: 20px;
      }
      .pe-jeu-avenir-logo { width: 60%; opacity: .15; }
      /* Bloc texte : aligné sur la section Nouveautés (.pe-jeu-nvt-info) */
      .pe-jeu-avenir-info {
        padding: .9rem .1rem 0;
        border-top: 3px solid #2E8A9A;
        margin-top: .1rem;
        display: flex;
        flex-direction: column;
        flex: 1;
      }
      .pe-jeu-avenir-info h3 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.05rem;
        font-weight: 700;
        background: linear-gradient(135deg, #1a5a68 0%, #2E8A9A 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin: 0 0 .3rem;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .pe-jeu-avenir-cycles {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
        margin-top: auto;
        padding-top: .35rem;
        align-self: flex-start;
      }
      .pe-jeu-avenir-cycles .pe-livre-cycle-badge {
        font-size: .68rem;
      }
      .pe-jeu-avenir-cycles .pe-livre-cycle-badge sup {
        font-size: .62em;
        vertical-align: baseline;
        position: relative;
        top: -.4em;
        line-height: 0;
      }

      /* ── NOS COLLECTIONS : strong highlight + eyebrow ── */
      .pe-jeu-collection-section strong {
        color: #0d5a67;
        font-weight: 800;
        display: inline-block;
        padding: 0 .24em;
        border-radius: .35em;
        background: #eef7f8;
        border: 1px solid #c7e6eb;
        line-height: 1.2;
      }
      .page-aurea-jeunesse .pe-jeu-collection-section .pe-section-header p {
        font-size: 1.15rem;
        line-height: 1.8;
      }
      /* ── CHIPS RESSOURCES ── */
      .pe-jeu-col-chips {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .65rem;
        margin: 2rem 0 2.75rem;
      }
      .pe-jeu-col-chip {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .6rem 1.3rem .6rem 1rem;
        border-radius: 100px;
        background: #fff;
        border: 1.5px solid rgba(107,191,204,.22);
        border-left: 3.5px solid #1E5F6B;
        font-size: .86rem;
        font-weight: 500;
        color: #0d5a67;
        box-shadow: 0 2px 10px rgba(26,74,71,.06);
        white-space: nowrap;
        cursor: default;
      }

      /* ── TEASER CARDS ── */
      .pe-jeu-col-teasers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        margin-bottom: 2.5rem;
      }
      .pe-jeu-col-teaser {
        display: flex;
        flex-direction: column;
        padding: 1.75rem 1.75rem 1.5rem;
        background: #fff;
        border-radius: 20px;
        border: 1px solid rgba(107,191,204,.15);
        box-shadow: 0 4px 24px rgba(26,74,71,.08);
        text-decoration: none;
        color: inherit;
        transition: transform .25s, box-shadow .25s;
      }
      .pe-jeu-col-teaser:hover {
        transform: translateY(-5px);
        box-shadow: 0 14px 40px rgba(26,74,71,.14);
      }
      .pe-jeu-col-teaser-title {
        font-family: 'Playfair Display', serif;
        font-size: 1.2rem;
        font-weight: 700;
        color: #0d5a67;
        letter-spacing: -.01em;
        margin: 0 0 .9rem;
      }
      .pe-jeu-col-teaser-divider {
        height: 2px;
        background: linear-gradient(90deg, #6BBFCC, transparent);
        border-radius: 2px;
        margin-bottom: 1.25rem;
      }

      /* Level rows */
      .pe-jeu-col-teaser-levels {
        display: flex;
        flex-direction: column;
        gap: .55rem;
        flex: 1;
        margin-bottom: 1rem;
      }
      .pe-jeu-col-teaser-level {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .75rem 1rem;
        border-radius: 10px;
        position: relative;
        font-size: .94rem;
        font-weight: 500;
        color: #1a2e38;
        transition: transform .2s, background .2s;
        cursor: pointer;
      }
      .pe-jeu-col-teaser-level > span:first-of-type {
        flex: 1;
        min-width: 0;
        line-height: 1.25;
        text-align: left;
      }
      .pe-jeu-col-teaser-level::before {
        content: '';
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 3px;
        border-radius: 3px 0 0 3px;
      }
      .pe-jeu-col-teaser-level:hover { transform: translateX(4px); }
      .pe-jeu-col-teaser-level sup {
        font-size: .52em;
        vertical-align: baseline;
        position: relative;
        top: -.45em;
        line-height: 0;
        margin: 0;
      }
      .lv-age {
        font-size: .76rem;
        font-weight: 600;
        padding: .25rem .75rem;
        border-radius: 100px;
        white-space: nowrap;
      }
      .lv-green                 { background: #F0FBF7; }
      .lv-green::before         { background: #4CAF82; }
      .lv-green:hover           { background: #E0F7EF; }
      .lv-green  .lv-age        { background: #D4F5E7; color: #2A7A55; }
      .lv-orange                { background: #FFF7F0; }
      .lv-orange::before        { background: #E07B5A; }
      .lv-orange:hover          { background: #FFEDE0; }
      .lv-orange .lv-age        { background: #FFE5D6; color: #C0502A; }
      .lv-purple                { background: #F5F0FF; }
      .lv-purple::before        { background: #9B7FE8; }
      .lv-purple:hover          { background: #EDE5FF; }
      .lv-purple .lv-age        { background: #E8DEFF; color: #6B4FC8; }
      .lv-blue                  { background: #F0F6FF; }
      .lv-blue::before          { background: #5B9BF0; }
      .lv-blue:hover            { background: #E3EFFF; }
      .lv-blue   .lv-age        { background: #D8EAFF; color: #2E5FAE; }
      .lv-rose                  { background: #FFF0F5; }
      .lv-rose::before          { background: #E87AAF; }
      .lv-rose:hover            { background: #FFE0EE; }
      .lv-rose   .lv-age        { background: #FFD9EC; color: #B5446E; }

      /* Theme bubbles */
      .pe-jeu-col-teaser-bubbles {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .65rem;
        flex: 1;
        margin-bottom: 1rem;
      }
      .pe-jeu-col-bubble {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: .85rem .4rem;
        border-radius: 14px;
        font-size: .88rem;
        font-weight: 500;
        color: #3D5451;
        text-align: center;
        transition: transform .22s, box-shadow .22s;
        border: 1.5px solid transparent;
        cursor: pointer;
      }
      a.pe-jeu-col-bubble {
        text-decoration: none;
        color: #3D5451;
        box-sizing: border-box;
      }
      .pe-jeu-col-bubble:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0,0,0,.09);
      }
      .bbl-emoji { font-size: 1.3rem; line-height: 1; }
      .bubble-1 { background: #FFF5E4; }
      .bubble-2 { background: #F0EAFF; }
      .bubble-3 { background: #FFE9EE; }
      .bubble-4 { background: #E8F6EE; }
      .bubble-5 { background: #E6F2FF; }
      .bubble-6 { background: #FFF0D6; }
      .bubble-7 { background: #E8FAF3; }
      .bubble-8 { background: #EBF3FF; }
      .bubble-more {
        background: #D4EDEA;
        border: 1.5px dashed #6BBFCC;
        color: #0d5a67;
        font-weight: 700;
      }
      /* Même spécificité que les liens : forcer la couleur du « +8 thèmes » */
      a.pe-jeu-col-bubble.bubble-more {
        color: #0d5a67;
      }
      .bubble-more .bbl-emoji { font-size: 1rem; font-style: normal; }
      /* Même logique de survol que les autres bulles : fond un peu plus soutenu, texte toujours lisible */
      a.pe-jeu-col-bubble.bubble-more:hover {
        background: #bfe8e2;
        color: #063a44;
        border-color: #2E8A9A;
        border-style: solid;
      }

      /* Card CTA link */
      .pe-jeu-col-teaser-cta {
        font-size: .95rem;
        font-weight: 700;
        color: #0d5a67;
        display: block;
        padding-top: .75rem;
        border-top: 1px solid rgba(107,191,204,.2);
        text-decoration: none;
        transition: color .2s ease, letter-spacing .2s ease;
      }
      .pe-jeu-col-teaser:hover .pe-jeu-col-teaser-cta { letter-spacing: .03em; }
      a.pe-jeu-col-teaser-cta:hover {
        color: #2E8A9A;
        letter-spacing: .03em;
      }
      a.pe-jeu-col-teaser-cta:active {
        color: #236e7c;
      }
      @media (max-width: 640px) {
        .pe-jeu-col-teasers { grid-template-columns: 1fr; }
        .pe-jeu-col-teaser-bubbles { grid-template-columns: repeat(3, 1fr); }
      }


      /* ── RESPONSIVE ── */
      @media (max-width: 900px) {
        .pe-jeu-collection-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
        .pe-jeu-collection-section .pe-jeu-materiel-grid { grid-template-columns: 1fr; }
        .pe-jeu-collection-section .pe-jeu-materiel-grid > :nth-child(3) { grid-column: auto; }
        .pe-jeu-univers-grid { grid-template-columns: 1fr; }
        .pe-jeu-avenir-grid { grid-template-columns: repeat(2, 1fr); }
        .pe-jeu-nvt-grid { grid-template-columns: repeat(3, 1fr); }
      }
      @media (max-width: 600px) {
        .pe-jeu-collection-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
        .pe-jeu-avenir-grid { grid-template-columns: repeat(2, 1fr); }
        .pe-jeu-nvt-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
      }

      /* ══════════════════════════════════════
         OVERRIDES DÉPLACÉS DES FICHIERS HTML
         (aucun <style> ni style="" dans le HTML)
         ══════════════════════════════════════ */

      /* Aurea Jeunesse — Manuscrit */
      .page-aurea-jeunesse-manuscrit .pe-manuscrit-hero-aurea {
        background: linear-gradient(135deg, #1a5a68 0%, #2E8A9A 60%, #6BBFCC 100%);
      }
      .page-aurea-jeunesse-manuscrit .pe-btn-primary {
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
      }
      .page-aurea-jeunesse-manuscrit .pe-process-number {
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
      }
      .page-aurea-jeunesse-manuscrit .pe-guidelines-types-panel {
        background: linear-gradient(160deg, #1a5a68 0%, #2E8A9A 100%);
      }
      .page-aurea-jeunesse-manuscrit .pe-section-header h2 { color: #1a5a68; }

      /* Aurea Jeunesse — Auteurs (liste) */
      .page-aurea-jeunesse-auteurs .pe-auteurs-hero {
        background: linear-gradient(135deg, #1a5a68 0%, #2E8A9A 60%, #6BBFCC 100%);
      }
      .page-aurea-jeunesse-auteurs .pe-auteurs-cta { border-color: rgba(46,138,154,.22); }
      .page-aurea-jeunesse-auteurs .pe-auteurs-cta h2 { color: #1a5a68; }
      .page-aurea-jeunesse-auteurs .pe-btn-primary {
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
      }
      .page-aurea-jeunesse-auteurs .pe-auteurs-empty {
        text-align: center;
        padding: 4rem 2rem;
        color: #517079;
      }
      .page-aurea-jeunesse-auteurs .pe-auteurs-empty p {
        font-size: 1.1rem;
        margin-top: 1rem;
      }

      /* Aurea Jeunesse — Détail auteur */
      .page-aurea-jeunesse-auteurs .pe-auteur-livres-grid {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 1.75rem;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card {
        border: none;
        border-radius: 14px;
        box-shadow: 0 4px 18px rgba(0,0,0,.10);
        transition: transform .3s ease, box-shadow .3s ease;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #fff;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(46,138,154,.22);
        border-color: transparent;
      }
      .page-aurea-jeunesse-auteurs .pe-auteur-livres-grid .pe-livre-card-image {
        aspect-ratio: 2/3;
        border-radius: 0;
        overflow: hidden;
        background: #e8f4f7;
        padding: 0;
        position: relative;
        flex-shrink: 0;
      }
      .page-aurea-jeunesse-auteurs .pe-auteur-livres-grid .pe-livre-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s ease;
        display: block;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card:hover .pe-livre-card-image img { transform: scale(1.05); }
      .page-aurea-jeunesse-auteurs .pe-auteur-livres-grid .pe-livre-card-image::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(14,60,72,.6) 0%, transparent 50%);
        opacity: 0;
        transition: opacity .3s ease;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card:hover .pe-livre-card-image::after { opacity: 1; }
      .page-aurea-jeunesse-auteurs .pe-livre-card-content {
        padding: .9rem 1rem 1rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        background: #fff;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card-content h3 {
        font-size: .9rem;
        font-weight: 700;
        color: #0b2230;
        margin: 0 0 .25rem;
        line-height: 1.3;
        font-family: 'Bricolage Grotesque', sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card-annee {
        font-size: .75rem;
        color: #5a7a88;
        margin: 0;
      }
      .page-aurea-jeunesse-auteurs .pe-livre-card-content .pe-btn {
        margin-top: auto;
        padding-top: .85rem;
        font-size: .75rem;
        padding: .5rem 1rem;
        background: linear-gradient(135deg, #236e7c 0%, #2E8A9A 100%);
        align-self: stretch;
        text-align: center;
        border-radius: 8px;
        margin-top: .85rem;
      }
      .page-aurea-jeunesse-auteurs .pe-auteur-livres-grid .pe-livre-card-image-placeholder {
        aspect-ratio: 2/3;
        background: linear-gradient(150deg, #1a4a58 0%, #2E8A9A 100%);
        min-height: unset;
      }

      /* Utilitaires (remplace style="display:none") */
      .pe-is-hidden { display: none !important; }
      .pe-jeu-livre-cover-logo { width: 55%; opacity: .25; }
      .pe-btn-outline-on-dark { color: #fff; border-color: rgba(255,255,255,.6); }