.documents-page { width: min(calc(100% - 48px), var(--max, 1380px)); }
.documents-accordion { display: grid; gap: 16px; }
.documents-block { border: 1px solid #d6cbc3; border-radius: 14px; background: #fffdfa; overflow: hidden; scroll-margin-top: 100px; }
.documents-block > summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 28px; list-style: none; cursor: pointer; color: #731637; font-size: clamp(20px, 2.1vw, 28px); line-height: 1.4; font-weight: 400; }
.documents-block > summary::-webkit-details-marker { display: none; }
.documents-block > summary svg { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.documents-block[open] > summary { color: #fffdfa; background: #731637; }
.documents-block[open] > summary svg { transform: rotate(180deg); }
.documents-block > summary:hover { background: #eee5e8; color: #731637; }
.documents-block > summary:focus-visible { outline: 3px solid #00323c; outline-offset: -5px; }
.documents-block__content { padding: 0 28px; }
.documents-block__empty { padding: 26px 0; margin: 0; color: #47182e; line-height: 1.6; }
.documents-block .document-row:last-child { border-bottom: 0; }
.documents-block h3 { margin: 0; color: #00323c; font-size: clamp(18px, 2vw, 24px); line-height: 1.5; letter-spacing: normal; }
.documents-block .document-row__link { background: #00323c; color: #fffdfa; font-weight: 400; line-height: 1.5; }
.documents-block .document-row__link:hover { background: #731637; }
.documents-block__material { padding: 28px 0; color: #00323c; line-height: 1.6; overflow-wrap: anywhere; }
.documents-block__material img { max-width: 100%; height: auto; }
.documents-block__material table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 767px) { .documents-page { width: calc(100% - 32px); } .documents-block > summary { padding: 20px; gap: 16px; } .documents-block__content { padding: 0 20px; } }