/* Mẹo nhớ: thơ/vè, câu thần chú, đọc lái từ vựng, sổ tay mẹo. */
.meo {
  position: relative; margin: 16px 0; padding: 14px 18px 14px 18px; border-radius: 14px;
  background: linear-gradient(135deg, #f3ecff, #fdf2ff); border: 1px solid #ddcdf6;
}
.meo-title { font-weight: 800; color: #6a3fb5; margin-bottom: 6px; }
.meo-tho { font-style: italic; line-height: 1.75; padding-left: 10px; border-left: 3px solid #c4a8f0; }
.meo-note { margin-top: 8px; font-size: 14px; color: var(--ink-3); }
.meo-tay { background: linear-gradient(135deg, #fff5e6, #fffaf0); border-color: #f2d6a6; }
.meo-tay .meo-title { color: #b06a12; }
.meo-so { background: linear-gradient(135deg, #e8f6ff, #f3fbff); border-color: #bfdcf2; }
.meo-so .meo-title { color: #1f6fb2; }

.vw-hack {
  margin-top: 6px; font-size: 15px; padding: 6px 10px; border-radius: 8px;
  background: #f6f0ff; color: #4b2f80; border: 1px dashed #d4c0f2;
}

/* Sổ tay mẹo */
.sotay-lesson { margin: 18px 0 6px; font-weight: 800; }
.sotay-lesson a { color: var(--ink); text-decoration: none; }
.sotay-hacks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.sotay-hack { background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; font-size: 15px; }
.sotay-hack b { font-size: 16px; }
.meo-link { display: inline-flex; align-items: center; gap: 6px; }