/* Resources page only */

/* Resource links use global style in site.css */

/* Compact search area */
.resources-search{
  min-width: min(420px, 100%);
}
@media (max-width: 575.98px){
  .resources-search{ width:100%; }
}

/* Accordion icon alignment */
.resources-accordion .accordion-button i{
  width: 1.25rem;
  text-align:center;
  opacity:.9;
}

/* Local assets grid (keeps your current idea, but slightly nicer) */
.asset-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
.asset-card{
  border:1px solid var(--bs-border-color);
  border-radius:.75rem;
  overflow:hidden;
  background:var(--bs-body-bg);
}
.asset-card-thumb{
  aspect-ratio:4/3;
  overflow:hidden;
  background: var(--bs-dark-bg-subtle, #1f2937);
}
.asset-card-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.asset-card-title{
  padding:.5rem .75rem 0 .75rem;
  font-weight:600;
}
.asset-card-desc{
  padding:0 .75rem;
  color: var(--bs-secondary-color);
  font-size:.9rem;
}
.asset-card-actions{
  padding:.5rem .75rem .75rem .75rem;
}

/* Apps section */
.app-card{
  border:1px solid var(--bs-border-color);
  border-radius:.9rem;
  padding:1rem;
  background:var(--bs-body-bg);
  box-shadow: var(--shadow);
}
.app-card-head{
  display:flex; align-items:center; gap:.9rem;
}
.app-icon{
  width:56px;
  height:56px;
  border-radius:.8rem;
  object-fit:contain;
  border:1px solid var(--bs-border-color);
  background:#fff;
  padding:6px;
}
.app-title{ font-weight:700; }
.app-sub{ font-size:.9rem; }

/* Touch targets */
.btn, .form-select, .form-control{ min-height: 2.25rem; }