/* Lumorra – önismereti kiértékelő kártya (styles.css tokenekre építve; teszt + profil oldal) */

.insight {
  background: #fff; border: 1px solid var(--brand-mint); border-radius: var(--radius, 16px);
  box-shadow: var(--shadow-soft); padding: 1.3rem 1.4rem; margin: 0 0 1.4rem;
}
.insight h3 { margin: 0 0 .4rem; font-size: 1.2rem; color: var(--brand-darker); }
.insight-intro { margin: 0 0 1rem; color: var(--ink-soft); font-size: .95rem; }

.insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ins-block { border-radius: 12px; padding: .9rem 1rem; }
.ins-block h4 { margin: 0 0 .5rem; font-size: .95rem; color: var(--ink); }
.ins-block ul { margin: 0; padding-left: 1.1rem; }
.ins-block li { margin: 0 0 .4rem; font-size: .9rem; color: var(--ink); line-height: 1.45; }
.ins-block li:last-child { margin-bottom: 0; }
.ins-block p { margin: 0; font-size: .9rem; color: var(--ink); line-height: 1.5; }

.ins-str { background: var(--brand-light); border: 1px solid var(--brand-mint); }
.ins-pat { background: var(--bg-soft); border: 1px solid var(--line); }
.ins-grow { background: #fff7ec; border: 1px solid #f0c987; grid-column: 1 / -1; }
.ins-grow h4 { color: #8a5a1a; }
.ins-grow li { color: #6b491a; }

.insight-closing { margin: 1rem 0 0; font-size: .9rem; color: var(--ink-soft); border-top: 1px solid var(--line); padding-top: .8rem; }

@media (max-width: 640px) { .insight-grid { grid-template-columns: 1fr; } }