/**
 * Version 4.4.3: full-width Teaching Evidence reader.
 *
 * The Teaching Evidence article now uses the same usable width as the Reader
 * Reactions and Discussion blocks. Content remains consistently left-aligned,
 * section headings cannot collapse into narrow columns, and desktop whitespace
 * is reduced without interfering with the independent reader scrollbar.
 */

.had-teaching-evidence-single-screen .had-blog-single-inner {
  padding: clamp(16px, 1.35vw, 24px) clamp(46px, 2.8vw, 54px) clamp(30px, 2.5vw, 42px) clamp(14px, 1.5vw, 24px) !important;
}

.had-teaching-evidence-single-screen .had-blog-single-copy,
.had-teaching-evidence-single-screen .had-teaching-evidence-v440,
.had-teaching-evidence-single-screen .had-blog-single-copy > .had-tag-row,
.had-teaching-evidence-single-screen .had-blog-single-inner > .had-blog-engagement,
.had-teaching-evidence-single-screen .had-blog-single-actions {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.had-teaching-evidence-single-screen .had-teaching-evidence-v440 {
  margin-top: 0 !important;
  padding: 0 !important;
  color: #18343a !important;
  text-align: left !important;
}

.had-teaching-evidence-single-screen .had-teaching-evidence-v440,
.had-teaching-evidence-single-screen .had-teaching-evidence-v440 * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

.had-teaching-evidence-single-screen .had-evidence-intro-v440,
.had-teaching-evidence-single-screen .had-evidence-section-v440,
.had-teaching-evidence-single-screen .had-evidence-note-v440 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.had-teaching-evidence-single-screen .had-evidence-intro-v440 {
  padding: clamp(20px, 1.9vw, 30px) !important;
}

.had-teaching-evidence-single-screen .had-evidence-section-v440 {
  margin-top: clamp(16px, 1.45vw, 24px) !important;
  padding: clamp(20px, 1.9vw, 30px) !important;
  overflow: hidden !important;
}

.had-teaching-evidence-single-screen .had-evidence-intro-v440 h2,
.had-teaching-evidence-single-screen .had-evidence-section-v440 h2,
.had-teaching-evidence-single-screen .had-evidence-section-v440 h3,
.had-teaching-evidence-single-screen .had-evidence-intro-v440 p,
.had-teaching-evidence-single-screen .had-evidence-section-v440 > p,
.had-teaching-evidence-single-screen .had-evidence-note-v440 p,
.had-teaching-evidence-single-screen .had-evidence-figure-v440 figcaption {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.had-teaching-evidence-single-screen .had-evidence-intro-v440 p,
.had-teaching-evidence-single-screen .had-evidence-section-v440 > p {
  margin: 0 0 13px !important;
}

.had-teaching-evidence-single-screen .had-evidence-heading-v441 {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 13px !important;
  text-align: left !important;
}

.had-teaching-evidence-single-screen .had-evidence-heading-v441 > span {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
}

.had-teaching-evidence-single-screen .had-evidence-heading-v441 > div {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.had-teaching-evidence-single-screen .had-evidence-heading-v441 small,
.had-teaching-evidence-single-screen .had-evidence-heading-v441 h2 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.had-teaching-evidence-single-screen .had-evidence-heading-v441 h2 {
  text-wrap: balance;
}

.had-teaching-evidence-single-screen .had-evidence-figure-v440,
.had-teaching-evidence-single-screen .had-evidence-pair-v440 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.had-teaching-evidence-single-screen .had-evidence-wide-v440 img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.had-teaching-evidence-single-screen .had-evidence-official-v440 img,
.had-teaching-evidence-single-screen .had-evidence-certificate-v440 img,
.had-teaching-evidence-single-screen .had-evidence-photo-v440 img {
  width: auto !important;
  max-width: min(100%, 900px) !important;
  height: auto !important;
}

.had-teaching-evidence-single-screen .had-evidence-note-v440 {
  margin-top: 18px !important;
}

/* Keep the engagement area identical to the full blog-post reader and align it
 * with the evidence article rather than a narrower article column. */
.had-teaching-evidence-single-screen .had-blog-single-inner > .had-blog-engagement {
  margin-top: 28px !important;
  padding-top: 28px !important;
}

.had-teaching-evidence-single-screen .had-blog-reaction-panel,
.had-teaching-evidence-single-screen .had-blog-discussion,
.had-teaching-evidence-single-screen .had-comment-form,
.had-teaching-evidence-single-screen .had-comments-closed {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.had-teaching-evidence-single-screen .had-blog-reaction-panel h2,
.had-teaching-evidence-single-screen .had-blog-discussion h2,
.had-teaching-evidence-single-screen .had-comment-form h3,
.had-teaching-evidence-single-screen .had-comment-form p,
.had-teaching-evidence-single-screen .had-comment-form label,
.had-teaching-evidence-single-screen .had-comment-list,
.had-teaching-evidence-single-screen .had-no-comments {
  text-align: left !important;
}

@media (max-width: 900px) {
  .had-teaching-evidence-single-screen .had-blog-single-inner {
    padding: 14px 46px 28px 12px !important;
  }

  .had-teaching-evidence-single-screen .had-evidence-pair-v440 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  .had-teaching-evidence-single-screen .had-blog-single-inner {
    padding: 9px 38px 24px 7px !important;
  }

  .had-teaching-evidence-single-screen .had-evidence-intro-v440,
  .had-teaching-evidence-single-screen .had-evidence-section-v440 {
    padding: 16px !important;
  }

  .had-teaching-evidence-single-screen .had-evidence-heading-v441 {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .had-teaching-evidence-single-screen .had-evidence-heading-v441 > span {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
  }

  .had-teaching-evidence-single-screen .had-blog-single-inner > .had-blog-engagement {
    margin-top: 22px !important;
    padding-top: 22px !important;
  }
}
