/* ==========================================================================
   SITE INDEX STYLES
   Extends css/style.css.
   ========================================================================== */

.index-page{
  max-width:1100px; margin:0 auto; padding:80px 5% var(--block-gap);
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:40px;
}
.index-group h2{
  font-family:var(--font-display); font-size:0.95rem; letter-spacing:1px; text-transform:uppercase;
  color:var(--frost-glow); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border);
}
.index-group a{
  display:block; padding:7px 0; color:var(--text-dim); font-size:0.88rem;
  transition:color .2s ease, transform .2s ease;
}
.index-group a:hover{color:var(--frost-glow); transform:translateX(3px);}