.documents-cta { display:flex; align-items:center; justify-content:space-between; gap:42px; padding:58px 0 76px; border-top:1px solid var(--line); }
.documents-cta h2,.documents-dialog h2 { margin:0; letter-spacing:-.045em; font-size:clamp(30px,3.6vw,44px); line-height:1.1; }.documents-cta h2 em { color:var(--teal); font-style:normal; }.documents-cta p:not(.eyebrow) { max-width:580px; margin:15px 0 0; color:var(--muted); font-size:14px; }
.documents-dialog { width:min(760px,calc(100vw - 36px)); max-height:min(760px,calc(100vh - 36px)); padding:30px; border:1px solid var(--line); border-radius:24px; color:var(--ink); background:var(--white); box-shadow:0 32px 90px rgba(9,28,24,.28); }.documents-dialog::backdrop { background:rgba(8,24,22,.62); backdrop-filter:blur(4px); }.documents-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }.documents-dialog-head .eyebrow { margin-bottom:10px; }.documents-close { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:transparent; font-size:26px; line-height:1; }.documents-close:hover { background:#eef5f0; }.documents-intro { margin:20px 0; color:var(--muted); font-size:13px; }.documents-list { display:grid; gap:10px; }.document-item { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:14px; padding:17px; border:1px solid var(--line); border-radius:15px; background:#fff; transition:.18s transform,.18s border-color,.18s background; }.document-item:hover { transform:translateY(-2px); border-color:#91baae; background:#f6fbf8; }.document-index { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; color:var(--deep-teal); background:#e5f8f0; font-size:11px; font-weight:850; }.document-item strong,.document-item small { display:block; }.document-item strong { font-size:14px; }.document-item small { margin-top:3px; color:var(--muted); font-size:11px; }.document-item b { color:var(--deep-teal); font-size:12px; white-space:nowrap; }.documents-footnote { margin:18px 0 0; color:var(--muted); font-size:11px; }
@media (max-width:820px) { .documents-cta { align-items:flex-start; flex-direction:column; gap:20px; padding:48px 0 62px; }.documents-cta .button { width:100%; }.documents-dialog { padding:22px; }.document-item { grid-template-columns:35px 1fr; }.document-item b { grid-column:2; }.document-item small { line-height:1.5; } }
