/* Documents tab content (owner's mockup "DOCUMENTS PAGE DESIGN", 2026-11-02), shown below the search card while the
   Documents tab is open (site.js). One file for both sites: var(--blue) is blue on the portal, red on the Georgia site. */
.dsv{padding:30px 0 44px}
.dsv[hidden]{display:none}
.dsv h2,.dsv h3,.dsv p{margin:0}

/* Heading strip: text on the white left side, the photo on the right fading in from the white */
.dsv-head{position:relative;min-height:190px;display:flex;align-items:center;border-radius:16px;overflow:hidden;background:#fff}
.dsv-head-img{position:absolute;top:0;right:0;height:100%;width:62%;object-fit:cover;object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}
.dsv-head-t{position:relative;max-width:640px;padding:22px 28px}
.dsv-eye{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
.dsv-head h2{margin-top:4px;font-size:13px;line-height:1.12;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.dsv-head h2 span{display:block;color:var(--blue)}
.dsv-lead{margin-top:10px;font-size:13px;line-height:1.5;color:#33405C;max-width:560px}

/* Ten service cards, five per row */
.dsv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:16px}
.dsv-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(11,31,75,.09)}
.dsv-card img{display:block;width:100%;aspect-ratio:271/87;object-fit:cover}
.dsv-cb{display:flex;flex-direction:column;flex:1;padding:12px 16px 14px}
.dsv-cb h3{font-size:13px;line-height:1.25;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.dsv-cb p{margin-top:5px;font-size:12px;line-height:1.45;color:#3E4A63;flex:1}
.dsv-cb a,.dsv-cats-head a{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--blue);letter-spacing:-.025em}
.dsv-cb a svg,.dsv-cats-head a svg{width:15px;height:15px}
.dsv-cb a:hover,.dsv-cats-head a:hover{text-decoration:underline}

/* Document categories: one row of twelve tiles */
.dsv-cats{margin-top:22px;background:#fff;border-radius:14px;padding:16px 18px 18px;box-shadow:0 4px 16px rgba(11,31,75,.08)}
.dsv-cats-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dsv-cats-head h2{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.dsv-cats-head a{margin-top:0}
.dsv-cat-row{display:grid;grid-template-columns:repeat(12,1fr);gap:9px;margin-top:12px}
.dsv-cat{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(11,31,75,.09);transition:transform .2s ease}
.dsv-cat:hover{transform:translateY(-2px)}
.dsv-cat img{display:block;width:100%;aspect-ratio:104/77;object-fit:cover}
.dsv-cat span{display:flex;align-items:center;gap:4px;padding:8px 5px 9px;font-size:10.5px;line-height:1.2;font-weight:600;color:var(--navy);min-height:44px;letter-spacing:-.025em}
.dsv-cat svg{flex:0 0 13px;width:13px;height:13px;color:var(--blue)}

/* Call to action band */
.dsv-cta{margin-top:22px;display:flex;align-items:center;gap:26px;padding:22px 34px;border-radius:14px;color:#fff;
  background:linear-gradient(100deg,var(--blue-2) 0%,var(--blue) 55%,var(--blue-2) 100%)}
.dsv-cta-ic{flex:0 0 auto;width:78px;height:60px;padding-right:24px;border-right:1px solid rgba(255,255,255,.45);box-sizing:content-box}
.dsv-cta-t{flex:1}
.dsv-cta-t h2{color:#fff;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.dsv-cta-t p{margin-top:5px;font-size:13px;line-height:1.45;opacity:.95;max-width:560px}
.dsv-cta-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue);font-weight:600;font-size:13px;padding:13px 26px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.dsv-cta-btn svg{width:18px;height:18px}
.dsv-cta-btn:hover{transform:translateY(-1px)}

@media(max-width:1100px){
  .dsv-grid{grid-template-columns:repeat(3,1fr)}
  .dsv-cat-row{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:760px){
  .dsv{padding:22px 0 34px}
  .dsv-head{flex-direction:column;align-items:stretch;min-height:0}
  .dsv-head-img{position:relative;width:100%;height:150px;order:2;-webkit-mask-image:linear-gradient(0deg,#000 60%,transparent 100%);mask-image:linear-gradient(0deg,#000 60%,transparent 100%)}
  .dsv-head-t{padding:18px 18px 10px}
  .dsv-head h2{font-size:13px;letter-spacing:-.025em}
  .dsv-lead{font-size:13px}
  .dsv-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .dsv-cb{padding:10px 12px 12px}
  .dsv-cb h3{font-size:13px;letter-spacing:-.025em}
  .dsv-cb p{font-size:11.5px}
  .dsv-cats{padding:14px 12px}
  .dsv-cats-head h2{font-size:13px;letter-spacing:-.025em}
  .dsv-cats-head a{white-space:nowrap;font-size:12px}
  .dsv-cat-row{grid-template-columns:repeat(3,1fr);gap:8px}
  .dsv-cta{flex-direction:column;text-align:center;gap:14px;padding:22px 18px}
  .dsv-cta-ic{border-right:0;padding-right:0;width:64px;height:48px}
  .dsv-cta-t h2{font-size:13px;letter-spacing:-.025em}
  .dsv-cta-t p{font-size:12.5px}
}
@media(max-width:420px){.dsv-grid{grid-template-columns:1fr}}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.dsv-cta-btn{font-size:13px;font-weight:500}}