/* ===== PAGE HERO (repris de impression.css) ===== */
  .page-hero{
    position:relative;
    background:radial-gradient(ellipse at top right, #0F1E3C 0%, var(--navy-deep) 55%);
    padding:64px 6vw 50px;overflow:hidden;
  }
  .page-hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center;}
  .page-hero h1{color:var(--white);font-size:clamp(1.9rem,4vw,3rem);line-height:1.15;margin:16px 0 18px;}
  .page-hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--blue-light),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .page-hero p{color:var(--white-soft);font-size:1.05rem;max-width:60ch;margin:0 auto;}
  .crumb{color:var(--blue-light);font-size:0.82rem;margin-bottom:14px;}
  .crumb a{color:var(--white-soft);}
  .crumb a:hover{color:var(--blue-light);}

  /* ===== FILTRES ===== */
  .filter-bar{
    display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
    max-width:1100px;margin:0 auto 40px;
  }
  .filter-btn{
    padding:10px 22px;border-radius:999px;border:1.5px solid rgba(11,24,48,0.12);
    background:var(--white);font-weight:700;font-size:0.88rem;color:var(--ink-soft);
    cursor:pointer;transition:all .15s ease;
  }
  .filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}

  /* ===== GRILLE ===== */
  .real-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;
    max-width:1300px;margin:0 auto;
  }
  .real-card{
    background:var(--white);border-radius:var(--radius-lg);overflow:hidden;
    border:1px solid rgba(11,24,48,0.06);box-shadow:var(--shadow);
    display:flex;flex-direction:column;
  }
  .real-card .thumb{width:100%;height:200px;object-fit:cover;background:var(--paper-2);display:block;}
  .real-card .thumb-empty{width:100%;height:200px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#B9C7DE;}
  .real-card .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .real-tag{display:inline-block;align-self:flex-start;font-size:0.72rem;font-weight:700;padding:4px 12px;border-radius:999px;background:#E6EAFE;color:#4560D9;}
  .real-tag.site{background:#DEF0FF;color:var(--blue-dark);}
  .real-card h3{font-size:1.08rem;margin:0;}
  .real-card .type-detail{font-size:0.8rem;color:var(--ink-soft);margin-top:-6px;}
  .real-card p{font-size:0.88rem;color:var(--ink-soft);margin:0;flex:1;}
  .real-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;}
  .real-actions .btn{padding:9px 16px;font-size:0.82rem;}
  .share-row{display:flex;gap:8px;}
  .share-btn{
    width:34px;height:34px;border-radius:9px;border:1px solid rgba(11,24,48,0.1);
    background:var(--paper);display:flex;align-items:center;justify-content:center;
    cursor:pointer;font-size:0.95rem;color:var(--ink);
  }
  .share-btn:hover{background:var(--paper-2);}

  .real-empty{
    max-width:600px;margin:0 auto;text-align:center;color:var(--ink-soft);
    background:var(--white);border-radius:var(--radius-lg);padding:50px 30px;
    box-shadow:var(--shadow);border:1px solid rgba(11,24,48,0.06);
  }

  .cta-band{
    max-width:1100px;margin:0 auto;background:linear-gradient(135deg,var(--navy-3),var(--navy-deep));
    border-radius:32px;padding:48px 6vw;text-align:center;border:1px solid rgba(30,159,255,0.25);box-shadow:var(--glow);
  }
  .cta-band h2{color:var(--white);margin-bottom:12px;font-size:clamp(1.4rem,2.6vw,2rem);}
  .cta-band p{color:var(--white-soft);margin-bottom:24px;}