.tutorial-final-page .page-header.tutorial-hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tutorial-final-page .page-header.tutorial-hero h1 {
  font-size: clamp(2.1rem, 3vw, 3.2rem) !important;
}

.tutorial-final-page .tutorial-hero > div,
.tutorial-final-page .tutorial-final-content,
.tutorial-final-page .tutorial-copy {
  min-width: 0;
}

.tutorial-final-page .tutorial-copy p,
.tutorial-final-page .tutorial-copy li,
.tutorial-final-page .tutorial-interpretation span {
  text-transform: none;
  text-align: left !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: break-word;
}

.tutorial-final-page .tutorial-toc a.active {
  border-left-color: #245f8f;
  background: #e8f1f7;
  color: #173b5e;
  font-weight: 700;
}

.tutorial-final-page .tutorial-toc nav {
  display: flex;
  flex-direction: column;
}

.tutorial-final-page .tutorial-toc {
  contain: paint;
  will-change: transform;
}

.tutorial-final-page .tutorial-toc-group {
  display: flex;
  flex-direction: column;
}

.tutorial-final-page .tutorial-toc a.tutorial-toc-level-2 {
  margin-left: 16px;
  padding-left: 12px;
  border-left: 1px solid #c6d6e2;
  font-size: 0.9em;
}

.tutorial-final-page .tutorial-toc a.tutorial-toc-level-3 {
  margin-left: 32px;
  padding: 5px 8px;
  border-left: 1px solid #d7e1e8;
  color: #5b6d80;
  font-size: 0.82em;
}

.tutorial-final-page .tutorial-toc a.tutorial-toc-level-3 span {
  margin-right: 4px;
  color: #7b8fa1;
}

.tutorial-final-page .tutorial-toc a.tutorial-toc-parent {
  font-weight: 700;
  color: #173b5e;
}

.tutorial-final-page .tutorial-level-2 {
  margin-left: 28px;
  border-left: 4px solid #7ca5bf !important;
}

.tutorial-final-page .tutorial-group-heading {
  scroll-margin-top: 18px;
  padding: 24px 26px;
  border: 1px solid #b9cedd;
  border-top: 4px solid #245f8f;
  background: #f3f7fa;
}

.tutorial-final-page .tutorial-group-heading h2 {
  margin: 8px 0;
}

.tutorial-final-page .tutorial-group-heading p {
  max-width: 900px;
  margin: 0;
  color: #41556d;
  line-height: 1.65;
}

.tutorial-final-page .tutorial-group-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.tutorial-final-page .tutorial-group-actions a {
  color: #245f8f;
  font-weight: 700;
  text-decoration: none;
}

.tutorial-final-page .tutorial-result-groups {
  display: grid;
  gap: 18px;
  padding: 16px;
}

.tutorial-final-page .tutorial-result-group {
  min-width: 0;
  scroll-margin-top: 96px;
  border: 1px solid #d5e0ea;
  background: #fff;
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

.tutorial-final-page .tutorial-result-group-heading {
  padding: 13px 15px;
  border-bottom: 1px solid #e0e7ee;
  background: #f5f8fb;
}

.tutorial-final-page .tutorial-result-group-heading h4 {
  margin: 0;
  color: #203a52;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.08rem;
  letter-spacing: 0;
}

.tutorial-final-page .tutorial-result-group-heading p {
  margin: 5px 0 0;
  color: #53687b;
  font-size: 0.86rem;
  line-height: 1.5;
}

.tutorial-final-page .tutorial-result-group .tutorial-shot-grid {
  padding: 14px;
}

.tutorial-final-page .tutorial-shot figcaption {
  display: grid;
  gap: 4px;
}

.tutorial-final-page .tutorial-shot figcaption strong {
  color: #263e54;
  font-size: 0.92rem;
}

.tutorial-final-page .tutorial-shot figcaption span {
  color: #586b7d;
  line-height: 1.45;
}

.tutorial-final-page .tutorial-shot img,
.tutorial-final-page .tutorial-shot-wide img {
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain;
  contain: paint;
}

@media (max-width: 760px) {
  .tutorial-final-page .tutorial-level-2 {
    margin-left: 0;
  }

  .tutorial-final-page .tutorial-toc a.tutorial-toc-level-3 {
    margin-left: 16px;
  }

  .tutorial-final-page .tutorial-result-groups {
    padding: 10px;
  }
}