/* Étape 1 : l’accueil « Aujourd’hui » */
#sh-tabs [data-sh="learn"], #sh-tabs [data-sh="grids"], #sh-tabs [data-sh="mel"]{display:none}
#sh-panel .sh-today{display:none}
body.se-today #sh-neck{display:none}
body.se-today .sh-panel{padding-top:18px}
.se-home{display:flex; flex-direction:column; gap:14px; max-width:560px; margin:0 auto}
.se-date{margin:0; font-size:13px; font-weight:700; letter-spacing:.06em; color:var(--muted)}
.se-msg{margin:0; padding:10px 12px; border-radius:12px; background:var(--two-tint); font-weight:600; font-size:14.5px}
.se-card{display:flex; flex-direction:column; gap:10px; padding:18px 16px 16px; border-radius:22px; background:var(--panel); border:1px solid var(--line); box-shadow:var(--shadow)}
.se-eyebrow{margin:0; font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#C2410C}
.se-title{margin:0; font-family:var(--f-display); font-weight:400; font-size:clamp(1.55rem,6.4vw,1.95rem); line-height:1.12; text-wrap:balance}
.se-sub{margin:-4px 0 0; font-size:14px; font-weight:600; color:var(--muted)}
.se-bar{margin:2px 0 0}
.se-why{margin:2px 0 0; font-size:15px; line-height:1.45}
.se-steps{list-style:none; margin:4px 0 2px; padding:0; display:flex; flex-direction:column; border-top:1px solid var(--line)}
.se-steps li{display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line)}
.se-n{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-family:var(--f-chord); font-weight:700; font-size:14px; border:1.5px solid var(--line-strong); color:var(--muted)}
.se-tx{display:flex; flex-direction:column; min-width:0}
.se-tx b{font-size:15px; line-height:1.25}
.se-tx span{font-size:13px; line-height:1.3; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.se-m{font-family:var(--f-chord); font-weight:600; font-size:15px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap}
.se-go{min-height:58px; font-size:18px; margin-top:6px}
.se-adj{margin:0; font-size:13.5px; color:var(--muted); text-align:center}
.se-week{margin:0; font-size:14px; color:var(--muted); text-align:center}
.se-week b{color:var(--ink)}
/* « Ton morceau » : jouer avec le vrai disque */
.se-real{display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:16px; background:var(--bg); border:1px solid var(--line)}
.se-real-h{margin:0; font-weight:700}
.se-real-b{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.se-real-b .btn{justify-content:center; min-height:48px; font-size:15.5px; text-decoration:none}
.se-real .fo-g{margin:0}
/* le bilan de fin de séance */
body.se-bil .view-main, body.se-bil #stage, body.se-bil .credits{display:none !important}
.se-bilan{display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:16px; background:var(--bg); border:1px solid var(--line)}
.se-bilan .lv-q{margin:0; font-weight:700}
.se-r{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
.se-r .btn{justify-content:center; min-height:48px; padding:8px 4px; font-size:15px}
.se-r .btn[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink)}
.se-t{display:flex; align-items:center; gap:8px; font-weight:600}
.se-t input{width:5.5em; min-height:44px; font:inherit; font-size:17px; padding:6px 10px; border-radius:10px; border:1px solid var(--line-strong); background:var(--panel); color:var(--ink)}