.sec_legal_content {
  padding-block: 76px 100px;
  background: var(--cream);
  .wrap { max-width: 900px; }
  .sample_note { margin-bottom: 36px; padding: 18px 22px; background: #fff8e8; border-left: 3px solid var(--gold); color: var(--brown); font-size: 15px; line-height: 1.8em; }
  h2 { margin-top: 42px; color: var(--brown); font-family: var(--serif); font-size: 26px; font-weight: 600; }
  h2:first-of-type {
    margin-top: 32px;
    @media (max-width: 700px) { margin-top: 26px; }
  }
  p, li, dd { margin-top: 14px; font-size: 16px; line-height: 1.9em; }
  ul { margin-top: 14px; padding-left: 24px; list-style: disc; }
  li { margin-top: 7px; }
  a { color: var(--brown); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
  a:hover { color: #987346; }
  dl { margin-top: 30px; border-top: 1px solid var(--line); }
  dl > div { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 25px; padding-block: 20px; border-bottom: 1px solid var(--line); }
  dt { color: var(--brown); font-weight: 700; line-height: 1.9em; }
  dd { margin-top: 0; }
  .pending { color: #8b4b38; font-weight: 600; }
  @media (max-width: 700px) {
    padding-block: 55px 75px;
    .sample_note { padding: 15px 17px; font-size: 14px; }
    h2 { margin-top: 36px; font-size: 22px; }
    p, li, dd { font-size: 14px; }
    dl > div { grid-template-columns: 1fr; gap: 5px; padding-block: 17px; }
  }
}