/* Bien démarrer — blocs propres à la page (base : launch-guide-v2.css) */
body main.pbd .pbd-tools { scroll-margin-top:90px; }

/* Votre première heure */
body main.pbd .pbd-hour { max-width:1040px; margin:0 auto; padding:30px; border-radius:20px; background:#fff; text-align:left; box-shadow:0 40px 80px rgba(25,35,90,.16), 0 2px 6px rgba(25,35,90,.06); }
body main.pbd .pbd-hour-title { display:block; padding:0 4px 18px; margin-bottom:18px; border-bottom:1px solid #eef0f5; font-size:18px; font-weight:750; color:#0b0f1c; }
body main.pbd .pbd-hour-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body main.pbd .pbd-hour-grid a { display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid #eef0f5; border-radius:14px; color:inherit; text-decoration:none; transition:border-color .15s, background .15s; }
body main.pbd .pbd-hour-grid a:hover { border-color:#2f62ee; background:#f7f9ff; }
body main.pbd .pbd-hour-grid i { display:block; height:6px; margin-bottom:10px; border-radius:99px; background:linear-gradient(90deg,#2f62ee,#7b5cff); }
body main.pbd .pbd-hour-grid a:nth-child(1) i { width:25%; }
body main.pbd .pbd-hour-grid a:nth-child(2) i { width:50%; }
body main.pbd .pbd-hour-grid a:nth-child(3) i { width:75%; }
body main.pbd .pbd-hour-grid a:nth-child(4) i { width:100%; }
body main.pbd .pbd-time { font-size:13px; font-weight:700; color:#2f62ee; }
body main.pbd .pbd-hour-grid strong { font-size:17px; line-height:1.3; letter-spacing:-.015em; color:#0b0f1c; }
body main.pbd .pbd-hour-grid span:last-child { font-size:14px; line-height:1.5; color:#5a6175; }

/* Outils */
body main.pbd .pbd-tools { max-width:1200px; margin:0 auto; padding:128px 24px 0; text-align:center; }
body main.pbd .pbd-tools > p { max-width:560px; margin:18px auto 44px; font-size:18px; line-height:1.55; color:#5a6175; }
body main.pbd .pbd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; text-align:left; }
body main.pbd .pbd-tool { display:flex; flex-direction:column; gap:8px; padding:28px; border:1px solid #e9ecf3; border-radius:16px; background:#fafbfd; color:inherit; text-decoration:none; transition:border-color .15s, background .15s, box-shadow .15s, transform .15s; }
body main.pbd .pbd-tool:hover { border-color:#d3dcf7; background:#fff; box-shadow:0 18px 40px rgba(25,35,90,.08); transform:translateY(-2px); }
body main.pbd .pbd-tool strong { margin-top:10px; font-size:19px; letter-spacing:-.02em; color:#0b0f1c; }
body main.pbd .pbd-tool span:not(.pbd-dot) { font-size:15px; line-height:1.6; color:#4a5165; }
body main.pbd .pbd-tool em { margin-top:auto; padding-top:8px; font-style:normal; font-size:15px; font-weight:650; color:#2f62ee; }
body main.pbd .pbd-dot { display:block; width:40px; height:40px; border-radius:12px; }
body main.pbd .pbd-dot-discussions { background:#2f62ee; }
body main.pbd .pbd-dot-events { background:#f59e0b; }
body main.pbd .pbd-dot-members { background:#10b981; }
body main.pbd .pbd-dot-admissions { background:#0b0f1c; }
body main.pbd .pbd-dot-welcome { background:#ec4899; }
body main.pbd .pbd-dot-payments { background:#8b5cf6; }

/* Bons réflexes */
body main.pbd .pbd-habits { max-width:1200px; margin:0 auto; padding:128px 24px 0; text-align:center; }
body main.pbd .pbd-habits ol { list-style:none; margin:44px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; text-align:left; counter-reset:pbd; }
body main.pbd .pbd-habits li { padding-top:24px; border-top:2px solid #0b0f1c; }
body main.pbd .pbd-habits li::before { counter-increment:pbd; content:"0" counter(pbd); display:block; margin-bottom:18px; font-size:56px; line-height:1; letter-spacing:-.05em; font-weight:850; background:linear-gradient(90deg,#2f62ee,#7b5cff); -webkit-background-clip:text; background-clip:text; color:transparent; }
body main.pbd .pbd-habits h3 { margin:0 0 10px; font-size:22px; letter-spacing:-.025em; font-weight:750; color:#0b0f1c; }
body main.pbd .pbd-habits p { margin:0; font-size:16px; line-height:1.65; color:#4a5165; }

@media (max-width:900px) {
  body main.pbd .pbd-hour { padding:18px; }
  body main.pbd .pbd-hour-grid { grid-template-columns:1fr 1fr; }
  body main.pbd .pbd-tools, body main.pbd .pbd-habits { padding-top:88px; }
  body main.pbd .pbd-grid, body main.pbd .pbd-habits ol { grid-template-columns:1fr; }
  body main.pbd .pbd-habits ol { gap:28px; }
}
@media (max-width:520px) {
  body main.pbd .pbd-hour-grid { grid-template-columns:1fr; }
}