/* صفحتا «تلخيص المحاضرات» و«ترجمة الشرائح» العامتان: إضافات فوق calc.css (نفس متغيراته). */
.steps { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.steps li { counter-increment: s; display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 14px 16px; align-items: start; }
.steps li + li { border-top: 1px solid var(--border); }
.steps li::before { content: counter(s); width: 32px; height: 32px; border-radius: 50%; background: var(--surface-2); color: var(--accent); font-weight: 700; display: grid; place-items: center; }
.steps b { display: block; }
.steps span { color: var(--muted); font-size: 0.92rem; }
.go { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: var(--accent); color: var(--on-accent); text-decoration: none; font-weight: 700; border-radius: 14px; padding: 14px; margin: 4px 0 8px; }
.go svg { flex: none; }
.sub-note { color: var(--muted); font-size: 0.88rem; text-align: center; margin: 0 0 20px; }
.sample { padding: 16px; display: grid; gap: 8px; }
.sample-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--muted); font-size: 0.85rem; }
.sample-tag { background: var(--surface-2); color: var(--accent); border-radius: 99px; padding: 2px 10px; font-weight: 600; }
.sample h3 { margin: 4px 0 0; font-size: 1.05rem; }
.sample ul { margin: 0; padding-inline-start: 20px; }
.sample li { margin: 2px 0; }
.pair { display: grid; grid-template-columns: 1fr 1fr; }
.pair > div { padding: 14px 16px; display: grid; gap: 4px; align-content: start; }
.pair > div + div { border-inline-start: 1px solid var(--border); }
.pair .note { font-size: 0.8rem; }
.pair p { margin: 0; font-size: 0.95rem; }
.tools { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; }