/* Zourou : même mise en page que la démo de Get Phrasal (get-phrasal.css), palette de Zourou (french-vocabulary/static/css/main.css) : vert profond et or. */
body.gp.zr{
  --ink:#20242e; --ink-soft:#59616f; --paper:#faf8f4; --card:#fff; --surface:#f1eee6; --line:#e7e3da;
  --brand:#1f7a6d; --gold:#b9801c;
  --accent:#d99a2b; --accent-dark:#8a5d0e; --accent-soft:#f8ecd3; --on-accent:#2a1d05;
  --ok:#1f8a4c; --ok-bg:#e6f6ec; --err:#cf4a3f; --err-bg:#fdeae8;
}
@media (prefers-color-scheme:dark){
  body.gp.zr{ --ink:#ecece8; --ink-soft:#b1b6bf; --paper:#14171d; --card:#1d222b; --surface:#252b36; --line:#323a48;
    --brand:#4fc4b1; --gold:#e8b24a; --accent:#e8b24a; --accent-dark:#e8b24a; --accent-soft:#3a3018; --on-accent:#2a1d05;
    --ok:#5fd394; --ok-bg:#12301f; --err:#ff8a80; --err-bg:#3a1a1d; }
}
body.gp.zr .top{background:var(--brand);color:#fff}
@media (prefers-color-scheme:dark){ body.gp.zr .top{background:#16423b} }
body.gp.zr .kicker{color:var(--accent-dark)}
body.gp.zr .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
@media (prefers-color-scheme:dark){ body.gp.zr .btn.primary{color:#0b1f1c} }
body.gp.zr .cta-card{background:#164f46}
@media (prefers-color-scheme:dark){ body.gp.zr .cta-card{background:#16423b} }
body.gp.zr .cta-card .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
body.gp.zr .demo-flag{background:var(--accent);color:var(--on-accent)}
body.gp.zr .start-words{font-size:1.5rem}
body.gp.zr .hero-word::after{background:var(--accent)}
body.gp.zr .example{border-left-color:var(--accent)}
body.gp.zr mark.lex{border-bottom-color:var(--accent)}
body.gp.zr .blank{border-bottom-color:var(--accent)}
body.gp.zr .score-big{color:var(--brand)}

.how-h{margin-top:34px}
.how-steps{padding-left:1.3em;color:var(--ink-soft);max-width:62ch}
.how-steps li+li{margin-top:8px}
.how-steps b{color:var(--ink)}

.study-top{gap:10px}
.clock-chip{font-size:.8rem;font-weight:800;padding:3px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);white-space:nowrap}
.prompt b{font-family:var(--font-hero);color:var(--brand)}

.next-box{display:flex;gap:12px;align-items:center;margin-top:20px;padding:12px 16px;border-radius:12px;background:var(--accent-soft)}
.next-ico{font-size:1.5rem}
.next-box b{display:block}
.next-box .muted{font-size:.9rem}

/* plan de révision */
.plan-card{max-width:none}
.plan{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.plan li{display:grid;grid-template-columns:minmax(110px,150px) 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.plan .w{font:700 1.05rem var(--font-hero)}
.plan .hist{display:flex;flex-wrap:wrap;gap:4px}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle;margin-right:4px}
.dot.g{background:var(--ok)} .dot.a{background:var(--err)}
.plan .hist .dot{margin:0}
.plan .when{font-weight:700;white-space:nowrap}
.plan .when.soon{color:var(--accent-dark)}
.plan-legend{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
@media (max-width:560px){
  .plan li{grid-template-columns:1fr auto}
  .plan .hist{grid-column:1 / -1;order:3}
}