/* ============================================================
   Sturmlechner Lab — resources.html page-specific styles
   Loaded in addition to assets/css/base.css
   ============================================================ */
    /* ══ RESOURCES PAGE ══════════════════════════════════ */
    .res-section { margin-top: 3rem; }
    .res-cat {
      font-family: 'Playfair Display', serif; font-size: 1.2rem; color: #0D1421;
      margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--border);
    }
    .res-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.4rem; }
    .res-card {
      display: flex; gap: 1.2rem; align-items: flex-start;
      background: white; border: 1px solid var(--border); border-radius: 1rem; padding: 1.4rem;
      text-decoration: none; color: inherit;
      transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    }
    .res-card:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(21,101,192,0.1); border-color: var(--teal-l); }
    .res-card-name { font-weight: 700; font-size: 1.2rem; color: #0D1421; margin-bottom: 0.4rem; line-height: 1.3; }
    .res-card-desc { font-size: 1rem; color: #0D1421; line-height: 1.65; }


/* Resources logo images */
    .res-logo-img {
      width: 52px; height: 52px; flex-shrink: 0;
      border-radius: 10px; object-fit: contain;
    }