.legal-hero { position: relative; display: flex; min-height: 330px; align-items: flex-end; overflow: hidden; background: #26343d url('/profile/assets/web/images/about/about-banner.png') center/cover no-repeat; color: #fff; }
.legal-hero__overlay { position: absolute; inset: 0; background: rgba(13, 28, 38, .48); }
.legal-hero__content { position: relative; z-index: 1; padding-bottom: 55px; }
.legal-hero h1 { margin: 0 0 16px; font-family: 'CustomFont', Arial, sans-serif; font-size: 52px; line-height: 1.08; }
.legal-breadcrumb { display: flex; gap: 10px; align-items: center; font: 14px Arial, sans-serif; }
.legal-breadcrumb a { color: #fff; }
.legal-article { padding: 72px 0 96px; background: #fff; }
.legal-article__inner { max-width: 1120px; }
.legal-article__header { margin-bottom: 35px; padding-bottom: 19px; border-bottom: 1px solid #dce1e5; }
.legal-article__header h2, .sitemap-section h2 { margin: 0; color: #151515; font-family: 'CustomFont', Arial, sans-serif; font-size: 34px; line-height: 1.25; }
.legal-richtext { color: #4d4d4d; font: 16px/1.85 Arial, sans-serif; }
.legal-richtext h1, .legal-richtext h2, .legal-richtext h3 { margin: 34px 0 14px; color: #171717; font-family: 'CustomFont', Arial, sans-serif; }
.legal-richtext img { max-width: 100%; height: auto; }
.sitemap-content { padding: 70px 0 95px; }
.sitemap-section + .sitemap-section { margin-top: 64px; }
.sitemap-section h2 { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid #dce1e5; }
.sitemap-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 28px; margin: 0; padding: 0; list-style: none; }
.sitemap-group { border-top: 3px solid #0877c9; background: #f5f7f8; padding: 20px; }
.sitemap-group__title { color: #161616; font: 700 17px Arial, sans-serif; }
.sitemap-group__title:hover, .sitemap-group__children a:hover { color: #0877c9; }
.sitemap-group__children { margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid #dce1e5; list-style: none; }
.sitemap-group__children li + li { margin-top: 9px; }
.sitemap-group__children a { color: #686868; font: 14px Arial, sans-serif; }
@media (max-width: 991px) { .sitemap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .legal-hero { min-height: 240px; }
  .legal-hero__content { padding-bottom: 35px; }
  .legal-hero h1 { font-size: 52px; }
  .legal-article, .sitemap-content { padding: 48px 0 64px; }
  .sitemap-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .sitemap-group { padding: 16px; }
}