/* ============================================================
   lexa-title-meta.css
   ייחודי לדף "כותרת ותיאור" בלבד
   יש לטעון אחרי lexa-shared.css
   ============================================================ */

/* דוגמת ניסוח טוב/רע - "כשהם עובדים יחד" */
.lexa-tm-example-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

.lexa-tm-example {
    border-radius: 14px;
    padding: 20px;
}

.lexa-tm-example--bad  { background: #fef2f2; border: 1px solid #fecaca; }
.lexa-tm-example--good { background: var(--lexa-teal-pale); border: 1px solid var(--lexa-teal-soft); }

.lexa-tm-example-label { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.lexa-tm-example--bad  .lexa-tm-example-label i      { color: #dc2626; font-size: 1.2rem; }
.lexa-tm-example--bad  .lexa-tm-example-label strong { color: #dc2626; font-size: .95rem; }
.lexa-tm-example--good .lexa-tm-example-label i      { color: var(--lexa-teal-mid); font-size: 1.2rem; }
.lexa-tm-example--good .lexa-tm-example-label strong { color: var(--lexa-teal-dark); font-size: .95rem; }

.lexa-tm-example-title { font-size: 1rem; font-weight: 700; color: var(--lexa-stone-900); margin-bottom: 8px; }
.lexa-tm-example-desc  { font-size: .88rem; color: var(--lexa-stone-600); line-height: 1.7; margin-bottom: 10px; }
.lexa-tm-example-note  { font-size: .82rem; color: var(--lexa-stone-500); line-height: 1.6; margin: 0; font-style: italic; }

.lexa-tm-principle {
    font-size: .95rem; color: var(--lexa-stone-600);
    line-height: 1.8; text-align: center;
    padding-top: 20px; border-top: 1px solid var(--lexa-stone-100);
}
.lexa-tm-principle strong { color: var(--lexa-teal-dark); }

@media (max-width: 767px) {
    .lexa-tm-example-grid { grid-template-columns: 1fr; }
}