.file-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1rem;
  margin-top:1rem;
}

.file-card{
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:1rem;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  transition:transform .15s ease, box-shadow .15s ease;
  min-height:92px;
}

.file-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.file-link{
  text-decoration:none;
  color:inherit;
  display:block;
}

.file-top{ margin-bottom:.5rem; }

.file-pill{
  display:inline-block;
  font-size:.72rem;
  padding:.18rem .55rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.2);
  text-transform:uppercase;
  letter-spacing:.03em;
  opacity:.9;
}

/* subtle type coloring */
.file-pill.pdf{
  background:rgba(220,53,69,.08);
  border-color:rgba(220,53,69,.35);
}
.file-pill.qmd,.file-pill.md{
  background:rgba(13,110,253,.08);
  border-color:rgba(13,110,253,.35);
}

.file-title{
  font-size:1.05rem;
  font-weight:650;
  line-height:1.25;
}

/* soften borders to match Quarto cards */
.file-card {
  border-color: rgba(0,0,0,.08);
}

/* Quarto-style hover focus */
.file-card:hover {
  border-color: rgba(13,110,253,.35);
}

/* tighten title typography */
.file-title {
  font-size: 1.02rem;
  letter-spacing: -.01em;
}

/* align pills vertically with titles */
.file-top {
  margin-bottom: .35rem;
}