/* Rubrique Veille — complément à css/style.css.
   Fichier autonome : style.css n'est jamais modifié par le pipeline. */

.v-list{display:grid;gap:22px;max-width:900px;margin-inline:auto}

.v-item{padding:28px 30px}
.v-item h3{margin:6px 0 14px;font-size:1.28rem;line-height:1.32}
.v-item h3 a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--blue-600),var(--blue-600));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s var(--ease)}
.v-item h3 a:hover{color:var(--blue-700);background-size:100% 2px}

.v-head{display:flex;align-items:center;gap:14px}
.v-rank{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;line-height:1;
  color:#fff;background:var(--grad-primary);border-radius:10px;padding:8px 10px;flex:0 0 auto}
.v-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:.84rem}
.v-source{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--blue-700);
  letter-spacing:.02em}
.v-date{color:var(--slate-2)}

.v-extract{margin:0 0 16px;padding:14px 18px;border-left:3px solid var(--cyan-500);
  background:var(--mist);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--slate);
  font-size:.97rem;line-height:1.62}
.v-extract cite{display:block;margin-top:8px;font-style:normal;font-size:.8rem;color:var(--slate-2)}

.v-also{margin:0 0 14px;font-size:.86rem;color:var(--slate-2)}

.v-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.v-tag{font-size:.76rem;font-weight:600;color:var(--blue-700);background:var(--grad-primary-soft);
  padding:5px 11px;border-radius:40px}

.v-why{margin-bottom:16px;border-top:1px solid var(--line-2);padding-top:12px}
.v-why summary{cursor:pointer;font-size:.84rem;font-weight:600;color:var(--slate-2);
  list-style:none;display:inline-flex;align-items:center;gap:7px}
.v-why summary::-webkit-details-marker{display:none}
.v-why summary::before{content:"▸";transition:transform .25s var(--ease);display:inline-block}
.v-why[open] summary::before{transform:rotate(90deg)}
.v-why ul{margin:10px 0 0;padding-left:18px;color:var(--slate);font-size:.87rem;line-height:1.7}

.v-editionnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;
  max-width:900px;margin:36px auto 0}
.v-prev{margin-right:auto}

.v-methodwrap{margin-top:48px}
.veille-method summary{padding:18px 22px;font-weight:600;cursor:pointer;display:flex;
  justify-content:space-between;align-items:center;gap:16px;list-style:none}
.veille-method summary::-webkit-details-marker{display:none}
.veille-method .pm{color:var(--blue-600);font-weight:700;font-size:1.2rem;line-height:1}
.veille-method[open] .pm{transform:rotate(45deg)}
.veille-method .ans{padding:0 22px 20px;color:var(--slate);font-size:.95rem;line-height:1.72}
.veille-method .ans ul{margin:12px 0;padding-left:20px}
.veille-method .ans li{margin-bottom:7px}

.v-archive{list-style:none;padding:0;margin:0;max-width:900px;margin-inline:auto;
  display:grid;gap:10px}
.v-archive a{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;
  border:1px solid var(--line-2);border-radius:var(--r);text-decoration:none;color:var(--ink);
  transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.v-archive a:hover{border-color:transparent;box-shadow:var(--shadow-sm);transform:translateX(4px)}
.v-archive svg{width:18px;height:18px;margin-left:auto;color:var(--blue-600);flex:0 0 auto}
.v-adate{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--blue-700);
  min-width:11ch;font-size:.92rem}
.v-atitle{color:var(--slate);font-size:.92rem}

.v-feedline{max-width:900px;margin:28px auto 0}

@media(max-width:720px){
  .v-item{padding:22px 20px}
  .v-item h3{font-size:1.12rem}
  .v-archive a{flex-wrap:wrap;gap:6px 14px}
  .v-adate{min-width:0}
}