.pa-legal {
  width: var(--pa-container);
  margin: 24px auto 40px;
  padding: clamp(24px, 4vw, 56px);
  border: 1px solid var(--pa-line);
  border-radius: var(--pa-radius, 32px);
  background: #fff;
  color: var(--pa-black);
  font-family: var(--pa-body);
}
.pa-legal__head {max-width: 880px; margin-bottom: clamp(32px, 4vw, 56px)}
.pa-legal__back {display: inline-flex; align-items: center; min-height: 44px; color: var(--pa-muted); font-size: 13px; text-decoration: none}
.pa-legal__head h1 {margin: 14px 0 20px; font-family: var(--pa-display); font-size: clamp(28px, 4.2vw, 58px); font-weight: 700; line-height: 1.14; letter-spacing: -.04em; overflow-wrap: anywhere}
.pa-legal__head p {max-width: 600px; margin: 0; color: var(--pa-muted); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.65}
.pa-legal__group {display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.5fr); gap: 36px; padding: 28px 0; border-top: 1px solid var(--pa-line)}
.pa-legal__group h2 {margin: 17px 0 0; font-family: var(--pa-display); font-size: 17px; font-weight: 650; line-height: 1.5}
.pa-legal__document {display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 18px 20px; border-radius: 18px; color: var(--pa-black); text-decoration: none; transition: background-color 150ms ease}
.pa-legal__document + .pa-legal__document {margin-top: 4px}
.pa-legal__document strong {display: block; font-family: var(--pa-display); font-size: clamp(14px, 1.25vw, 18px); font-weight: 550; line-height: 1.45}
.pa-legal__document strong + span {display: block; max-width: 560px; margin-top: 8px; color: var(--pa-muted); font-size: 14px; line-height: 1.65}
.pa-legal__arrow {display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid var(--pa-gold); border-radius: 50%; font-family: Arial, sans-serif; font-size: 22px}
.pa-legal__document:hover {background: var(--pa-page)}
.pa-legal__document:hover .pa-legal__arrow {background: var(--pa-gold)}
.pa-legal a:focus-visible {outline: 2px solid var(--pa-black); outline-offset: 4px}
.pa-legal__help {display: flex; gap: 24px; justify-content: space-between; align-items: center; margin-top: 26px; padding: 28px 32px; border-radius: 24px; background: var(--pa-gold)}
.pa-legal__help h2 {margin: 0 0 8px; font-family: var(--pa-display); font-size: 18px; line-height: 1.4}
.pa-legal__help p {max-width: 530px; margin: 0; font-size: 14px; line-height: 1.7}
.pa-legal__help a {display: inline-flex; align-items: center; min-height: 44px; color: var(--pa-black); font-size: 15px; font-weight: 650; text-underline-offset: 5px; overflow-wrap: anywhere}
.pa-legal__content {font-size: 16px; line-height: 1.7; overflow-wrap: anywhere}
.pa-legal__content a {color: inherit; text-underline-offset: 4px}
.pa-legal__content h2 {font-family: var(--pa-display); font-size: clamp(19px, 2vw, 26px); line-height: 1.5}
.pa-legal__content img {max-width: 100%; height: auto}
@media (max-width: 900px) {
  .pa-legal__group {grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr); gap: 20px}
  .pa-legal__help {align-items: flex-start; flex-direction: column; gap: 12px}
}
@media (max-width: 600px) {
  .pa-legal {width: calc(100% - 16px); margin: 12px 8px 24px; padding: 22px 18px; border-radius: 28px}
  .pa-legal__head h1 {font-size: clamp(26px, 7.7vw, 38px); letter-spacing: -.045em}
  .pa-legal__head {margin-bottom: 26px}
  .pa-legal__group {display: block; padding: 20px 0}
  .pa-legal__group h2 {margin: 0 0 12px; font-size: 16px}
  .pa-legal__document {gap: 12px; padding: 16px 0; border-radius: 12px}
  .pa-legal__document strong {font-size: 14px}
  .pa-legal__document strong + span {font-size: 13px}
  .pa-legal__help {margin-top: 12px; padding: 22px 18px; border-radius: 20px}
  .pa-legal__help a {font-size: 13px}
}
@media (prefers-reduced-motion: reduce) {.pa-legal__document {transition: none}}