/* Resources page layout */
main { padding-top: var(--header-h, 4.25rem); }
.resources-search { background:#f5f7fa; padding:var(--sp-6) 0; }
.resources-search-form { display:flex; max-width:1200px; margin:0 auto; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.resources-search-form input { flex:1; min-width:0; padding:14px 20px; border:none; outline:none; font-size:var(--fs-md); }
.resources-search-form button { background:var(--clr-primary); color:#fff; border:none; padding:0; width:48px; height:48px; min-width:48px; max-width:48px; flex:none; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.resources-search-form button:hover { opacity:0.9; }
.resources-search-form button svg { width:18px !important; height:18px !important; min-width:18px; }

.resources-breadcrumb { background:#f5f7fa; padding:var(--sp-3) 0 var(--sp-4); border-top:1px solid #e2e8f0; }
.resources-breadcrumb .container { font-size:0.875rem; color:var(--clr-text-secondary); }
.resources-breadcrumb .sep { margin:0 8px; color:#94a3b8; }

.resources-tabs { background:#fff; border-bottom:1px solid #e2e8f0; }
.resources-tabs .container { display:flex; gap:0; flex-wrap:wrap; }
.resources-tabs .tab { padding:18px 28px; color:var(--clr-text-secondary); text-decoration:none; font-weight:500; font-size:0.95rem; border-bottom:3px solid transparent; transition:all 0.2s; }
.resources-tabs .tab:hover { color:var(--clr-primary); }
.resources-tabs .tab.active { background:var(--clr-primary); color:#fff; border-radius:4px 4px 0 0; border-bottom-color:var(--clr-primary); }
.resources-tabs .tab.active:hover { color:#fff; }

.resources-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-6); max-width:1200px; margin:var(--sp-8) auto; padding:0 var(--sp-6); }

.resource-card { display:flex; gap:var(--sp-4); padding:var(--sp-5); background:#fff; border:1px solid #e2e8f0; border-radius:8px; text-decoration:none; color:inherit; transition:all 0.2s; }
.resource-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); transform:translateY(-2px); border-color:var(--clr-primary); }
.resource-thumb { flex-shrink:0; width:140px; height:90px; background:linear-gradient(135deg,#3b82f6,#1e40af); border-radius:6px; display:flex; align-items:center; justify-content:center; color:#fff; overflow:hidden; }
.resource-thumb img { width:100%; height:100%; object-fit:cover; }
.resource-thumb-placeholder { color:rgba(255,255,255,0.7); }
.resource-body { flex:1; min-width:0; }
.resource-title { font-size:1rem; font-weight:700; color:#1e40af; margin-bottom:var(--sp-2); line-height:1.4; }
.resource-card:hover .resource-title { color:var(--clr-primary); }
.resource-excerpt { font-size:0.875rem; color:var(--clr-text-secondary); line-height:1.5; margin-bottom:var(--sp-3); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.resource-link { display:inline-block; color:var(--clr-primary); font-size:0.875rem; font-weight:500; padding:6px 16px; border:1px solid var(--clr-primary); border-radius:4px; }
.resource-card:hover .resource-link { background:var(--clr-primary); color:#fff; }

.resources-empty { text-align:center; padding:var(--sp-16) var(--sp-6); }
.resources-empty h2 { margin-bottom:var(--sp-3); }
.resources-empty p { color:var(--clr-text-secondary); margin-bottom:var(--sp-6); }
.btn-primary { display:inline-block; background:var(--clr-primary); color:#fff; padding:12px 32px; border-radius:6px; text-decoration:none; font-weight:500; }
.btn-primary:hover { opacity:0.9; }

.resources-cta { background:#f5f7fa; padding:var(--sp-12) var(--sp-6); margin-top:var(--sp-12); }
.resources-cta-inner { max-width:800px; margin:0 auto; text-align:center; background:#fff; padding:var(--sp-8); border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.resources-cta h3 { margin-bottom:var(--sp-3); }
.resources-cta p { color:var(--clr-text-secondary); margin-bottom:var(--sp-5); }

/* Single article matching the same style */
.article-single { max-width:900px; margin:0 auto; padding:var(--sp-8) var(--sp-6); }
.article-breadcrumb { padding:var(--sp-3) var(--sp-6); background:#f5f7fa; font-size:0.875rem; color:var(--clr-text-secondary); }
.article-breadcrumb .sep { margin:0 8px; color:#94a3b8; }
.article-breadcrumb a { color:var(--clr-text-secondary); text-decoration:none; }
.article-breadcrumb a:hover { color:var(--clr-primary); }

@media (max-width:768px) {
  .resources-grid { grid-template-columns:1fr; padding:0 var(--sp-3); }
  .resource-card { flex-direction:column; }
  .resource-thumb { width:100%; height:120px; }
  .resources-tabs .container { overflow-x:auto; flex-wrap:nowrap; }
  .resources-tabs .tab { white-space:nowrap; padding:14px 20px; }
}