/* Страница «Лицензии». Цвета и скругления — токены шаблона atmo. */
.lic-page .breadcrumbs-wrapper { margin-bottom: 8px; }
.lic { margin-top: 16px; padding: 40px 0 50px; border-radius: 32px; background-color: var(--fg-color); }
.lic__wrapper { max-width: var(--max-width); margin: 0 auto; padding: 0 24px; }
.lic__title { margin: 0 0 24px; font-size: 36px; line-height: 0.95; letter-spacing: -0.01em; font-weight: 400; color: var(--main-color); text-wrap: balance; }
.lic__title .accent { color: var(--accent-color); }
.lic__intro { max-width: 780px; margin: 0 0 32px; font-size: 16px; line-height: 1.4; color: var(--second-color); }
.lic__intro a { color: var(--accent-color); }
.lic__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 16px; }
.lic__item { display: flex; flex-direction: column; gap: 20px; padding: 28px 24px; border-radius: 32px; background-color: var(--bg-color); }
.lic__name { margin: 0; font-size: 20px; line-height: 1.2; font-weight: 400; color: var(--main-color); }
.lic__props { margin: 0; display: grid; grid-template-columns: 1fr; gap: 10px; }
.lic__prop { display: flex; flex-direction: column; gap: 2px; }
.lic__prop dt { font-size: 13px; line-height: 1.2; color: var(--second-color); }
.lic__prop dd { margin: 0; font-size: 16px; line-height: 1.3; color: var(--main-color); }
.lic__files { margin-top: auto; display: flex; flex-wrap: wrap; gap: 10px; }
.lic__file { display: inline-flex; align-items: baseline; gap: 8px; padding: 12px 20px; border-radius: 100px; background-color: var(--accent-color); color: var(--fg-color); font-size: 15px; line-height: 1.2; text-decoration: none; transition: background-color var(--transition-time); }
.lic__file span { font-size: 12px; opacity: 0.8; }
.lic__file:hover { background-color: var(--main-color); color: var(--fg-color); }
.lic :is(h1, h2, h3) { font-weight: 400; }
@media (min-width: 768px) {
  .lic__list { grid-template-columns: repeat(2, 1fr); }
  .lic__props { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .lic { margin-top: 24px; padding: 60px 0 75px; border-radius: var(--border-radius); }
  .lic__wrapper { padding: 0 40px; }
  .lic__title { font-size: 64px; margin-bottom: 32px; }
  .lic__intro { font-size: 18px; margin-bottom: 48px; }
  .lic__list { gap: 18px; }
  .lic__item { padding: 40px 36px; border-radius: 40px; }
  .lic__name { font-size: 24px; }
}
@media (min-width: 1440px) {
  .lic__title { font-size: 94px; }
}