/* Shared Figma-style reading layout for informational/legal pages. */
body.fm-legal-page-template {
  background: var(--fm-neutral-0);
  color: var(--fm-neutral-900);
}

body.fm-legal-page-template .page-block.container.fm-legal-shell {
  box-sizing: border-box;
  max-width: var(--fm-container);
  margin-bottom: 0;
  padding: 100px 32px 100px;
  overflow: visible;
  border-radius: 0;
  background: var(--fm-neutral-0);
}

body.fm-legal-page-template .page-block.container.fm-legal-shell > .breadcrumb {
  max-width: none;
  margin: 0;
  padding: 0;
}

body.fm-legal-page-template .page-block.container.fm-legal-shell > .main-title {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 92px auto 16px;
  color: var(--fm-neutral-900);
  font: var(--fm-type-display-section);
  letter-spacing: var(--fm-type-display-section-letter-spacing);
  text-align: left;
}

body.fm-legal-page-template .page-block.container.fm-legal-shell > .inner {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

body.fm-legal-page-template
  .page-block.container.fm-legal-shell
  > .inner
  > .inner-content.fm-legal-content {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

body.fm-legal-page-template .fm-legal-content .page_wrap,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body) {
  color: var(--fm-neutral-900);
  font: var(--fm-type-interface-l-regular);
  letter-spacing: var(--fm-type-body-l-regular-letter-spacing);
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  p {
  display: block;
  margin: 0 0 20px;
  color: inherit;
  font: var(--fm-type-interface-l-regular);
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  p:last-child {
  margin-bottom: 0;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h2,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h3,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h4 {
  margin: 38px 0 20px;
  color: var(--fm-neutral-900);
  font: var(--fm-type-heading-h2);
  font-weight: 600;
  letter-spacing: var(--fm-type-heading-h2-letter-spacing);
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h2:first-child,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h3:first-child,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  h4:first-child {
  margin-top: 0;
}


body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  ul,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  ol {
  margin: 0 0 24px;
  padding-left: 24px;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  li {
  margin: 0 0 4px;
  padding-left: 2px;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  li:last-child {
  margin-bottom: 0;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  hr {
  height: 1px;
  margin: 34px 0 36px;
  border: 0;
  background: var(--fm-neutral-100);
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  img,
body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  figure {
  max-width: 100%;
  height: auto;
}

body.fm-legal-page-template
  .fm-legal-content
  :is(.text, .fm-legal-content__body)
  figure {
  margin: 32px 0;
}

@media (max-width: 1100px) {
  body.fm-legal-page-template .page-block.container.fm-legal-shell {
    padding-inline: 32px;
  }
}

@media (max-width: 767px) {
  body.fm-legal-page-template .mobile-header {
    top: 60px;
  }

  body.fm-legal-page-template .mobile-header .navigation__container {
    padding-inline: 20px;
  }

  body.fm-legal-page-template .page-block.container.fm-legal-shell {
    padding: 120px 20px 48px;
  }

  body.fm-legal-page-template
    .page-block.container.fm-legal-shell
    > .breadcrumb {
    margin: 24px 0 60px;
  }

  body.fm-legal-page-template
    .page-block.container.fm-legal-shell
    > .main-title {
    margin: 0 0 40px;
    font: var(--fm-type-heading-h1);
    letter-spacing: var(--fm-type-heading-h1-letter-spacing);
  }

  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body) {
    font: var(--fm-type-body-m-regular);
    letter-spacing: var(--fm-type-body-m-regular-letter-spacing);
  }

  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    p {
    font-size: 15px;
  }

  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    h2,
  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    h3,
  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    h4 {
    margin-top: 32px;
    font: var(--fm-type-heading-h3);
    font-weight: 600;
  }

  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    ul,
  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    ol {
    padding-left: 22px;
  }

  body.fm-legal-page-template
    .fm-legal-content
    :is(.text, .fm-legal-content__body)
    hr {
    margin: 28px 0 32px;
  }
}