/* Bausteine für Übungsblätter — ergänzt exercises.css (nach ihr einbinden).
   Ziel-, Aufgaben-, Hinweis- und Schritt-Karten im Stil von EIS u18/u19. */

.goal-card { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 8px; padding: 0.8em 1.2em; margin: 1em 0; }
.goal-card h3 { margin: 0 0 0.4em; padding: 0; border: none; color: #92400e; }
.goal-card p, .goal-card ul { margin-left: 0 !important; margin-bottom: 0; }

.info-box { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 8px; padding: 0.6em 1em; margin: 0.8em 0; font-size: 0.95em; }
.info-box.warn { background: #fffbeb; border-color: #fde68a; }

.task-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.9em 1.2em; margin: 1em 0; }
.task-card h3 { margin-top: 0; }
.task-card ol, .task-card ul, .task-card p { margin-left: 0 !important; }

.overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.5em; margin: 0.8em 0; }
.overview .ov-step { border-radius: 8px; padding: 0.55em 0.8em; font-size: 0.88em; line-height: 1.35; background: #f8fafc; border: 1px solid #e2e8f0; }
.overview .ov-num { display: inline-block; background: #475569; color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; text-align: center; font-weight: 700; font-size: 0.85em; margin-right: 0.4em; }

.artefact { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.05em; background: #bbf7d0; color: #166534; vertical-align: middle; margin-left: 0.4em; }

.link-card { display: flex; gap: 1em; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.7em 1em; margin: 0.8em 0; }
.link-card img { width: 96px; height: 96px; flex-shrink: 0; }
.link-card a { font-weight: 600; }

@media (max-width: 520px) { .link-card img { display: none; } }