.ppid-documents .contact-breadcrumb { flex-wrap: wrap; margin-bottom: 32px; }
.documents-hero-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.ppid-documents .contact-hero h1 { max-width: 850px; font-size: clamp(32px, 4vw, 50px); }
.ppid-documents .contact-hero p { max-width: 740px; font-size: 15px; }
.documents-hero-icon { display: grid; place-items: center; flex-shrink: 0; width: 132px; height: 132px; border: 1px solid #ffffff24; border-radius: 28px; background: #ffffff08; color: #ffcf58; font-size: 54px; transform: rotate(-6deg); }
.documents-section { padding: 48px 0 72px; }
.documents-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 26px; }
.documents-heading .contact-eyebrow { margin-bottom: 10px; }
.documents-heading p { color: #748198; font-size: 13px; margin: 10px 0 0; }
.documents-back { display: inline-flex; align-items: center; gap: 12px; color: #344e7d; font-size: 13px; font-weight: 700; white-space: nowrap; }
.documents-back i { font-size: 11px; }
.documents-filters { display: grid; grid-template-columns: minmax(200px, 2fr) minmax(120px, .8fr) minmax(160px, 1.2fr) minmax(150px, 1fr) auto; gap: 16px; align-items: end; padding: 24px; border: 1px solid #e2e8f1; border-radius: 14px; background: #fff; }
.documents-filters > div { min-width: 0; }
.documents-filters label { display: block; margin-bottom: 9px; color: #465a7f; font-size: 12px; font-weight: 600; }
.documents-filters input, .documents-filters select { display: block; width: 100%; height: 46px; border: 1px solid #dce4f0; border-radius: 8px; color: #293d70; background-color: #fff; font-size: 13px; padding: 10px 12px; }
.documents-filters select { padding-right: 30px; }
.documents-search > div { position: relative; }
.documents-search input { padding-left: 38px; }
.documents-search i { position: absolute; top: 16px; left: 14px; color: #8290a5; font-size: 13px; }
.documents-submit { display: inline-flex; align-items: center; justify-content: center; gap: 16px; height: 46px; border: 1px solid #212b5a; border-radius: 8px; background: #212b5a; color: #fff; padding: 10px 18px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.documents-submit:hover { background: #344779; }
.documents-results { display: flex; justify-content: space-between; gap: 16px; margin: 22px 0 16px; font-size: 12px; color: #748198; }
.documents-results p { margin: 0; font-size: inherit; overflow-wrap: anywhere; }
.documents-results strong { color: #344663; font-weight: 600; }
.documents-results a { color: #465e88; white-space: nowrap; }
.documents-results i { font-size: 10px; margin-left: 6px; }
.documents-list { display: grid; gap: 16px; }
.ppid-document-card { display: flex; align-items: flex-start; gap: 24px; padding: 28px; border: 1px solid #e2e8f1; border-radius: 14px; background: #fff; box-shadow: 0 3px 14px #212b5a03; transition: border-color .2s ease, box-shadow .2s ease; }
.ppid-document-card:hover { border-color: #c5d1e5; box-shadow: 0 8px 24px #212b5a08; }
.document-symbol { display: grid; place-items: center; width: 58px; height: 66px; flex-shrink: 0; border: 1px solid #e6eaf3; border-radius: 12px; background: #f1f4fa; color: #465e88; font-size: 26px; }
.document-card-body { min-width: 0; flex: 1; }
.document-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 13px; color: #758297; font-size: 11px; }
.document-meta i { margin-right: 5px; }
.document-category { padding: 4px 9px; border-radius: 5px; background: #fbf3df; color: #8c6820; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.ppid-documents .document-card-body h3 { font-size: 18px; line-height: 1.55; margin: 0 0 10px; overflow-wrap: anywhere; }
.document-description { margin: 0 0 16px; font-size: 13px; color: #748198; line-height: 1.8; overflow-wrap: anywhere; }
.document-files { border-top: 1px solid #edf0f5; margin-top: 18px; padding-top: 16px; }
.document-files summary { display: flex; align-items: center; gap: 10px; width: fit-content; cursor: pointer; list-style: none; color: #344e7d; font-size: 12px; font-weight: 700; }
.document-files summary::-webkit-details-marker { display: none; }
.document-files summary > span { display: inline-grid; place-items: center; background: #edf2fa; color: #526995; border-radius: 20px; min-width: 23px; height: 23px; font-size: 10px; }
.document-files summary > i { font-size: 9px; transition: transform .2s; }
.document-files[open] summary > i { transform: rotate(180deg); }
.document-files ul { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; }
.document-files li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; border: 1px solid #e8edf4; border-radius: 8px; background: #f8fafd; }
.document-files li > span { min-width: 0; color: #68758b; font-size: 12px; overflow-wrap: anywhere; }
.document-files li > span i { margin-right: 10px; color: #526995; }
.document-files a { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; color: #293d70; font-size: 12px; font-weight: 700; }
.document-files a i { font-size: 10px; }
.document-unavailable { display: inline-block; color: #7c8798; font-size: 11px; margin-top: 5px; }
.documents-empty { padding: 56px 24px; text-align: center; border: 1px solid #e2e8f1; border-radius: 14px; background: #fff; }
.documents-empty > i { display: block; font-size: 42px; color: #a3b1c9; margin-bottom: 20px; }
.ppid-documents .documents-empty h3 { font-size: 20px; }
.documents-empty p { font-size: 13px; color: #748198; }
.documents-empty a { display: inline-flex; align-items: center; gap: 14px; color: #344e7d; font-size: 13px; font-weight: 700; }
.documents-pagination { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: #748198; font-size: 12px; }
.documents-pagination > div { display: flex; align-items: center; gap: 12px; }
.documents-pagination a, .documents-pagination [aria-disabled] { padding: 9px 13px; border: 1px solid #dce4f0; border-radius: 7px; background: #fff; color: #344e7d; }
.documents-pagination [aria-disabled] { opacity: .5; }
.documents-current { font-variant-numeric: tabular-nums; }
.ppid-documents :is(input,select,button,summary,a):focus-visible { outline: 3px solid #d99e00; outline-offset: 4px; }
@media (max-width: 1199px) { .documents-filters { grid-template-columns: 2fr 1fr 1.5fr; }.documents-submit { align-self: end; } }
@media (max-width: 767px) { .documents-hero-icon { display: none; }.documents-heading { align-items: flex-start; flex-direction: column; gap: 16px; }.documents-filters { grid-template-columns: 1fr 1fr; padding: 18px; }.documents-search { grid-column: 1 / -1; }.documents-submit { width: 100%; }.ppid-document-card { padding: 20px; gap: 14px; }.document-symbol { width: 40px; height: 46px; font-size: 20px; }.ppid-documents .document-card-body h3 { font-size: 16px; }.document-files li { align-items: flex-start; flex-direction: column; gap: 10px; } }
@media (max-width: 479px) { .documents-filters { grid-template-columns: 1fr; }.documents-section { padding: 32px 0 48px; }.ppid-document-card { display: block; }.document-symbol { margin-bottom: 16px; }.documents-results { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { .ppid-document-card, .document-files summary > i { transition: none; } }