/* ===== PAGE HERO (repris de realisations.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);}

  /* ===== FEED ===== */
  .news-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;
    max-width:1300px;margin:0 auto;
  }
  .news-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;
  }
  .news-card .thumb{width:100%;height:200px;object-fit:cover;background:var(--paper-2);display:block;}
  .news-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;}
  .news-card .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1;}
  .news-date{font-size:0.78rem;color:var(--ink-soft);font-family:'IBM Plex Mono';}
  .news-card h3{font-size:1.08rem;margin:0;}
  .news-excerpt{font-size:0.88rem;color:var(--ink-soft);margin:0;flex:1;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .news-excerpt p{margin:0;}
  .news-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;}
  .news-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);text-decoration:none;
  }
  .share-btn:hover{background:var(--paper-2);}

  .news-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);
  }

  /* ===== DÉTAIL D'UNE ACTUALITÉ ===== */
  .article-wrap{max-width:820px;margin:0 auto;}
  .article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:30px;}
  .article-meta{font-size:0.82rem;color:var(--ink-soft);font-family:'IBM Plex Mono';margin-bottom:10px;}
  .article-wrap h1{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:20px;}
  .article-content{font-size:1rem;line-height:1.7;color:var(--ink);margin-bottom:36px;}
  .article-content img{max-width:100%;border-radius:12px;}
  .article-content p{margin:0 0 16px;}

  .gallery-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:40px;
  }
  .gallery-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px;cursor:pointer;}

  .article-share{
    display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid rgba(11,24,48,0.08);
    margin-bottom:40px;
  }
  .article-share span{font-weight:700;font-size:0.9rem;}

  /* Lightbox simple */
  .lightbox{
    position:fixed;inset:0;background:rgba(7,11,22,0.92);display:none;
    align-items:center;justify-content:center;z-index:200;padding:30px;
  }
  .lightbox.open{display:flex;}
  .lightbox img{max-width:100%;max-height:100%;border-radius:12px;}
  .lightbox-close{position:absolute;top:20px;right:30px;color:white;font-size:2rem;cursor:pointer;background:none;border:none;}

  .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;}