.documents-page{padding:58px 0 76px;background:linear-gradient(135deg,#f4f8fc,#fff 55%,#eef8f2)}
.documents-page h1{margin:8px 0 12px;color:#0b2d4f;font-size:clamp(36px,5vw,58px);line-height:1.05}
.documents-intro{margin:0 0 30px;color:#63758a;font-size:17px}
.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.document-card{display:flex;gap:16px;min-height:220px;padding:22px;background:#fff;border:1px solid #dce7f1;border-radius:16px;box-shadow:0 12px 30px rgba(11,45,79,.06)}
.document-icon{display:grid;place-items:center;flex:0 0 58px;height:76px;color:#fff;background:linear-gradient(145deg,#76c043,#178744);border-radius:8px 8px 8px 2px;font-size:14px;font-weight:900;box-shadow:8px 8px 0 rgba(24,135,68,.12)}
.document-content{display:flex;flex-direction:column;align-items:flex-start}.document-card h2{margin:0;color:#0b2d4f;font-size:20px;line-height:1.2}.document-card p{margin:10px 0;color:#63758a;font-size:14px;line-height:1.55}.document-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.document-actions .button{min-height:40px;padding:0 13px;font-size:12px}.document-unavailable{margin-top:auto;padding:9px 11px;color:#916323;background:#fff5df;border:1px solid #f0d79e;border-radius:7px;font-size:12px}
@media(max-width:900px){.document-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.document-grid{grid-template-columns:1fr}.document-card{min-height:0}.documents-page{padding-top:38px}}