:root{
  --card-bg: rgba(255,255,255,0.86);
  --card-border: rgba(15,23,32,0.08);
}

/* Generic grid of documents/cards (replaces inline styles on pages) */
.docs-section{padding:28px 0}
.docs-title{margin:0 0 16px}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.doc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:16px 14px;min-height:120px;border-radius:14px;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  text-decoration:none;color:var(--dark);
  box-shadow:0 10px 26px rgba(15,23,32,0.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.doc-card:hover{transform:translateY(-4px);border-color:rgba(255,107,53,0.28);box-shadow:0 16px 34px rgba(15,23,32,0.10)}
.doc-icon{font-size:34px;line-height:1}
.doc-caption{font-size:12px;line-height:1.35;color:var(--muted);text-align:center;word-break:break-word}

/* Subtle reveal effect */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease, transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}