/* blog — paginaspecifieke CSS.
   Op 10-09-2026 uit de inline <style> en style="..."-attributen van
   blog.html gehaald, zodat style-src zonder 'unsafe-inline' kan. */

.blog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 32px;
      margin-top: 40px;
    }
    .blog-card {
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      border: 1px solid var(--gray-light);
      overflow: hidden;
      transition: var(--transition);
      display: flex;
      flex-direction: column;
    }
    .blog-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(2,30,115,0.12); }
    .blog-card-img {
      height: 220px;
      overflow: hidden;
    }
    .blog-card-img img {
      width: 100%; height: 100%; object-fit: cover;
      transition: transform 0.4s ease;
    }
    .blog-card:hover .blog-card-img img { transform: scale(1.04); }
    .blog-card-body { padding: 28px; flex: 1; display: flex; flex-direction: column; }
    .blog-tag {
      display: inline-block;
      background: var(--light);
      color: var(--secondary);
      font-size: 0.75rem;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 20px;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .blog-card-body h3 { font-size: 1.15rem; margin-bottom: 10px; color: var(--primary); line-height: 1.4; }
    .blog-card-body p { color: var(--gray); font-size: 0.95rem; flex: 1; margin-bottom: 20px; }
    .blog-meta { font-size: 0.82rem; color: var(--gray); margin-bottom: 16px; }
    .blog-meta i { color: var(--secondary); margin-right: 4px; }
    .read-more {
      color: var(--secondary); font-weight: 700; font-size: 0.9rem;
      text-decoration: none; display: flex; align-items: center; gap: 6px;
    }
    .read-more:hover { color: var(--primary); }
  /* ── Anti-copy bescherming ──────────────────────────────────── */
*{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}
img,svg,canvas,video{pointer-events:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;}
@media print{html{display:none!important;}}


/* Voorheen style="..."-attributen in blog.html */
.rt-blog-1 { background-image:url('/img/feature-security.jpg'); }
.rt-blog-2 { margin-top:12px;font-size:0.82rem;opacity:0.72;font-style:italic;color:#fff; }
.rt-blog-3 { font-size:0.75rem; }
.rt-blog-4 { text-align:center; }
.rt-blog-5 { color:rgba(255,255,255,0.88);max-width:680px;margin:0 auto 32px;font-size:1.05rem;line-height:1.8; }