/**
 * Blog Listing Styles
 *
 * Nur Styles für die Blog-Übersichtsseite.
 * Artikel-spezifische Content/Typografie-Regeln liegen in:
 * /plugins/artikel/assets/css/artikel.css
 */

@media (min-width: 640px) {
    .sm\:flex-row { flex-direction: row; }
    .sm\:flex-col { flex-direction: column; }
    .sm\:w-24 { width: 6rem; }
    .sm\:p-6 { padding: 1.5rem; }
    .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}