/* ============================================================
   7. BLOG ARCHIVE & KATEGORIE PILLS
   ============================================================ */
.blog .inside-article, .archive .inside-article, .generate-columns .inside-article {
    border-left: 5px solid var(--contrast-3);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 25px !important;
    display: flex !important; flex-direction: column !important;
}
.blog .inside-article:hover, .archive .inside-article:hover, .generate-columns .inside-article:hover {
    border-left-color: var(--primary);
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(0, 86, 179, 0.15);
}
.entry-title a { font-weight: 800; color: var(--contrast); text-decoration: none; }
.entry-title a:hover { color: var(--primary); }

/* Weiterlesen Button */
.blog .read-more-button, .archive .read-more-button, a.read-more.button, a.read-more {
    background-color: var(--primary) !important; color: #fff !important;
    font-weight: 700 !important; text-transform: uppercase; font-size: 13px;
    padding: 10px 20px !important; border-radius: 4px !important; border: none !important;
    transition: all 0.2s ease; margin-top: 10px; display: inline-block;
    align-self: flex-start;
}
.blog .read-more-button:hover, a.read-more.button:hover, a.read-more:hover {
    background-color: var(--primary-hover) !important;
    transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,86,179,0.2);
}