body[data-page="documents"] .documents-hero {
  min-height: 196px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 37%);
  align-items: center;
  gap: 30px;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 91% 65%, rgba(255,255,255,.9) 0 2px, transparent 3px),
    linear-gradient(110deg, #f8fcfe 0%, #e7f5fa 55%, #c9eaf3 100%);
}
body[data-page="documents"] .documents-hero::after { inset: 0 0 0 58%; opacity: .3; background-size: 70px 56px; }
body[data-page="documents"] .documents-hero-icons {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 58px);
  justify-content: end;
  gap: 14px 20px;
  color: var(--teal);
  opacity: .7;
}
body[data-page="documents"] .documents-hero-icons .external-svg {
  width: 58px;
  height: 58px;
  padding: 8px;
  border: 1px solid rgba(8, 117, 139, .2);
  border-radius: 50%;
  background: rgba(255, 255, 255, .4);
}

body[data-page="documents"] .summary-row { overflow: hidden; background: rgba(255, 255, 255, .97); }
body[data-page="documents"] .summary-item { min-width: 0; }
body[data-page="documents"] .summary-item .icon-disc { width: 58px; height: 58px; flex-basis: 58px; border: 0; color: var(--teal); background: transparent; }
body[data-page="documents"] .summary-item .icon-disc .external-svg { display: block; width: 52px; height: 52px; }
body[data-page="documents"] .summary-item small { color: var(--ink); font-weight: 800; }
body[data-page="documents"] .summary-item strong { color: var(--teal-dark); font-size: clamp(1rem, 1.7vw, 1.2rem); }

body[data-page="documents"] .file-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-page="documents"] .file-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-page="documents"] .file-card {
  min-width: 0;
  border-color: #b8cbd9;
  box-shadow: 0 5px 16px rgba(11, 39, 77, .08);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body[data-page="documents"] .file-card:hover,
body[data-page="documents"] .file-card:focus-visible { transform: translateY(-2px); border-color: var(--accent-edge); background: var(--accent-soft); box-shadow: 0 9px 22px var(--accent-shadow); }
body[data-page="documents"] .featured-file { min-height: 102px; padding-inline: 22px; border-top-color: var(--accent-edge); background: linear-gradient(110deg, #fff 0 72%, var(--accent-soft)); }
body[data-page="documents"] .file-icon { width: 38px; height: 46px; flex: 0 0 38px; }
body[data-page="documents"] .file-meta strong { color: var(--ink); font-size: .9rem; }
body[data-page="documents"] .file-update { margin-left: auto; text-align: right; }
body[data-page="documents"] .download-glyph { width: 27px; height: 27px; flex: 0 0 27px; margin-left: auto; }
body[data-page="documents"] .featured-file .download-glyph { margin-left: 8px; }

body[data-page="documents"] .data-table { background: #fff; }
body[data-page="documents"] .data-table th { color: #fff; background: var(--navy); box-shadow: inset 0 -3px 0 var(--accent); }
body[data-page="documents"] .data-table tbody tr:nth-child(even) { background: #fff3d6; }
body[data-page="documents"] .callout h3 { display: flex; align-items: center; gap: 10px; }
body[data-page="documents"] .warning-icon { width: 34px; height: 34px; flex: 0 0 34px; }
body[data-page="documents"] .check-list li { display: flex; align-items: flex-start; gap: 9px; padding-left: 0; }
body[data-page="documents"] .check-list li::before { display: none; }
body[data-page="documents"] .check-list li .external-svg { width: 19px; height: 19px; flex: 0 0 19px; margin-top: 4px; }
body[data-page="documents"] .callout.info { display: flex; align-items: center; gap: 12px; border-color: #6ab0c3; background: rgba(242, 250, 253, .96); }
body[data-page="documents"] .info-icon { width: 28px; height: 28px; flex: 0 0 28px; }
body[data-page="documents"] .callout.info a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 980px) {
  body[data-page="documents"] .documents-hero { grid-template-columns: 1fr minmax(220px, 32%); }
  body[data-page="documents"] .documents-hero-icons { grid-template-columns: repeat(3, 48px); gap: 10px; }
  body[data-page="documents"] .documents-hero-icons .external-svg { width: 48px; height: 48px; }
  body[data-page="documents"] .file-grid,
  body[data-page="documents"] .file-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body[data-page="documents"] .documents-hero { min-height: 220px; grid-template-columns: 1fr; gap: 18px; }
  body[data-page="documents"] .documents-hero-icons { grid-template-columns: repeat(6, 42px); justify-content: start; }
  body[data-page="documents"] .documents-hero-icons .external-svg { width: 42px; height: 42px; padding: 6px; }
  body[data-page="documents"] .summary-row { grid-template-columns: 1fr; }
  body[data-page="documents"] .summary-item { border-bottom: 1px solid var(--line); }
  body[data-page="documents"] .file-grid,
  body[data-page="documents"] .file-grid.cols-4 { grid-template-columns: 1fr; }
  body[data-page="documents"] .featured-file { display: grid; grid-template-columns: 38px minmax(0, 1fr) 27px; align-items: center; column-gap: 12px; }
  body[data-page="documents"] .featured-file .file-icon { grid-row: 1 / 3; }
  body[data-page="documents"] .featured-file .file-update { grid-column: 2; margin-left: 0; text-align: left; }
  body[data-page="documents"] .featured-file .download-glyph { grid-column: 3; grid-row: 1 / 3; margin-left: 0; }
}