/* Стилі службової сторінки-довідника (перелік сторінок) */
.index { max-width: 760px; margin: 0 auto; padding: 64px 28px; }
.index__brand { display: flex; align-items: baseline; gap: 1px; font-size: 30px; font-weight: 600; color: #1C4A2A; }
.index__brand-name { color: #2E7D32; }
.index__brand-dot { color: #C53A2B; font-weight: 700; }
.index__lead { color: #6F6F62; font-size: 16px; margin: 14px 0 34px; max-width: 60ch; }
.index__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.index__card { text-decoration: none; padding: 16px 18px; border: 1px solid rgba(28, 74, 42, 0.16); border-radius: 10px; background: #fff; font-weight: 700; color: #1C4A2A; }
.index__card-file { font-weight: 500; font-size: 13px; color: #6F6F62; }

@media (max-width: 600px) {
  .index { padding: 44px 20px; }
}