/* Noia Journal - isolated extension of the existing Home typologies mosaic.
   No image, background image or empty media slot is loaded by this stylesheet. */
body.noia-editorial { --ed-paper:#f3eee5; --ed-ink:#211c18; --ed-muted:#655b53; --ed-red:#c95135; --ed-rule:rgba(33,28,24,.18); color-scheme:light; background:var(--ed-paper); color:var(--ed-ink); font-family:var(--f-body,'Roboto'),Arial,sans-serif; }
.noia-editorial main { overflow:visible !important; }
.noia-editorial :where(h1,h2,h3,p) { overflow-wrap:break-word; }
.noia-editorial :where(a,button,input,summary):focus-visible { outline:3px solid currentColor; outline-offset:6px; }
.noia-editorial :where(h2,h3,[id]) { scroll-margin-top:112px; }
.noia-editorial .ed-shell { width:min(100% - 2 * var(--page-pad,32px),1440px); margin-inline:auto; }
.noia-editorial .ed-hero { padding:clamp(148px,14vw,208px) 0 76px; background:var(--ed-ink); color:var(--ed-paper); }
.noia-editorial .ed-hero > .ed-shell,
.noia-editorial .ed-cta > .ed-shell { width:auto; margin-inline:var(--page-pad,32px); }
.noia-editorial .ed-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 42px; font-size:12px; line-height:1.5; color:inherit; }
.noia-editorial .ed-breadcrumb a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.noia-editorial .ed-hero-grid { display:grid; grid-template-columns:1.5fr .65fr; gap:clamp(32px,6vw,96px); align-items:end; }
.noia-editorial .ed-kicker { display:block; font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; line-height:1.5; margin-bottom:24px; }
.noia-editorial .ed-hero h1 { font-family:var(--f-display,'Roboto'),Arial,sans-serif; font-size:clamp(48px,6.3vw,96px); font-weight:500; line-height:.96; letter-spacing:-.055em; text-transform:uppercase; color:inherit; margin:0; max-width:13ch; text-wrap:balance; }
.noia-editorial .ed-hero h1 em { font-family:var(--f-editorial,'Newsreader'),Georgia,serif; font-weight:400; text-transform:none; color:#f5b4a0; letter-spacing:-.035em; }
.noia-editorial .ed-hero-intro { font-size:17px; line-height:1.65; margin:0 0 24px; color:#ded5ca; max-width:45ch; }
.noia-editorial .ed-text-link { display:inline-flex; gap:20px; align-items:center; padding:0 0 8px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid currentColor; }
.noia-editorial .ed-gallery { padding:84px var(--page-pad) 110px; background:var(--ed-ink); color:var(--ed-paper); }
.noia-editorial .ed-gallery .section-head-v3 { width:100%; margin:0 0 42px; max-width:none; }
.noia-editorial .ed-gallery .section-head-v3 h2 { color:var(--ed-paper); font-size:clamp(36px,4.3vw,64px); max-width:22ch; }
.noia-editorial .ed-gallery .section-head-v3 h2 em { color:#f5b4a0; }
.noia-editorial .ed-gallery .section-head-v3 p { color:#d6cabf; font-size:15px; }
.noia-editorial .ed-gallery .micro-label { color:inherit; }
.noia-editorial .ed-controls { max-width:none; width:100%; margin:0 0 32px; padding:22px 0; border-top:1px solid #5a4e44; border-bottom:1px solid #5a4e44; display:flex; gap:20px 28px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.noia-editorial .ed-filters { display:flex; gap:6px; flex-wrap:wrap; }
.noia-editorial .ed-filter { appearance:none; border:1px solid #76695e; border-radius:999px; padding:12px 16px; min-height:44px; background:transparent; color:inherit; cursor:pointer; font:500 12px/1.25 var(--f-body,'Roboto'),Arial,sans-serif; }
.noia-editorial .ed-filter[aria-pressed="true"] { background:var(--ed-paper); border-color:var(--ed-paper); color:var(--ed-ink); }
.noia-editorial .ed-filter:hover { border-color:#f3eee5; }
.noia-editorial .ed-count { color:#d6cabf; margin:0; font-size:12px; line-height:1.5; }
.noia-editorial .ed-mosaic { max-width:none; width:100%; margin-inline:0; }
.noia-editorial .ed-card { background:var(--tile-bg,#eee5d8); color:var(--tile-text,#211c18) !important; border:1px solid var(--tile-rule,rgba(33,28,24,.2)); padding:clamp(26px,3vw,46px); display:flex; flex-direction:column; justify-content:space-between; gap:clamp(40px,6vw,90px); min-height:clamp(410px,39vw,550px); transition:border-color .3s ease,box-shadow .3s ease; }
.noia-editorial .ed-card[data-tone="terra"] { --tile-bg:#b84730; --tile-text:#fffaf4; --tile-rule:rgba(255,255,255,.48); }
.noia-editorial .ed-card[data-tone="dark"] { --tile-bg:#302720; --tile-text:#f5efe5; --tile-rule:#66584c; }
.noia-editorial .ed-card[data-tone="sand"] { --tile-bg:#d8c6b0; --tile-text:#211c18; }
.noia-editorial .ed-card[hidden] { display:none !important; }
.noia-editorial .ed-card-top { padding-right:58px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:11px; line-height:1.4; letter-spacing:.09em; text-transform:uppercase; color:inherit; }
.noia-editorial .ed-number { font-family:var(--f-editorial,'Newsreader'),Georgia,serif; font-size:40px; line-height:1; letter-spacing:-.04em; }
.noia-editorial .ed-card .mosaic-v3-copy { position:static; color:inherit; }
.noia-editorial .ed-card .mosaic-v3-copy h3 { font-family:var(--f-display,'Roboto'),Arial,sans-serif; color:inherit; font-size:clamp(27px,3.1vw,48px); line-height:1.05; letter-spacing:-.042em; font-weight:500; text-transform:none; margin:12px 0 20px; text-wrap:balance; }
.noia-editorial .ed-card .mosaic-v3-copy p { color:inherit; font-size:15px; line-height:1.6; letter-spacing:0; max-width:49ch; margin:0; }
.noia-editorial .ed-card .ed-card-meta { display:flex; gap:8px 16px; flex-wrap:wrap; color:inherit; font-size:11px; line-height:1.5; margin:24px 0 0; }
.noia-editorial .ed-card .ed-card-action { display:inline-block; font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.08em; margin-top:22px; border-bottom:1px solid currentColor; padding-bottom:5px; }
.noia-editorial .ed-card .mosaic-v3-arrow { color:inherit; border-color:currentColor; }
.noia-editorial .ed-card:hover .mosaic-v3-arrow { color:var(--tile-bg,#eee5d8); background:var(--tile-text,#211c18); }
.noia-editorial .ed-card:not(a) .mosaic-v3-arrow { display:none; }
.noia-editorial .ed-card--pending { border-style:dashed; }
.noia-editorial .ed-card--pending .ed-card-action { border:0; }
.noia-editorial .ed-cta { padding:72px 0 80px; background:var(--ed-paper); color:var(--ed-ink); }
.noia-editorial .ed-cta-inner { display:grid; grid-template-columns:1.5fr .65fr; gap:44px; align-items:end; }
.noia-editorial .ed-cta h2 { margin:0 0 24px; font:500 clamp(36px,4.4vw,66px)/1.02 var(--f-display,'Roboto'),Arial,sans-serif; letter-spacing:-.045em; color:inherit; max-width:16ch; }
.noia-editorial .ed-cta h2 em { font-family:var(--f-editorial,'Newsreader'),Georgia,serif; color:#ae412c; font-weight:400; }
.noia-editorial .ed-cta p { max-width:55ch; font-size:16px; line-height:1.6; }
.noia-editorial .ed-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:52px; padding:15px 22px; background:var(--ed-ink); color:var(--ed-paper); border:1px solid var(--ed-ink); border-radius:999px; text-decoration:none; font-size:13px; font-weight:500; }
.noia-editorial .ed-button:hover { background:#473429; }
.noia-editorial .ed-article-hero { background:var(--ed-paper); color:var(--ed-ink); padding:148px 0 58px; border-bottom:1px solid var(--ed-rule); }
.noia-editorial .ed-article-hero .ed-breadcrumb { margin-bottom:40px; color:var(--ed-muted); }
.noia-editorial .ed-article-hero h1 { margin:0; max-width:1080px; font:500 clamp(38px,5vw,74px)/1.04 var(--f-display,'Roboto'),Arial,sans-serif; letter-spacing:-.048em; color:inherit; text-wrap:balance; }
.noia-editorial .ed-article-meta { display:flex; gap:10px 20px; flex-wrap:wrap; font-size:12px; line-height:1.6; color:var(--ed-muted); margin:28px 0 0; }
.noia-editorial .ed-article-meta a { text-decoration:underline; text-underline-offset:3px; }
.noia-editorial .ed-article-layout { display:grid; grid-template-columns:230px minmax(0,760px); gap:clamp(44px,7vw,110px); justify-content:center; align-items:start; padding-top:56px; padding-bottom:96px; }
.noia-editorial .ed-toc { position:sticky; top:124px; border-top:1px solid var(--ed-rule); padding-top:20px; }
.noia-editorial .ed-toc h2 { font:600 11px/1.4 var(--f-body,'Roboto'),Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; margin:0 0 16px; }
.noia-editorial .ed-toc a { display:block; padding:9px 0; font-size:12px; line-height:1.5; text-decoration:none; color:var(--ed-muted); }
.noia-editorial .ed-toc a:hover { color:var(--ed-ink); text-decoration:underline; }
.noia-editorial .ed-toc-mobile { display:none; }
.noia-editorial .ed-article-body { min-width:0; }
.noia-editorial .ed-lead { font-size:clamp(20px,2vw,25px); line-height:1.55; margin:0 0 38px; color:var(--ed-ink); letter-spacing:-.015em; }
.noia-editorial .ed-body-copy { font-size:17px; line-height:1.85; color:var(--ed-ink); }
.noia-editorial .ed-body-copy p { margin:0 0 22px; }
.noia-editorial .ed-body-copy h2 { font:500 clamp(25px,2.6vw,35px)/1.2 var(--f-display,'Roboto'),Arial,sans-serif; color:var(--ed-ink); letter-spacing:-.025em; margin:52px 0 22px; text-transform:none; }
.noia-editorial .ed-body-copy h3 { font:500 21px/1.35 var(--f-display,'Roboto'),Arial,sans-serif; color:var(--ed-ink); margin:26px 0 12px; }
.noia-editorial .ed-body-copy a,.noia-editorial .ed-reference a { color:#9f3e29; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.noia-editorial .ed-note { padding:20px 24px; border-left:3px solid #ac492f; background:#e9e1d5; font-size:13px; line-height:1.65; color:var(--ed-ink); margin:28px 0; }
.noia-editorial .ed-reference { border-top:1px solid var(--ed-rule); margin-top:44px; padding-top:24px; }
.noia-editorial .ed-reference h2 { margin:0 0 16px; font-size:17px; }
.noia-editorial .ed-reference ul { padding-left:18px; font-size:13px; line-height:1.6; }
.noia-editorial .ed-reference li { margin-bottom:10px; }
.noia-editorial .ed-reference p { font-size:12px; color:var(--ed-muted); }
.noia-editorial .ed-related { padding:64px 0 80px; background:#e4d9ca; color:var(--ed-ink); }
.noia-editorial .ed-related h2 { font:500 clamp(28px,3vw,43px)/1.1 var(--f-display,'Roboto'),Arial,sans-serif; letter-spacing:-.03em; color:inherit; margin:0 0 30px; }
.noia-editorial .ed-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.noia-editorial .ed-related a { border-top:1px solid #8d7a65; padding:22px 0; text-decoration:none; }
.noia-editorial .ed-related a:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.noia-editorial .ed-related h3 { max-width:28ch; margin:15px 0 0; font:500 clamp(22px,2.4vw,32px)/1.16 var(--f-display,'Roboto'),Arial,sans-serif; letter-spacing:-.025em; color:inherit; }
.noia-editorial .ed-reveal { opacity:1; transform:none; }
@media (prefers-reduced-motion:no-preference) {
 .noia-editorial .ed-reveal.ed-waiting { opacity:0; transform:translateY(24px); }
 .noia-editorial .ed-reveal { transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1); }
}
@media(min-width:1500px) { .noia-editorial .ed-card { min-height:540px; } }
@media(max-width:1000px) {
 .noia-editorial .ed-hero-grid,.noia-editorial .ed-cta-inner { grid-template-columns:1fr; gap:30px; }
 .noia-editorial .ed-hero h1 { max-width:17ch; }
 .noia-editorial .ed-hero-intro { max-width:65ch; }
 .noia-editorial .ed-article-layout { grid-template-columns:190px minmax(0,1fr); gap:36px; }
 .noia-editorial .ed-card,.noia-editorial .ed-card.mosaic-v3-card--wide { grid-column:span 6; }
 .noia-editorial .ed-card .mosaic-v3-copy h3 { font-size:30px; }
 .noia-editorial .ed-gallery .section-head-v3 { grid-template-columns:1fr; gap:25px; }
}
@media(max-width:700px) {
 .noia-editorial .ed-hero { padding-top:132px; padding-bottom:42px; }
 .noia-editorial .ed-hero h1 { font-size:clamp(40px,10vw,62px); }
 .noia-editorial .ed-gallery { padding-top:48px; padding-bottom:68px; }
 .noia-editorial .ed-gallery .display-sans { font-size:39px; }
 .noia-editorial .ed-mosaic { grid-template-columns:1fr; gap:10px; }
 .noia-editorial .ed-card,.noia-editorial .ed-card.mosaic-v3-card--wide { grid-column:1; min-height:370px; padding:26px; gap:42px; }
 .noia-editorial .ed-card .mosaic-v3-copy h3 { font-size:30px; }
 .noia-editorial .ed-card .mosaic-v3-copy p { font-size:15px; }
 .noia-editorial .ed-filters { gap:7px; }
 .noia-editorial .ed-filter { font-size:11px; padding:11px 13px; }
 .noia-editorial .ed-article-hero { padding-top:132px; padding-bottom:34px; }
 .noia-editorial .ed-article-layout { display:block; padding-top:32px; padding-bottom:48px; }
 .noia-editorial .ed-article-body .ed-body-copy { font-size:16px; line-height:1.8; }
 .noia-editorial .ed-toc { display:none; }
 .noia-editorial .ed-toc-mobile { display:block; padding:16px 0; margin-bottom:26px; border-top:1px solid var(--ed-rule); border-bottom:1px solid var(--ed-rule); }
 .noia-editorial .ed-toc-mobile summary { cursor:pointer; font-size:14px; font-weight:600; }
 .noia-editorial .ed-toc-mobile a { display:block; padding:9px 0; font-size:13px; line-height:1.4; text-decoration:none; }
 .noia-editorial .ed-lead { font-size:21px; }
 .noia-editorial .ed-related-grid { grid-template-columns:1fr; gap:6px; }
 .noia-editorial .ed-cta-inner { display:block; }
}
@media(prefers-reduced-motion:reduce) { .noia-editorial *, .noia-editorial *::before, .noia-editorial *::after { scroll-behavior:auto !important; transition:none !important; } }
@media print {
 .noia-editorial .noia-header,.noia-editorial .noia-mobile-overlay,.noia-editorial .site-footer,.noia-editorial .ed-toc,.noia-editorial .ed-toc-mobile,.noia-editorial .ed-cta,.noia-editorial .ed-related { display:none; }
 .noia-editorial .ed-article-hero { padding:0 0 24px; }
 .noia-editorial .ed-article-layout { display:block; padding:0; }
 .noia-editorial .ed-article-body { max-width:none; }
 .noia-editorial .ed-hero,.noia-editorial .ed-gallery,.noia-editorial .ed-card { background:white !important; color:black !important; }
 .noia-editorial .ed-reveal { opacity:1 !important; transform:none !important; }
}

/* NOÏA — dark mode / editorial news — 2026-09-10 */
html[data-theme="dark"] body.noia-editorial {
  --ed-paper: #191512;
  --ed-ink: #F5EFE5;
  --ed-muted: #BFB4A9;
  --ed-rule: rgba(245,239,229,.16);
  color-scheme: dark;
  background: #191512;
  color: #F5EFE5;
}
html[data-theme="dark"] .noia-editorial :where(.ed-article-hero,.ed-cta) {
  background: #191512;
  color: #F5EFE5;
}
html[data-theme="dark"] .noia-editorial .ed-related {
  background: #211C18;
  color: #F5EFE5;
}
html[data-theme="dark"] .noia-editorial .ed-note {
  background: #2A2420;
  color: #F5EFE5;
}
html[data-theme="dark"] .noia-editorial :where(.ed-lead,.ed-body-copy,.ed-body-copy h2,.ed-body-copy h3,.ed-related h2,.ed-related h3) {
  color: #F5EFE5;
}
html[data-theme="dark"] .noia-editorial :where(.ed-article-meta,.ed-reference p,.ed-toc a) { color:#BFB4A9; }

/* Article featured media — 2026-09-11 */
.noia-editorial .ed-article-featured {
  margin:0;
  padding:clamp(26px,3vw,44px) 0 clamp(42px,5vw,72px);
  background:var(--ed-paper);
  color:var(--ed-ink);
}
.noia-editorial .ed-article-featured .ed-shell {
  width:min(100% - 2 * var(--page-pad,32px),1440px);
  margin-inline:auto;
}
.noia-editorial .ed-article-featured-frame {
  position:relative;
  overflow:hidden;
  aspect-ratio:8 / 5;
  background:#211d1a;
}
.noia-editorial .ed-article-featured img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.noia-editorial .ed-article-featured figcaption {
  margin:10px 0 0;
  font-size:11px;
  line-height:1.45;
  color:var(--ed-muted);
}
.noia-editorial .ed-article-featured figcaption a {
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
html[data-theme="dark"] .noia-editorial .ed-article-featured {
  background:#211d1a;
  color:#f6f2ea;
}
html[data-theme="dark"] .noia-editorial .ed-article-featured figcaption {
  color:#bfb4a9;
}
@media (max-width:767px) {
  .noia-editorial .ed-article-featured {
    padding:18px 0 34px;
  }
  .noia-editorial .ed-article-featured-frame {
    aspect-ratio:4 / 3;
  }
  .noia-editorial .ed-article-featured figcaption {
    margin-top:8px;
    font-size:10px;
  }
}

/* Conseils gallery — couvertures photo en fond, conformes a la charte — 2026-09-11 */
.noia-editorial .ed-card.ed-card--with-cover {
  --tile-bg:#181411;
  --tile-text:#F7F3ED;
  --tile-rule:rgba(245,239,229,.28);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  justify-content:flex-end;
  gap:18px;
  min-height:clamp(500px,43vw,640px);
  padding:clamp(26px,3vw,44px);
  background:#181411;
  color:#F7F3ED !important;
  border-color:var(--tile-rule);
}
.noia-editorial .ed-card--with-cover > .ed-card-bg {
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:var(--ed-cover-x,50%) var(--ed-cover-y,50%);
  display:block;
  transform:scale(1.001);
  filter:saturate(.96) contrast(1.02);
  transition:transform .85s cubic-bezier(.22,1,.36,1),filter .55s ease;
}
/* Dégradé repris de la section Photographie / Galerie de la charte Noïa. */
.noia-editorial .ed-card--with-cover > .mosaic-v3-overlay.ed-card-shade {
  position:absolute;
  inset:0;
  z-index:1 !important;
  width:100%;
  height:100%;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(0deg,
      rgba(0,0,0,.98) 0%,
      rgba(0,0,0,.84) 22%,
      rgba(0,0,0,.58) 44%,
      rgba(0,0,0,.30) 64%,
      rgba(0,0,0,.10) 82%,
      rgba(0,0,0,0) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,.38) 0%,
      rgba(0,0,0,.12) 48%,
      rgba(0,0,0,0) 76%) !important;
}
.noia-editorial .ed-card--with-cover > .ed-card-top,
.noia-editorial .ed-card--with-cover > .mosaic-v3-copy,
.noia-editorial .ed-card--with-cover > .mosaic-v3-arrow {
  position:relative;
  z-index:2 !important;
}
.noia-editorial .ed-card--with-cover > .ed-card-top {
  margin-top:auto;
  padding:0 58px 0 0;
  color:#F5EFE5;
}
.noia-editorial .ed-card--with-cover > .ed-card-top > span:not(.ed-number) {
  color:#E8876F;
  font-weight:600;
}
.noia-editorial .ed-card--with-cover > .mosaic-v3-copy {
  color:#fff;
  margin-top:0;
  padding:0;
}
.noia-editorial .ed-card--with-cover > .mosaic-v3-copy h3 {
  color:#fff;
  font-size:clamp(25px,2.55vw,42px);
  max-width:20ch;
  margin:8px 0 16px;
  text-shadow:0 1px 18px rgba(0,0,0,.18);
}
.noia-editorial .ed-card--with-cover > .mosaic-v3-copy p {
  color:rgba(245,239,229,.88);
  max-width:48ch;
}
.noia-editorial .ed-card--with-cover .ed-card-meta {
  color:rgba(245,239,229,.76);
}
.noia-editorial .ed-card--with-cover .ed-card-action {
  color:#fff;
}
.noia-editorial .ed-card--with-cover > .mosaic-v3-arrow {
  position:absolute;
  right:clamp(18px,2vw,32px);
  top:clamp(18px,2vw,32px);
  color:#F5EFE5;
  border-color:rgba(245,239,229,.64);
  background:rgba(21,17,15,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.noia-editorial .ed-card--with-cover:hover > .ed-card-bg,
.noia-editorial .ed-card--with-cover:focus-visible > .ed-card-bg {
  transform:scale(1.045);
  filter:saturate(1) contrast(1.04);
}
.noia-editorial .ed-card--with-cover:hover > .mosaic-v3-arrow,
.noia-editorial .ed-card--with-cover:focus-visible > .mosaic-v3-arrow {
  color:#211c18;
  background:#F5EFE5;
}
.noia-editorial .ed-card--pending.ed-card--with-cover {
  border-style:solid;
}
@media(max-width:1000px) {
  .noia-editorial .ed-card.ed-card--with-cover,
  .noia-editorial .ed-card.ed-card--with-cover.mosaic-v3-card--wide {
    min-height:560px;
    padding:30px;
  }
  .noia-editorial .ed-card--with-cover > .mosaic-v3-copy h3 { font-size:29px; max-width:22ch; }
}
@media(max-width:700px) {
  .noia-editorial .ed-card.ed-card--with-cover,
  .noia-editorial .ed-card.ed-card--with-cover.mosaic-v3-card--wide {
    min-height:560px;
    padding:22px;
    gap:14px;
  }
  .noia-editorial .ed-card--with-cover > .ed-card-top { padding-right:52px; }
  .noia-editorial .ed-card--with-cover .ed-number { font-size:34px; }
  .noia-editorial .ed-card--with-cover > .mosaic-v3-copy h3 { font-size:28px; line-height:1.03; }
  .noia-editorial .ed-card--with-cover > .mosaic-v3-copy p { font-size:14px; line-height:1.55; }
  .noia-editorial .ed-card--with-cover > .mosaic-v3-overlay.ed-card-shade {
    background:
      linear-gradient(0deg,
        rgba(0,0,0,.98) 0%,
        rgba(0,0,0,.88) 24%,
        rgba(0,0,0,.66) 46%,
        rgba(0,0,0,.38) 64%,
        rgba(0,0,0,.14) 80%,
        rgba(0,0,0,0) 100%),
      linear-gradient(90deg,
        rgba(0,0,0,.36) 0%,
        rgba(0,0,0,.10) 52%,
        rgba(0,0,0,0) 78%) !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .noia-editorial .ed-card--with-cover > .ed-card-bg { transition:none; }
  .noia-editorial .ed-card--with-cover:hover > .ed-card-bg,
  .noia-editorial .ed-card--with-cover:focus-visible > .ed-card-bg { transform:none; }
}


/* Lisibilite finale des couvertures — texte clair sur photo — 2026-09-11 */
.noia-editorial .ed-card.ed-card--with-cover,
.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top,
.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top .ed-number,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy h3,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy p,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta *,
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-action {
  color:#F7F3ED !important;
  opacity:1 !important;
}
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy h3 {
  color:#FFFFFF !important;
  text-shadow:0 2px 20px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.72);
}
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy p {
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 1px 10px rgba(0,0,0,.45);
}
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta {
  color:rgba(255,255,255,.86) !important;
}
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-action {
  color:#FFFFFF !important;
  border-bottom-color:rgba(255,255,255,.62) !important;
}
.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top > span:not(.ed-number) {
  color:#FF9F86 !important;
  opacity:1 !important;
}
.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-arrow {
  color:#F7F3ED !important;
  border-color:rgba(247,243,237,.72) !important;
}

/* ============================================================
   V14 — CONSEILS / COUVERTURES ARTICLES — CONTRASTE ROBUSTE
   2026-09-11
   Les couvertures photo gardent du texte clair dans les deux themes.
   Light : voile brun plus doux. Dark : voile plus dense.
   ============================================================ */
.noia-editorial .ed-card.ed-card--with-cover {
  --ed-cover-copy:#FFFDF8;
  --ed-cover-copy-soft:#F5EFE5;
  --ed-cover-copy-muted:#F2E9DD;
}

html[data-theme="light"] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-overlay.ed-card-shade {
  background:
    linear-gradient(to top,
      rgba(33,28,24,.90) 0%,
      rgba(33,28,24,.84) 22%,
      rgba(33,28,24,.70) 42%,
      rgba(33,28,24,.48) 60%,
      rgba(33,28,24,.26) 73%,
      rgba(33,28,24,.10) 84%,
      rgba(33,28,24,0) 100%) !important;
}

html[data-theme="dark"] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-overlay.ed-card-shade {
  background:
    linear-gradient(to top,
      rgba(21,17,15,.97) 0%,
      rgba(21,17,15,.90) 24%,
      rgba(21,17,15,.76) 44%,
      rgba(21,17,15,.54) 62%,
      rgba(21,17,15,.30) 76%,
      rgba(21,17,15,.12) 86%,
      rgba(21,17,15,0) 100%) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top *,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy h3,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy p,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta *,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-action {
  opacity:1 !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy h3 {
  color:var(--ed-cover-copy) !important;
  text-shadow:0 2px 18px rgba(21,17,15,.68), 0 1px 3px rgba(21,17,15,.88) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy p,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-meta * {
  color:var(--ed-cover-copy-soft) !important;
  text-shadow:0 1px 10px rgba(21,17,15,.64) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top * {
  color:var(--ed-cover-copy-muted) !important;
  text-shadow:0 1px 10px rgba(21,17,15,.70) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy .ed-card-action {
  color:var(--ed-cover-copy) !important;
  border-bottom-color:rgba(255,253,248,.78) !important;
  text-shadow:0 1px 8px rgba(21,17,15,.68) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-arrow {
  color:#FFFDF8 !important;
  border-color:rgba(255,253,248,.82) !important;
  background:rgba(33,28,24,.48) !important;
  box-shadow:0 2px 14px rgba(21,17,15,.18) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover:is(:hover,:focus-visible) > .mosaic-v3-arrow {
  color:#211D1A !important;
  border-color:#FFFDF8 !important;
  background:#FFFDF8 !important;
}

@media(max-width:700px) {
  html[data-theme="light"] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-overlay.ed-card-shade {
    background:
      linear-gradient(to top,
        rgba(33,28,24,.94) 0%,
        rgba(33,28,24,.88) 28%,
        rgba(33,28,24,.74) 48%,
        rgba(33,28,24,.52) 66%,
        rgba(33,28,24,.28) 79%,
        rgba(33,28,24,.10) 90%,
        rgba(33,28,24,0) 100%) !important;
  }
}


/* ============================================================
   V15 — CONSEILS / TOUT LE TEXTE DES COUVERTURES EN CLAIR
   2026-09-11
   Toute typographie superposee aux couvertures reste en blanc chaud.
   ============================================================ */
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top *,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy,
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy * {
  color:#FFFDF8 !important;
  opacity:1 !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy h3 {
  color:#FFFDF8 !important;
  text-shadow:0 2px 18px rgba(21,17,15,.70), 0 1px 3px rgba(21,17,15,.92) !important;
}

html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .mosaic-v3-copy :is(p,.ed-card-meta,.ed-card-meta *,time,.ed-card-action),
html[data-theme] body.noia-editorial .ed-card.ed-card--with-cover > .ed-card-top :is(span,.ed-number) {
  color:#FFFDF8 !important;
  text-shadow:0 1px 10px rgba(21,17,15,.68) !important;
}


/* ============================================================
   V16 — CONSEILS / TEXTE DE COUVERTURE TOUJOURS CLAIR
   2026-09-11
   Verrou CSS indépendant du thème + text-fill pour tous les moteurs.
   ============================================================ */
body#haut-de-page.noia-editorial #articles-grid.ed-mosaic > .ed-card.ed-card--with-cover,
body#haut-de-page.noia-editorial #articles-grid.ed-mosaic > .ed-card.ed-card--with-cover :is(.ed-card-top,.ed-card-top *, .mosaic-v3-copy,.mosaic-v3-copy *, .ed-card-meta,.ed-card-meta *, .ed-card-action, h3, p, span, time) {
  color:#FFFDF8 !important;
  -webkit-text-fill-color:#FFFDF8 !important;
  opacity:1 !important;
}
body#haut-de-page.noia-editorial #articles-grid.ed-mosaic > .ed-card.ed-card--with-cover > .mosaic-v3-copy h3 {
  color:#FFFDF8 !important;
  -webkit-text-fill-color:#FFFDF8 !important;
  text-shadow:0 2px 18px rgba(21,17,15,.76),0 1px 3px rgba(21,17,15,.92) !important;
}