@tailwind base;
@tailwind components;
@tailwind utilities;

/* Reference article content */
.ref-content h2 { font-size:1.15rem; font-weight:700; color:#1e293b; margin:1.4rem 0 .5rem; padding-bottom:.3rem; border-bottom:2px solid #e2e8f0; }
.ref-content h3 { font-size:1rem; font-weight:600; color:#334155; margin:1rem 0 .35rem; }
.ref-content p  { color:#475569; line-height:1.7; margin:.4rem 0; }
.ref-content ul, .ref-content ol { padding-left:1.4rem; margin:.4rem 0; color:#475569; }
.ref-content li { margin:.25rem 0; line-height:1.6; }
.ref-content strong { color:#1e293b; }
.ref-content .beispiel { background:#f0fdf4; border-left:3px solid #22c55e; padding:.6rem 1rem; border-radius:0 .5rem .5rem 0; margin:.6rem 0; font-size:.92rem; }
.ref-content .tipp    { background:#fefce8; border-left:3px solid #eab308; padding:.6rem 1rem; border-radius:0 .5rem .5rem 0; margin:.6rem 0; font-size:.92rem; }
.ref-content .merke   { background:#eff6ff; border-left:3px solid #3b82f6; padding:.6rem 1rem; border-radius:0 .5rem .5rem 0; margin:.6rem 0; font-size:.92rem; }
.ref-content table { width:100%; border-collapse:collapse; margin:.6rem 0; font-size:.9rem; }
.ref-content th { background:#f1f5f9; text-align:left; padding:.4rem .7rem; font-weight:600; color:#334155; border:1px solid #e2e8f0; }
.ref-content td { padding:.4rem .7rem; border:1px solid #e2e8f0; color:#475569; }
.ref-content tr:nth-child(even) td { background:#f8fafc; }