.documents-page { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; padding: clamp(150px, 15vw, 210px) 0 clamp(76px, 9vw, 128px); color: #17395c; }
.documents-page__header { max-width: 760px; margin-bottom: clamp(52px, 7vw, 88px); }
.documents-page__header h1, .documents-section h2, .document-group h3, .document-row h4 { color: #17395c; text-wrap: balance; }
.documents-page__header h1 { margin: 0; font-size: clamp(42px, 6vw, 76px); font-weight: 500; letter-spacing: -.035em; line-height: .98; }
.documents-page__header p { max-width: 58ch; margin: 22px 0 0; color: #486783; font-size: clamp(17px, 2vw, 21px); line-height: 1.5; }
.documents-section + .documents-section { margin-top: clamp(64px, 10vw, 128px); }
.documents-section h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); font-weight: 500; letter-spacing: -.032em; line-height: 1.06; }
.requisites-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(40px, 7vw, 96px); margin: 32px 0 0; border-top: 1px solid #bdd0e1; }
.requisites-list__item { min-height: 142px; padding: 24px 0 28px; border-bottom: 1px solid #bdd0e1; }
.requisites-list dt { color: #52728d; font-size: 14px; font-weight: 700; line-height: 1.35; }
.requisites-list dd { max-width: 34ch; margin: 12px 0 0; color: #17395c; font-size: clamp(17px, 1.8vw, 21px); font-weight: 500; line-height: 1.3; }
.documents-section__heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .56fr); gap: 28px 56px; align-items: end; margin-bottom: 48px; }
.documents-section__heading p { max-width: 38ch; margin: 0; color: #52728d; font-size: 16px; line-height: 1.45; }
.document-group + .document-group { margin-top: clamp(52px, 7vw, 84px); }
.document-group h3 { max-width: 840px; margin: 0 0 22px; font-size: clamp(23px, 3vw, 34px); font-weight: 500; letter-spacing: -.028em; line-height: 1.15; }
.documents-list { border-top: 1px solid #bdd0e1; }
.document-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .28fr); gap: 24px clamp(28px, 5vw, 76px); align-items: start; padding: 26px 0 28px; border-bottom: 1px solid #bdd0e1; }
.document-row h4 { margin: 0; font-size: clamp(21px, 2.5vw, 29px); font-weight: 500; letter-spacing: -.025em; line-height: 1.12; }
.document-row p { max-width: 62ch; margin: 12px 0 0; color: #52728d; font-size: 16px; line-height: 1.45; }
.document-row__meta { display: grid; justify-items: start; gap: 14px; }
.document-row time { color: #52728d; font-size: 14px; line-height: 1.4; }
.document-row__link { display: inline-flex; min-height: 42px; align-items: center; padding: 10px 17px; border-radius: 10px; color: #17395c; background: #8bd8f8; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; transition: background-color .16s ease, color .16s ease, transform .16s ease; }
.document-row__link:hover { color: #fff; background: #17395c; transform: translateY(-2px); }
.document-row__link:focus-visible { outline: 3px solid #17395c; outline-offset: 3px; }
@media (max-width: 767px) { .documents-page { width: min(calc(100% - 32px), var(--max)); padding-top: 128px; } .requisites-list, .documents-section__heading, .document-row { grid-template-columns: 1fr; } .requisites-list__item { min-height: 0; padding: 21px 0 24px; } .documents-section__heading { gap: 16px; margin-bottom: 36px; } .document-row { gap: 18px; padding: 22px 0 24px; } .document-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; } }