.legal-page { padding: 40px 24px 72px; background: #f4f5f6; }
.legal-page-inner { width: 100%; max-width: 1100px; margin: 0 auto; }
.legal-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; color: #777e90; font-size: 14px; line-height: 1.5; }
.legal-breadcrumb a { color: #00b868; }
.legal-title { margin: 0 0 28px; color: #141416; font-size: 36px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.legal-document { overflow: hidden; background: #fff; border: 1px solid #e6e8ec; border-radius: 16px; }
.legal-frame { display: block; width: 100%; height: calc(100vh - 180px); min-height: 780px; border: 0; }
@media (max-width: 600px) {
  .legal-page { padding: 24px 12px 40px; }
  .legal-title { font-size: 27px; margin-bottom: 20px; }
  .legal-frame { height: calc(100svh - 150px); min-height: 650px; }
  .legal-document { border-radius: 12px; }
}