/* Patientèle · Réalisations : styles propres à la page (design/pages/realisations.html, v2). Charger après site.css. */
/* --- Réalisations (.rea-*) --- */
.rea-grille{row-gap:48px}
.rea-site{display:flex;flex-direction:column;gap:12px}
.rea-nav{border:1px solid var(--line-strong);background:var(--surface-raised)}
.rea-nav .barre{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid var(--line)}
.rea-nav .barre i{width:6px;height:6px;border-radius:999px;background:var(--line);flex:none}
.rea-nav .barre span{margin-left:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rea-nav .ph{border:0}
.rea-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px}
.rea-site .liste{font-size:15px;gap:8px}
.rea-site .liste li{padding-top:8px}
.rea-maq{max-width:440px}
.rea-maq .page-in{padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.rea-zone{display:flex;align-items:center;gap:12px;border:1px dashed var(--line-strong);background:var(--surface-raised);padding:10px 14px;font-size:14px;line-height:1.4;color:var(--ink-muted)}
.rea-zone span{font-family:var(--font-mono);font-size:12px;color:var(--bordeaux-text);flex:none}
.rea-ol{counter-reset:z}
.rea-ol li{counter-increment:z;padding-left:34px}
.rea-ol li::before{content:counter(z);font-family:var(--font-mono);font-size:13px;top:14px}
@media (max-width: 860px){
.rea-grille{gap:40px}
.rea-maq{max-width:none;width:100%}
}