.dn .nv-stats .dn-ok b{color:#1d8a55}.dn .nv-stats .dn-ko b{color:#c2412d}.dn-group{margin:0 0 36px}.dn-group h2{font-size:22px;letter-spacing:-.02em;margin:0 0 2px}.dn-sous{margin:0 0 14px;color:var(--mut);font-size:14px}.dn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.dn-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(22,27,38,.04);transition:transform .18s,box-shadow .18s}.dn-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(22,27,38,.08)}.dn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dn-head h3{margin:0;font-size:16px;letter-spacing:-.01em;line-height:1.3}.dn-pill{flex:none;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef0f3;color:var(--mut);white-space:nowrap}.dn-pill.r-direct{background:#e6f6ee;color:#1d8a55}.dn-pill.r-jour,.dn-pill.r-semaine{background:var(--sun-soft);color:var(--sun-ink)}.dn-contenu{margin:0;color:var(--mut);font-size:14px}.dn dl{margin:4px 0 0;display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:10px}.dn dl div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.dn dt{color:var(--faint)}.dn dd{margin:0;font-weight:650;text-align:right}.dn dd em{font-style:normal;font-weight:500;color:var(--faint)}.dn-live{display:inline-flex;align-items:center;gap:6px;color:#1d8a55}.dn-live i{width:8px;height:8px;border-radius:50%;background:#22a06b;animation:dn-ping 1.8s infinite}@keyframes dn-ping{0%{box-shadow:0 0 0 0 rgba(34,160,107,.5)}70%,to{box-shadow:0 0 0 7px rgba(34,160,107,0)}}.dn-note{margin:2px 0 0;color:var(--mut);background:#f7f8fa}.dn-note,.dn-panne{font-size:12.5px;border-radius:10px;padding:8px 10px}.dn-panne{margin:0;color:#9b2c1c;background:#fdecea}.dn-foot{color:var(--faint);font-size:13px;text-align:center;margin:10px 0 40px}.dn-foot a{color:var(--sun-ink)}.dn-load{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.dn-skel{height:190px;border-radius:18px;background:linear-gradient(90deg,#eceef1,#f7f8fa,#eceef1);background-size:200% 100%;animation:dn-sh 1.2s linear infinite}@keyframes dn-sh{to{background-position:-200% 0}}@media (max-width:520px){.dn-grid,.dn-load{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dn-live i,.dn-skel{animation:none}.dn-card{transition:none}}