* {
  box-sizing: border-box;
}

html {
  background: #f5f7f8;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #172126;
  background: #f5f7f8;
  line-height: 1.55;
}

.legal-shell {
  width: min(900px, calc(100% - 32px));
  margin: 48px auto;
  padding: 40px;
  background: #ffffff;
  border: 1px solid #d8dee2;
  border-radius: 12px;
}

.draft-banner {
  padding: 10px 14px;
  margin-bottom: 28px;
  border: 2px solid #925f00;
  background: #fff7df;
  font-weight: 700;
  letter-spacing: 0.035em;
}

.eyebrow {
  margin: 0 0 4px;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

h1 {
  margin-top: 0;
  line-height: 1.2;
}

.lead {
  font-size: 1.08rem;
}

.notice {
  margin: 28px 0;
  padding: 18px;
  background: #f3f5f6;
  border-left: 4px solid #68757c;
}

.document-list {
  display: grid;
  gap: 12px;
  margin: 28px 0;
}

.document-list a {
  display: block;
  padding: 16px;
  border: 1px solid #d8dee2;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
}

.document-list a:hover,
.document-list a:focus {
  background: #f6f8f9;
}

.document-list span {
  display: block;
  margin-top: 3px;
  color: #56636a;
  font-size: 0.94rem;
}

a {
  color: #185f86;
}

.legal-footer {
  margin-top: 48px;
  padding-top: 22px;
  border-top: 1px solid #d8dee2;
  font-size: 0.9rem;
}

@media (max-width: 640px) {
  .legal-shell {
    width: min(100% - 20px, 900px);
    margin: 18px auto;
    padding: 24px;
  }
}

/* CIVIVAS_PRIVATE_BETA_ACCEPTANCE_GUIDANCE_BEGIN */
.acceptance-instruction {
  margin: 14px 0 10px;
  color: #56636a;
  font-size: 0.94rem;
}

.acceptance-actions {
  margin: 30px 0 18px;
}

.acceptance-complete-guidance {
  margin: 0 0 10px;
  font-weight: 600;
}

#continue-button {
  appearance: none;
  padding: 12px 20px;
  border: 1px solid #185f86;
  border-radius: 8px;
  background: #185f86;
  color: #ffffff;
  font: inherit;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}

#continue-button:hover:not(:disabled) {
  background: #124c6b;
  border-color: #124c6b;
}

#continue-button:focus-visible {
  outline: 3px solid #8fc1dc;
  outline-offset: 2px;
}

#continue-button:disabled {
  border-color: #cfd6da;
  background: #e6eaec;
  color: #7a858b;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  #continue-button {
    width: 100%;
    min-height: 48px;
  }
}
/* CIVIVAS_PRIVATE_BETA_ACCEPTANCE_GUIDANCE_END */