/* Блок «Практика по теме» в грамматической статье */
.oe-practice { --blue: #008ada; --ink: #26323a; --mute: #6b808c; --line: #e6edf2; margin: 32px 0 8px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; background: #f5f9fc; }
.oe-practice__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; margin-bottom: 12px; }
.oe-practice__head strong { font-size: 20px; color: var(--ink); }
.oe-practice__head a { font-size: 14px; color: var(--blue); text-decoration: none; }
.oe-practice__head a:hover { text-decoration: underline; }
.oe-practice__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.oe-practice__item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); text-decoration: none; transition: border-color .12s, box-shadow .12s; }
.oe-practice__item:hover { border-color: var(--blue); box-shadow: 0 3px 12px rgba(0, 138, 218, .12); }
.oe-practice__num { flex: none; padding: 1px 8px; border-radius: 6px; background: #e8f4fd; color: var(--blue); font-size: 12px; font-weight: 700; }
.oe-practice__t { font-size: 14px; line-height: 1.3; }
@media (max-width: 600px) { .oe-practice { padding: 14px; } }