/**
 * ═══════════════════════════════════════════════════════════════
 * STYLES : modules/readmoi-caro.css
 * RÔLE   : Hub d'accueil Caro — modal plein écran, sections repliables
 * SCOPE  : module · DÉPS : tokens.css · FONCTIONNEL Phase 0
 * @project Caroteck · @signature TECHNOTECK ♥ POWER — Pour Caro Annie
 * ═══════════════════════════════════════════════════════════════
 */
.readmoi-overlay { position: fixed; inset: 0; background: var(--bg-overlay); z-index: var(--z-modal); display: grid; place-items: center; opacity: 0; transition: opacity var(--transition-base); }
.readmoi-overlay.open { opacity: 1; }
.readmoi-box { width: 100%; max-width: var(--max-width-mobile); height: 100%; background: var(--bg-secondary); display: flex; flex-direction: column; }
.readmoi-head { display: flex; align-items: center; justify-content: space-between; padding: var(--space-lg) var(--space-md); border-bottom: 1px solid var(--border); }
.readmoi-head h2 { color: var(--primary-soft); }
.readmoi-close { font-size: var(--font-size-2xl); color: var(--text-muted); line-height: 1; }
.readmoi-scroll { overflow-y: auto; padding: var(--space-md); display: flex; flex-direction: column; gap: var(--space-sm); }
.readmoi-section { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
.readmoi-section summary { padding: var(--space-md); font-weight: var(--font-weight-semibold); color: var(--text-primary); cursor: pointer; }
.readmoi-section[open] summary { color: var(--primary-soft); }
.readmoi-body { padding: 0 var(--space-md) var(--space-md); }
.readmoi-body p { line-height: var(--line-height-relaxed); }
.readmoi-body ul { display: flex; flex-direction: column; gap: var(--space-xs); margin-top: var(--space-sm); }
.readmoi-body li { color: var(--text-secondary); font-size: var(--font-size-base); }
.readmoi-body b { color: var(--text-primary); }