/* Actualités — lecture immédiate, rythme éditorial aligné sur l'accueil. */
#app12 .news-page { --gold: #f4b942; --gold-light: #ffd06a; --dark: #111; --surface: #202020; --surface-2: #292929; --text-muted: #bcbcbc; min-height: 0; background: #111; font-family: "Segoe UI",Arial,sans-serif; }
#app12 .hero { width: min(1340px,calc(100% - 36px)); height: 430px; min-height: 0; margin: 20px auto 0; border: 1px solid rgba(244,185,66,.2); border-radius: 28px; background: #222; }
#app12 .hero__bg { background-position: center 47%; animation: none; transform: none; }
#app12 .hero__overlay { background: linear-gradient(90deg,rgba(12,12,12,.93) 0%,rgba(12,12,12,.68) 46%,rgba(12,12,12,.2) 100%); }
#app12 .hero__content { width: min(1170px,calc(100% - 64px)); margin: 0 auto; padding: 0 0 26px; }
#app12 .hero__eyebrow { margin-bottom: 16px; color: #f4c45b; font-size: .75rem; font-weight: 800; }
#app12 .hero__title { margin-bottom: 15px; color: #fff; font-size: clamp(3rem,5.8vw,5.2rem); font-weight: 850; letter-spacing: -.055em; }
#app12 .hero__title-accent { color: #f4c45b; }
#app12 .hero__title-accent::after { display: none; }
#app12 .hero__subtitle { max-width: 530px; color: #d0d0d0; font-size: 1rem; line-height: 1.62; }
#app12 .hero__bottom { width: min(1170px,calc(100% - 64px)); right: auto; left: 50%; bottom: 26px; padding: 0; transform: translateX(-50%); }
#app12 .hero__stat { flex-direction: row; align-items: baseline; gap: 10px; }
#app12 .hero__stat-num { font-size: 1.8rem; }
#app12 .hero__stat-lbl { color: #c9c9c9; }
#app12 .hero__scroll-btn { width: 43px; height: 43px; border-color: rgba(244,185,66,.45); background: rgba(244,185,66,.11); color: #f4b942; }
#app12 .page-content { max-width: 1200px; padding: 58px 20px 95px; }
#app12 .featured-section { margin-bottom: 64px; }
#app12 .section-badge { margin-bottom: 17px; }
#app12 .section-badge span { border-color: rgba(244,185,66,.35); background: rgba(244,185,66,.11); color: #f4c45b; font-family: "Segoe UI",Arial,sans-serif; font-size: .71rem; }
#app12 .featured { height: 455px; min-height: 0; grid-template-columns: minmax(0,46%) minmax(0,54%); border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: #202020; box-shadow: none; }
#app12 .featured__media { min-width: 0; background: #2c2c2c; }
#app12 .featured__img { position: absolute; inset: 0; }
#app12 .featured__media-overlay { background: linear-gradient(90deg,transparent 75%,#202020); }
#app12 .featured__body { gap: 14px; padding: clamp(28px,4vw,50px); }
#app12 .featured__tag { background: #f4b942; color: #211909; font-size: .68rem; }
#app12 .featured__title { color: #fff; font-size: clamp(1.65rem,2.7vw,2.25rem); font-weight: 850; line-height: 1.18; }
#app12 .featured__text { flex-grow: 0; color: #c4c4c4; font-size: .93rem; line-height: 1.7; white-space: pre-line; }
#app12 .featured__read-more { color: #f4b942; font-size: .86rem; }
#app12 .section-header { margin-bottom: 24px; }
#app12 .section-title { color: #fff; font-size: clamp(2rem,3.5vw,3rem); font-weight: 850; letter-spacing: -.045em; }
#app12 .section-subtitle { color: #aaa; }
#app12 .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 335px; gap: 18px; }
#app12 .news-card, #app12 .news-card--large { grid-column: auto; grid-row: auto; border-color: rgba(255,255,255,.13); border-radius: 19px; }
#app12 .news-card:hover, #app12 .news-card:focus-visible { transform: translateY(-3px); border-color: rgba(244,185,66,.65); box-shadow: 0 16px 36px rgba(0,0,0,.26); outline: none; }
#app12 .news-card__overlay { padding: 25px; background: linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.23) 73%); }
#app12 .news-card__title, #app12 .news-card--large .news-card__title { color: #fff; font-size: clamp(1.3rem,2vw,1.65rem); font-weight: 800; }
#app12 .news-card__excerpt, #app12 .news-card--large .news-card__excerpt { display: -webkit-box; max-width: 520px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #d0d0d0; }
#app12 .news-card__cta { opacity: 1; transform: none; color: #f4b942; }
#app12 .news-empty { padding: 34px; border: 1px solid rgba(244,185,66,.18); border-radius: 16px; background: #202020; color: #c4c4c4; }
#app12 .modal-overlay { z-index: 1200; }
#app12 .modal { background: #222; border: 1px solid rgba(244,185,66,.25); }
#app12 .modal__text { white-space: pre-line; color: #d1d1d1; }
body:has(#app12 .news-page) .footer { margin-top: 0 !important; }
@media (max-width: 800px) {
  #app12 .featured { height: auto; grid-template-columns: 1fr; }
  #app12 .featured__media { height: 290px; }
  #app12 .featured__media-overlay { background: linear-gradient(0deg,#202020,transparent 55%); }
}
@media (max-width: 650px) {
  #app12 .hero { width: calc(100% - 24px); height: 430px; margin-top: 12px; border-radius: 21px; }
  #app12 .hero__overlay { background: linear-gradient(0deg,rgba(12,12,12,.95),rgba(12,12,12,.38)); }
  #app12 .hero__content { width: calc(100% - 46px); padding: 0 0 42px; }
  #app12 .hero__title { font-size: clamp(2.75rem,12vw,4.1rem); }
  #app12 .hero__subtitle { font-size: .88rem; }
  #app12 .hero__bottom { width: calc(100% - 46px); bottom: 17px; }
  #app12 .hero__stat-num { font-size: 1.4rem; }
  #app12 .hero__scroll-btn { width: 36px; height: 36px; }
  #app12 .page-content { padding: 45px 14px 85px; }
  #app12 .featured-section { margin-bottom: 55px; }
  #app12 .featured__media { height: 235px; }
  #app12 .featured__body { padding: 25px; }
  #app12 .news-grid { grid-template-columns: 1fr; grid-auto-rows: 315px; }
  #app12 .news-card__overlay { padding: 21px; }
}
