/* Temporary layout preview for hierarchy 73. Content can be used in TinyMCE. */
.joint-guide-title { max-width: 920px; margin: 32px auto 0; padding: 0; text-align: center; }
.joint-guide-title::before { display: none; }
.joint-guide-title .c-heading__text { color: #ed1c24; font-size: 38px; line-height: 1.1; }
.joint-guide { max-width: 920px; margin: 0 auto; color: #505050; font-size: 15px; line-height: 1.55; }
.joint-guide p { margin: 0; }
.joint-guide .joint-guide__intro { padding: 4px 0 24px; text-align: center; font-weight: 600; font-size: 18px; }
.joint-guide__row { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto 1fr; column-gap: 64px; padding: 24px 32px; border-top: 1px solid #ddd; }
.joint-guide__copy { grid-column: 1; grid-row: 1 / 3; align-self: end; }
.joint-guide h2 { margin: 0 0 12px; padding: 0; color: #ed1c24; font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.05; }
.joint-guide__image { grid-column: 2; grid-row: 1 / 4; align-self: center; display: block; width: 100%; height: auto; max-width: 100%; }
.joint-guide .joint-guide__button { grid-column: 1; grid-row: 3; align-self: start; margin-top: 20px; display: block; padding: 13px 12px; background: #ed1c24; color: #fff; border-radius: 3px; text-decoration: none; text-align: center; font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.2; }
.joint-guide .joint-guide__button:hover, .joint-guide .joint-guide__button:focus-visible { background: #c91018; color: #fff; }
.joint-guide__row--reverse .joint-guide__copy, .joint-guide__row--reverse .joint-guide__button { grid-column: 2; }
.joint-guide__row--reverse .joint-guide__image { grid-column: 1; }
.joint-guide__info { border-top: 1px solid #ddd; padding: 20px 0; }
.joint-guide__info h2 { font-size: 26px; margin-bottom: 8px; text-transform: none; }
.joint-guide a { color: #ed1c24; text-decoration: underline; }
.l-page__text .joint-guide ul { list-style: none; padding: 0; margin: 0; }
.l-page__text .joint-guide ul li { position: relative; padding-left: 22px; margin: 0; }
.l-page__text .joint-guide ul li::before { content: '\2713'; position: absolute; left: 0; top: 0; width: auto; height: auto; border: 0; border-radius: 0; font-weight: 700; color: #505050; }
.joint-guide .joint-guide__contact { border-top: 1px solid #ddd; padding-top: 18px; }
.joint-guide__contact a { font-weight: 600; }
@media (max-width: 640px) {
  .joint-guide-title { margin-top: 24px; }
  .joint-guide-title .c-heading__text { font-size: 27px; }
  .joint-guide { font-size: 13px; line-height: 1.45; }
  .joint-guide .joint-guide__intro { font-size: 13px; padding: 6px 0 18px; }
  .joint-guide__row { display: flex; flex-direction: column; gap: 0; padding: 20px 0; }
  .joint-guide__copy { align-self: stretch; }
  .joint-guide h2 { font-size: 27px; margin-bottom: 8px; }
  .joint-guide__image { margin-top: 14px; }
  .joint-guide .joint-guide__button { align-self: stretch; margin-top: 6px; padding: 11px 8px; font-size: 17px; }
  .joint-guide__info { padding: 16px 0; }
  .joint-guide__info h2 { font-size: 23px; }
}