/* DATAGOZ — espace apprenant : ressources pédagogiques */
.dgr{--navy:#0A1B3D;--ink:#0F172A;--muted:#64748B;--muted2:#94A3B8;--line:#E2E8F0;
  --blue:#2563EB;--green:#10B981;--amber:#F59E0B;--slate:#F1F5F9;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink)}
.dgr-head h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.dgr-head p{margin:0 0 22px;color:var(--muted);font-size:14.5px;max-width:62ch}
.dgr-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.dgr-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.dgr-stat b{display:block;font-size:21px;font-weight:800}
.dgr-stat span{font-size:12px;color:var(--muted)}
.dgr-pack{background:linear-gradient(112deg,#0A1B3D,#12295C 62%,#1B3B7A);border-radius:18px;
  padding:26px 28px;color:#fff;margin-bottom:26px}
.dgr-pack-in{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.dgr-pack-txt{flex:1;min-width:260px}
.dgr-pack-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#93C5FD;margin-bottom:9px}
.dgr-pack h2{margin:0 0 8px;font-size:23px;font-weight:800}
.dgr-pack p{margin:0 0 14px;color:#C7D2E5;font-size:14px;max-width:52ch}
.dgr-pack-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#A9BAD4}
.dgr-pack-cta{min-width:212px}
.dgr-btn{height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;text-decoration:none}
.dgr-btn-primary{background:#fff;color:#0A1B3D}
.dgr-btn-primary:hover{filter:brightness(.94);color:#0A1B3D;text-decoration:none}
.dgr-btn-locked{background:rgba(255,255,255,.13);color:#B6C4DC}
.dgr-pack-note{font-size:11.5px;color:#93C5FD;text-align:center;margin-top:9px}
.dgr-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center}
.dgr-chip{height:33px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;
  font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:7px}
.dgr-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dgr-chip i{width:6px;height:6px;border-radius:99px;display:block}
.dgr-count{margin-left:auto;font-size:12.5px;color:var(--muted)}
.dgr-chapter{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;
  overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.05)}
.dgr-ch-head{width:100%;display:flex;align-items:center;gap:14px;padding:15px 18px;text-align:left;
  background:none;border:0;cursor:pointer}
.dgr-ch-head:hover{background:#FBFCFE}
.dgr-ch-num{width:34px;height:34px;border-radius:10px;background:var(--slate);color:#475569;
  display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto}
.dgr-chapter.open .dgr-ch-num{background:#EFF4FF;color:var(--blue)}
.dgr-ch-t{flex:1;min-width:0}
.dgr-ch-t b{display:block;font-size:14.5px;font-weight:600}
.dgr-ch-t span{font-size:12.5px;color:var(--muted)}
.dgr-badge{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.b-ok{background:#ECFDF5;color:#047857}
.b-wait{background:#FEF6E7;color:#B45309}
.b-lock{background:var(--slate);color:var(--muted)}
.dgr-caret{color:var(--muted2);transition:transform .2s}
.dgr-chapter.open .dgr-caret{transform:rotate(180deg)}
.dgr-ch-body{display:none;border-top:1px solid #EEF2F7;padding:6px 8px 10px}
.dgr-chapter.open .dgr-ch-body{display:block}
.dgr-res{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:11px}
.dgr-res:hover{background:#F8FAFC}
.dgr-res-ic{width:38px;height:38px;border-radius:10px;flex:0 0 auto}
.dgr-res-t{flex:1;min-width:0}
.dgr-res-t b{display:block;font-size:14px;font-weight:600}
.dgr-res-t > span{font-size:12.5px;color:var(--muted2);display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.dgr-res-t em{font-style:normal}
.dgr-res-t em::before{content:"·";margin-right:8px;color:#CBD5E1}
.dgr-res-t em.wait{color:#B45309}
.dgr-res-t em.err{color:#B91C1C}
.dgr-dl{height:36px;padding:0 15px;border-radius:9px;border:1px solid var(--line);background:#fff;
  font-size:13px;font-weight:600;display:flex;align-items:center;color:#334155;text-decoration:none;
  flex:0 0 auto}
.dgr-dl:hover{border-color:var(--blue);color:var(--blue);background:#EFF4FF;text-decoration:none}
.dgr-dl.ghost{color:var(--muted2);border-style:dashed}
.dgr-dl.ghost:hover{border-color:var(--line);color:var(--muted2);background:#fff}
@media (max-width:768px){.dgr-strip{grid-template-columns:repeat(2,1fr)}}