/* présentation */
.pr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(30px,5vw,80px);align-items:start}
.pr__t{display:grid;gap:18px}
.pr__t h2{margin-bottom:6px}
.pr__t p{font-size:1.05rem}
.pr__t p.lead{font-size:1.2rem;line-height:1.5;color:var(--navy);font-weight:500}
.use{border:1px solid var(--line);border-top:4px solid var(--blue);background:#fff}
.use h3{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);
  font-weight:800;padding:20px 24px 0}
.use ul{list-style:none;padding:8px 0 6px}
.use a{display:flex;align-items:center;gap:16px;padding:13px 24px;color:var(--navy);
  font-family:var(--ui);font-weight:700;font-size:.96rem;transition:background .14s}
.use li+li a{border-top:1px solid var(--line-s)}
.use a:hover{background:var(--wash);color:var(--blue);text-decoration:none}
.use a > .ic:last-child{margin-left:auto;color:#A8C2D2}
.tile{flex:0 0 auto;width:42px;height:42px;background:var(--blue);color:#fff;
  display:grid;place-items:center;font-size:1rem}

/* Sans domaines d'emploi, le texte garde une mesure de lecture ; sans texte, les domaines gardent une largeur de colonne */
.pr--seul{grid-template-columns:minmax(0,1fr)}
.pr--seul .use{max-width:480px}
.pr--seul .pr__t{max-width:78ch}
.pr__t h3{font-size:1.16rem;margin-top:10px}
.pr__t h4{font-size:1rem;margin-top:6px}
.pr__t ul{display:grid;gap:8px;padding-left:1.2em;font-size:1.05rem}
.pr__t ol{display:grid;gap:8px;padding-left:1.4em;font-size:1.05rem}
.pr__t li > ul,.pr__t li > ol{margin-top:8px}
.pr__t blockquote{margin:10px 0 0;padding:2px 0 2px 18px;border-left:3px solid var(--sky);color:var(--navy);font-weight:500}
@media (max-width:1000px){.pr{grid-template-columns:minmax(0,1fr)}}