.articles-page{display:flex;flex-direction:column;gap:22px}.articles-page .pf-tete .hint{margin:0;color:var(--esp-ink-3);font-size:14.5px;line-height:1.6}.artg-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.artg-case{position:relative}.artg-carte{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#23232a;border:1px solid #ffffff12;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.artg-carte:hover{transform:translateY(-2px);border-color:#ffffff2e;box-shadow:0 14px 30px -18px #000c}.artg-lien{display:flex;flex-direction:column;text-decoration:none;color:inherit}.artg-commentaire{display:block;width:100%;margin:0;padding:10px 13px 12px;border:0;border-top:1px solid #ffffff12;background:transparent;color:#e4e4ea;font:inherit;font-size:12.5px;line-height:1.45;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.artg-commentaire[data-vide]{color:#8c8c9a;font-style:italic}.artg-commentaire:hover{background:#ffffff08}.artg-commentaire-champ{display:flex;flex-direction:column;gap:8px;padding:10px 13px 12px;border-top:1px solid #ffffff12}.artg-commentaire-champ textarea{width:100%;box-sizing:border-box;resize:vertical;padding:8px 10px;border-radius:10px;border:1px solid #ffffff24;background:#1a1a20;color:#f5f5f7;font:inherit;font-size:12.5px;line-height:1.45}.artg-commentaire-champ textarea:focus{outline:2px solid #e6a0e2;outline-offset:1px}.artg-commentaire-champ>div{display:flex;align-items:center;gap:10px}.artg-commentaire-champ .btn{padding:6px 12px;font-size:12.5px}.artg-commentaire-annuler{border:0;background:none;padding:4px 2px;font:inherit;font-size:12px;color:#b8b8c4;text-decoration:underline;cursor:pointer}.artg-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:hsl(var(--actu-teinte) 30% 22%)}.artg-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artg-initiale{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#ffffffd9;font-size:34px;font-weight:700;letter-spacing:-.02em}.artg-image[data-vide] .artg-initiale{display:flex}.artg-quand{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:999px;background:#000000a6;color:#f5f5f7;font-size:11.5px;font-weight:500}.artg-corps{display:flex;flex-direction:column;gap:6px;padding:12px 13px 13px}.artg-source{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b8b8c4}.artg-source:before{content:"";width:6px;height:6px;border-radius:50%;background:#c21e68}.artg-titre{font-size:13.5px;line-height:1.35;font-weight:600;color:#f5f5f7}.articles-page .tb-vide{margin:0;padding:18px 20px;border-radius:14px;background:var(--esp-zone);border:1px solid var(--esp-sep);color:var(--esp-ink-3);font-size:14.5px;line-height:1.6}