.court-document{
  margin-top:70px;
  padding:36px;
  display:grid;
  grid-template-columns:minmax(260px,360px) 1fr;
  gap:44px;
  align-items:center;
  border:1px solid rgba(23,56,95,.14);
  border-radius:22px;
  background:#fff;
}
.court-document-preview{
  display:block;
  aspect-ratio:210/297;
  overflow:hidden;
  border:1px solid rgba(23,56,95,.12);
  background:#fff;
  box-shadow:0 16px 38px rgba(18,45,75,.08);
}
.court-document-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.court-document-copy .eyebrow{margin-bottom:16px}
.court-document-copy h2{margin:0 0 18px;font-size:clamp(34px,4vw,52px);line-height:1.04;font-weight:500;letter-spacing:-.04em}
.court-document-copy p{max-width:680px;margin:0 0 26px;color:#506780;font-size:17px;line-height:1.65}
.court-document-copy .btn{gap:10px}
.court-document-copy .btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .3s}
.court-document-copy .btn:hover svg{transform:translate(3px,-3px)}
.court-document-list{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){
  .court-document{margin-top:40px;padding:22px;grid-template-columns:1fr;gap:28px}
  .court-document-preview{width:min(100%,340px);margin:auto}
  .court-document-copy h2{font-size:34px}
  .court-document-copy p{font-size:15px}
  .court-document-list{display:grid}
  .court-document-list .btn{width:100%}
}