:root { --risk-navy: #0f1e3d; --risk-gilt: #b08a4a; --risk-paper: #faf8f3; }

body.risk-disclosure-open { overflow: hidden; }

.risk-disclosure[hidden] { display: none; }
.risk-disclosure {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(4, 12, 29, 0.78);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.risk-disclosure__dialog {
  width: min(960px, 100%);
  max-height: min(720px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  color: #3a3a38;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}
.risk-disclosure__head { padding: 34px 48px 24px; border-bottom: 1px solid rgba(15, 30, 61, 0.1); }
.risk-disclosure__head h1 { color: var(--risk-navy); font-size: 28px; line-height: 1.25; text-align: center; letter-spacing: 0.04em; }
.risk-disclosure__content { overflow-y: auto; padding: 26px 48px 30px; font-size: 14px; line-height: 1.9; }
.risk-disclosure__content p { margin: 0 0 16px; }
.risk-disclosure__content .risk-disclosure__salutation { font-weight: 700; color: var(--risk-navy); }
.risk-disclosure__content ol { margin: 0 0 16px; padding-left: 1.6em; }
.risk-disclosure__content li + li { margin-top: 8px; }
.risk-disclosure__signature { margin-top: 24px !important; color: var(--risk-navy); font-weight: 600; }
.risk-disclosure__date { margin-bottom: 0 !important; color: #6e6a64; }
.risk-disclosure__actions { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 18px 32px; border-top: 1px solid rgba(15, 30, 61, 0.1); }
.risk-disclosure__button { min-width: 140px; padding: 11px 22px; border: 1px solid var(--risk-navy); border-radius: 3px; background: var(--risk-navy); color: #fff; font: inherit; font-weight: 600; cursor: pointer; transition: background 180ms ease, color 180ms ease; }
.risk-disclosure__button:disabled { cursor: not-allowed; opacity: 0.42; }
.risk-disclosure__button--decline { background: #fff; color: var(--risk-navy); }
.risk-disclosure__button--decline:hover { background: #f3f1ec; }
.risk-disclosure__consent { display: inline-flex; align-items: center; gap: 8px; color: #555; font-size: 13px; cursor: pointer; }
.risk-disclosure__consent input { width: 16px; height: 16px; accent-color: var(--risk-navy); }

@media (max-width: 640px) {
  .risk-disclosure { padding: 12px; }
  .risk-disclosure__dialog { max-height: calc(100vh - 24px); }
  .risk-disclosure__head { padding: 24px 24px 18px; }
  .risk-disclosure__head h1 { font-size: 23px; }
  .risk-disclosure__content { padding: 20px 24px; font-size: 13px; line-height: 1.8; }
  .risk-disclosure__actions { align-items: stretch; gap: 10px; padding: 14px 20px; }
  .risk-disclosure__button { min-width: 0; flex: 1; }
  .risk-disclosure__consent { width: 100%; justify-content: center; order: -1; }
}