/* Resume card only. Existing banner, route cards and dashboard styles are preserved. */
#home .home-resume{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;margin-bottom:24px}
#home .home-resume[hidden]{display:none}
#home .home-resume h2{font-size:1.35rem;margin:8px 0;overflow-wrap:anywhere}
#home .home-resume p{margin:0;line-height:1.6}
#home .home-resume button{flex-shrink:0;min-height:48px}
@media(max-width:600px){#home .home-resume{flex-direction:column;align-items:stretch;padding:20px;gap:16px}#home .home-resume button{width:100%}}

/* Topic recognition without changing the existing row or progress layout. */
#homeChapters .chapter-title-with-icon{display:flex;align-items:center;gap:14px;min-width:0}
#homeChapters .chapter-title-with-icon>div{min-width:0;overflow-wrap:anywhere}
#homeChapters .chapter-topic-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#edf3ff}
#homeChapters .chapter-topic-icon img{display:block;width:24px;height:24px}
@media(max-width:600px){#homeChapters .chapter-title-with-icon{gap:10px}#homeChapters .chapter-topic-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}}

/* Oefenen: the topic choice is primary; advice stays optional. */
#trainStart .train-choice-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:32px;align-items:start}
#trainStart .train-topics h2{font-size:1.2rem;margin:0 0 16px}
#trainStart .chapter-picks{grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
#trainStart .chapter-pick{display:flex;align-items:center;gap:16px;padding:18px;text-align:left;min-width:0;border-radius:16px;box-shadow:none;white-space:normal;transition:border-color .15s,background .15s}
#trainStart .chapter-pick:hover{background:#f4f7ff;border-color:#3266ed}
#trainStart button:focus-visible{outline:3px solid #3266ed;outline-offset:4px}
#trainStart .chapter-topic-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#edf3ff}
#trainStart .train-topic-copy{flex:1;min-width:0;overflow-wrap:anywhere}
#trainStart .train-topic-copy strong{display:block;font-size:1rem;line-height:1.45}
#trainStart .train-topic-status{display:block;font-size:.875rem;color:#586b84;font-weight:400;line-height:1.5;margin-top:4px}
#trainStart .train-topic-action{font-size:.875rem;color:#2453b8;white-space:nowrap}
#trainStart .train-suggestion{background:#f5f8ff;border:1px solid #dbe5f8;border-radius:20px;padding:24px}
#trainStart .suggestion-label{display:block;font-size:.875rem;color:#2453b8;font-weight:700;margin-bottom:12px}
#trainStart .train-suggestion h2{font-size:1.3rem;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
#trainStart .train-suggestion p{font-size:1rem;line-height:1.6;margin:0 0 18px}
#trainStart .suggestion-objective{border-left:3px solid #3266ed;padding-left:16px;margin:22px 0}
#trainStart .suggestion-objective strong{font-size:.875rem}
#trainStart .suggestion-objective p{margin:6px 0 0}
#trainStart .train-suggestion button{min-height:48px;padding:12px 18px;font-size:1rem;white-space:normal}
#trainStart .train-suggestion .suggestion-note{font-size:.875rem;color:#586b84;margin:16px 0 0}
#trainStart .train-suggestion .suggestion-meta{font-size:.875rem;color:#586b84}
@media(max-width:900px){#trainStart .train-choice-layout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:500px){#trainStart .chapter-pick{gap:12px;padding:14px}#trainStart .train-topic-action{font-size:0}#trainStart .train-topic-action span{font-size:1.4rem}#trainStart .train-suggestion{padding:20px}}