/* text-page */
:root {
  --button-background: var(--color-brand-orange);
  --button-color: var(--color-text-primary);
  --button-secondary-color: var(--color-text-primary);
  --button-secondary-hover-color: var(--color-text-secondary);
  --button-secondary-hover-background: var(--color-brand-black);
  --button-hover-color: var(--color-text-primary);
}

.block__huddle-text-page {
  display: flex;
  justify-content: center;
  padding: var(--spacing-xl) 0;
}
.block__huddle-text-page .wrapper {
  max-width: var(--container-width);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.block__huddle-text-page .wrapper h1 {
  font: var(--type-h1);
}
.block__huddle-text-page .wrapper .content {
  max-width: 900px;
  width: 100%;
  font: var(--type-b1);
}
.block__huddle-text-page .wrapper .content p {
  margin-bottom: var(--spacing-sm);
}
.block__huddle-text-page .wrapper .content p:last-child {
  margin-bottom: 0;
}
.block__huddle-text-page .wrapper .content strong,
.block__huddle-text-page .wrapper .content b {
  font-weight: bold;
}
.block__huddle-text-page .wrapper .content h1,
.block__huddle-text-page .wrapper .content h2,
.block__huddle-text-page .wrapper .content h3,
.block__huddle-text-page .wrapper .content h4,
.block__huddle-text-page .wrapper .content h5 {
  margin-bottom: var(--spacing-smd);
}
.block__huddle-text-page .wrapper .content h1 strong,
.block__huddle-text-page .wrapper .content h2 strong,
.block__huddle-text-page .wrapper .content h3 strong,
.block__huddle-text-page .wrapper .content h4 strong,
.block__huddle-text-page .wrapper .content h5 strong {
  font-weight: inherit;
}
.block__huddle-text-page .wrapper .content h1 {
  font: var(--type-h1);
}
.block__huddle-text-page .wrapper .content h2 {
  font: var(--type-h2);
}
.block__huddle-text-page .wrapper .content h3 {
  font: var(--type-h4);
}
.block__huddle-text-page .wrapper .content h4 {
  font: var(--type-h4);
}
.block__huddle-text-page .wrapper .content p + h1,
.block__huddle-text-page .wrapper .content p + h2,
.block__huddle-text-page .wrapper .content p + h3,
.block__huddle-text-page .wrapper .content p + h4 {
  margin-top: var(--spacing-md);
}
.block__huddle-text-page .wrapper .content p.b1 {
  font: var(--type-b1);
}
.block__huddle-text-page .wrapper .content a:link,
.block__huddle-text-page .wrapper .content a:visited {
  color: var(--color-text-primary);
  text-decoration: underline;
}
.block__huddle-text-page .wrapper .content a:link.btn,
.block__huddle-text-page .wrapper .content a:visited.btn {
  text-decoration: none;
}
.block__huddle-text-page .wrapper .content img {
  width: 100% !important;
  border-radius: var(--radius-medium);
}
.block__huddle-text-page .wrapper .content figure {
  width: 100% !important;
}
.block__huddle-text-page .wrapper .content figure figcaption {
  font: var(--type-b3);
}
.block__huddle-text-page .wrapper .content .wagworks-btn {
  padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd);
  display: inline-block;
  white-space: nowrap;
  font: var(--type-b1);
  background-color: var(--button-background);
  border-radius: 21px;
  border: 2px solid var(--button-background);
  color: var(--color-text-primary);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
@media screen and (max-width: 768px) {
  .block__huddle-text-page .wrapper .content .wagworks-btn {
    padding: calc(var(--spacing-xs)) var(--spacing-sm);
    border-radius: 12px;
  }
}
.block__huddle-text-page .wrapper .content .wagworks-btn:hover {
  background-color: transparent;
  color: var(--button-hover-color);
}
.block__huddle-text-page .wrapper .content ul {
  list-style-position: outside;
  padding-left: 1em;
  list-style: disc;
}
.block__huddle-text-page .wrapper .content ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.block__huddle-text-page .wrapper .content ul,
.block__huddle-text-page .wrapper .content ol {
  margin-bottom: 1em;
}
.block__huddle-text-page .wrapper .content blockquote {
  font: var(--type-b2);
  border-left: 2px solid var(--color-border-highlight);
  padding-left: var(--spacing-md);
  margin: var(--spacing-md) 0;
}