/* Terrain Sûr — « À la une » : fil de cartes du jour (écran Actualité) et aperçu sur l'Accueil */
.une{--u-ink:#16130F;--u-ink2:#221D17;--u-txt:#F6EBD3;--u-mut:#CDBFA8;--u-line:rgba(246,235,211,.14);--u-or:#F28A3C;--u-gold:#F0C24A;--u-green:#3CC27F}
.une-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.une-head h2{margin-top:6px}
.une-maj{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.une-maj i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(14,138,79,.5);animation:unePulse 2.4s infinite}
.une-nav{display:flex;gap:8px}
.une-nav button{width:44px;height:44px;border-radius:50%;border:0;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.une-nav button:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.une-nav button[disabled]{opacity:.35;cursor:default}
.une-nav svg{width:20px;height:20px}
.une-bars{display:flex;gap:4px;margin:18px 0 12px}
.une-bars i{flex:1;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.une-bars i b{display:block;height:100%;width:0;background:var(--orange);transition:width .35s}
.une-bars i.on b,.une-bars i.vu b{width:100%}
.une-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin-inline:-16px;padding:4px 16px 16px;scrollbar-width:none;overscroll-behavior-x:contain}
.une-rail::-webkit-scrollbar{display:none}
.une-rail:empty{min-height:540px}
.une-note{font-size:13.5px;color:var(--muted);max-width:62ch;margin-top:4px}
.une-rail:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* ---- la carte ---- */
.une-card{position:relative;flex:0 0 min(84vw,380px);min-height:min(128vw,560px);scroll-snap-align:start;scroll-snap-stop:always;border-radius:24px;overflow:hidden;
  background:var(--u-ink);color:var(--u-txt);display:flex;flex-direction:column;isolation:isolate;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -22px rgba(30,27,22,.55)}
.une-card::before{content:"";position:absolute;inset:-30%;z-index:-2;opacity:.9;
  background:radial-gradient(40% 32% at 18% 12%,var(--g1,rgba(232,112,26,.55)),transparent 70%),radial-gradient(46% 36% at 92% 78%,var(--g2,rgba(233,178,32,.35)),transparent 70%)}
.une-card::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240' fill='none' stroke='%23F6EBD3' stroke-width='1'%3E%3Cpath d='M-10 60c40-30 80 20 120-6s80-40 140-8'/%3E%3Cpath d='M-10 90c40-26 80 22 122-4s78-36 138-6'/%3E%3Cpath d='M-10 122c44-22 82 24 124 0s76-32 136-4'/%3E%3Cpath d='M-10 156c46-18 84 26 126 4s74-28 134-2'/%3E%3Cpath d='M-10 190c48-14 86 26 128 8s72-24 132 0'/%3E%3Cpath d='M-10 222c50-10 88 24 130 10s70-20 130 2'/%3E%3C/svg%3E") 0 0/240px 240px}
.une-card[data-t="pluie"]{--g1:rgba(110,162,255,.42);--g2:rgba(60,194,127,.28)}
.une-card[data-t="conseil"]{--g1:rgba(60,194,127,.45);--g2:rgba(233,178,32,.3)}
.une-card[data-t="chiffre"],.une-card[data-t="zone"]{--g1:rgba(233,178,32,.5);--g2:rgba(232,112,26,.32)}
.une-card[data-t="video"]{--g1:rgba(232,112,26,.35);--g2:rgba(60,194,127,.25)}
.une-card .kmini{margin:0;width:100%;height:6px;border-radius:0;flex:none;opacity:.95}
.une-in{position:relative;flex:1;display:flex;flex-direction:column;padding:18px 20px 18px}
.une-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
  background:rgba(246,235,211,.1);box-shadow:inset 0 0 0 1px var(--u-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.une-tag svg{width:15px;height:15px;color:var(--u-gold)}
.une-date{font-size:12.5px;color:var(--u-mut);margin-top:10px;font-weight:600}
.une-card h3{font-family:var(--display);font-size:clamp(22px,6vw,28px);font-weight:800;font-stretch:88%;line-height:1.06;letter-spacing:-.015em;margin-top:8px;color:#FFF8EC}
.une-card h3 em{font-style:normal;color:var(--u-gold);font-family:var(--display)}
.une-card p.une-txt{font-size:15px;line-height:1.5;margin-top:12px;color:var(--u-txt)}
.une-big{font-family:var(--display);font-size:clamp(64px,19vw,92px);font-weight:800;font-stretch:78%;line-height:.9;color:var(--u-gold);margin-top:auto;padding-top:14px;letter-spacing:-.03em}
.une-big small{display:block;font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:0;color:var(--u-mut);margin-top:6px;font-stretch:100%}
.une-src{font-size:12.5px;color:var(--u-mut);margin-top:12px}
.une-src a{color:var(--u-txt);text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:12px 0;margin:-12px 0}
.une-act{display:flex;gap:10px;margin-top:auto;padding-top:16px;align-items:center}
.une-in .une-big + .une-src{margin-top:10px}
.une-act .btn{flex:1;min-height:46px;background:var(--u-or);color:#14120E;border-radius:14px}
.une-act .btn:hover{background:#FF9B4D}
.une-share{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--u-txt);background:rgba(246,235,211,.1);box-shadow:inset 0 0 0 1px var(--u-line);text-decoration:none}
.une-share svg{width:20px;height:20px}
.une-share:hover{background:rgba(246,235,211,.18)}

/* pluie : barres par commune */
.une-rain{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.une-rain li{display:grid;grid-template-columns:minmax(0,7.2em) 1fr auto;gap:10px;align-items:center;font-size:13.5px}
.une-rain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.une-rain i{height:10px;border-radius:6px;background:rgba(246,235,211,.12);overflow:hidden}
.une-rain i b{display:block;height:100%;border-radius:6px;width:var(--w,0%);background:linear-gradient(90deg,#6EA2FF,#3CC27F);transform-origin:left;animation:uneGrow .9s cubic-bezier(.2,.8,.2,1) both}
.une-rain li[data-n="2"] i b,.une-rain li[data-n="3"] i b{background:linear-gradient(90deg,#F0C24A,#F28A3C)}
.une-rain em{font-style:normal;font-family:var(--mono);font-size:12.5px;color:var(--u-txt);min-width:5.4em;text-align:right}

/* vidéo */
.une-card.has-media{min-height:min(172vw,680px)}
.une-media{position:absolute;inset:0;z-index:-1;background:var(--u-ink)}
.une-media video,.une-media img{width:100%;height:100%;object-fit:cover;display:block}
.une-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,19,15,.55) 0%,rgba(22,19,15,0) 26%,rgba(22,19,15,.55) 46%,rgba(22,19,15,.9) 62%,rgba(22,19,15,.97) 100%)}
.une-card.has-media .une-in{justify-content:flex-start}
.une-card.has-media h3{margin-top:auto}
.une-card.has-media .une-date{display:none}
.une-card.has-media .une-act{margin-top:0}

/* ---- aperçu sur l'Accueil ---- */
.une-ap{grid-area:une;margin-top:22px;min-height:112px}
.une-ap-h{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.une-ap-h a{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:700;color:var(--link);display:inline-flex;align-items:center;min-height:44px}
.une-new{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--orange);color:#14120E;font-size:11px;letter-spacing:.03em}
.une-ap-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:4px -16px 0;padding:2px 16px 6px;scrollbar-width:none}
.une-ap-rail::-webkit-scrollbar{display:none}
.une-chip{flex:0 0 min(64vw,250px);scroll-snap-align:start;min-height:64px;text-align:left;border:0;cursor:pointer;border-radius:16px;padding:10px 12px 10px 12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;
  background:#16130F;color:#F6EBD3;position:relative;overflow:hidden;font:inherit}
.une-chip::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 0% 0%,var(--g1,rgba(232,112,26,.45)),transparent 70%);opacity:.8}
.une-chip[data-t="pluie"]{--g1:rgba(110,162,255,.42)}.une-chip[data-t="conseil"]{--g1:rgba(60,194,127,.42)}.une-chip[data-t="chiffre"],.une-chip[data-t="zone"]{--g1:rgba(233,178,32,.45)}
.une-chip > *{position:relative}
.une-chip svg{width:22px;height:22px;color:#F0C24A}
.une-chip b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#CDBFA8}
.une-chip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25}
.une-chip:focus-visible,.une-card a:focus-visible,.une-card button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

@media (min-width:700px){
  .une-rail{margin-inline:0;padding-inline:0;scroll-padding-inline:0}
  .une-card{flex-basis:340px;min-height:540px}
  .une-card.has-media{min-height:620px}
  .une-ap-rail{margin-inline:0;padding-inline:0}
}
@media (max-width:699px){ .une-nav{display:none} }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .une-card{box-shadow:inset 0 0 0 1px rgba(246,235,211,.1)} }
:root[data-theme="dark"] .une-card{box-shadow:inset 0 0 0 1px rgba(246,235,211,.1)}

@keyframes unePulse{0%{box-shadow:0 0 0 0 rgba(14,138,79,.5)}70%{box-shadow:0 0 0 8px rgba(14,138,79,0)}100%{box-shadow:0 0 0 0 rgba(14,138,79,0)}}
@keyframes uneGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion: reduce){
  .une-maj i,.une-rain i b{animation:none}
  .une-bars i b{transition:none}
}
/* Sinistres dans le monde, images réelles (satellite, aperçus d'articles) */
.une-card[data-t="monde"]{--g1:rgba(229,72,77,.42);--g2:rgba(110,162,255,.3)}
.une-chip[data-t="monde"]{--g1:rgba(229,72,77,.42)}
.une-credit{position:absolute;right:12px;top:12px;z-index:1;margin:0;max-width:70%;font-size:10.5px;font-weight:600;line-height:1.25;color:rgba(255,255,255,.9);padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:right}
.une-media.une-attente{background:linear-gradient(110deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 70%) 0 0/300% 100%;animation:dmph 1.6s linear infinite;opacity:.6}
.une-card.has-media .une-media img{animation:uneken 14s ease-out both}
@keyframes uneken{from{transform:scale(1.1)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.une-card.has-media .une-media img{animation:none}}