body.wdt-single,
body.wdt-event-single {
  background: var(--wdt-page);
}

.wdt-post-header {
  padding-bottom: clamp(22px, 3vw, 34px);
}

.wdt-post-title::after {
  margin-top: var(--wdt-space-8);
}

.wdt-post-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--wdt-space-3) var(--wdt-space-8);
  margin-top: var(--wdt-space-9);
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-caption);
}

.wdt-post-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.wdt-post-meta__item i {
  color: var(--wdt-accent-label);
}

.wdt-post-meta__category:hover,
.wdt-post-meta__category:focus-visible {
  color: var(--wdt-link);
}

.wdt-post-featured {
  width: min(1040px, calc(100% - 48px));
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-3xl);
  background: var(--wdt-media-mat);
}

.wdt-post-featured img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wdt-post-content-wrap {
  padding-top: clamp(var(--wdt-space-11), 4vw, 46px);
}

.wdt-post-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wdt-space-6);
  margin-top: 22px;
}

.wdt-post-navigation__link {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wdt-space-2);
  padding: var(--wdt-space-8) var(--wdt-space-9);
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-2xl);
  background: rgba(var(--wdt-rgb-white), .86);
}

.wdt-post-navigation__link--next {
  text-align: right;
}

.wdt-post-navigation__eyebrow {
  color: var(--wdt-accent-label);
  font-size: var(--wdt-font-size-xs);
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.wdt-post-navigation__title {
  color: var(--wdt-text);
  font-size: .95rem;
  line-height: 1.4;
  font-weight: var(--wdt-font-weight-bold);
}

.wdt-post-navigation__link:hover,
.wdt-post-navigation__link:focus-visible {
  border-color: rgba(var(--wdt-rgb-orange), .45);
  background: var(--wdt-soft);
}

.wdt-related {
  margin-top: clamp(var(--wdt-space-11), 4vw, var(--wdt-space-14));
  padding: clamp(var(--wdt-space-10), 3.5vw, 38px);
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-surface);
  background: var(--wdt-white);
  box-shadow: var(--wdt-shadow-lg);
}

.wdt-related__header {
  margin-bottom: var(--wdt-space-9);
  text-align: center;
}

.wdt-related__title {
  margin: 0;
  font-family: var(--wdt-title-font);
  font-size: var(--wdt-font-size-related-title);
  font-weight: var(--wdt-font-weight-heading);
  line-height: 1.25;
}

.wdt-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--wdt-space-7);
}

.wdt-related-card {
  min-width: 0;
  overflow: hidden;
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-2xl);
  background: var(--wdt-white);
}

.wdt-related-card__link {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wdt-related-card__media {
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--wdt-media-mat);
}

.wdt-related-card__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .25s ease;
}

.wdt-related-card__link:hover .wdt-related-card__image {
  transform: scale(1.025);
}

.wdt-related-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--wdt-space-5);
  padding: var(--wdt-space-7);
}

.wdt-related-card__title {
  color: var(--wdt-text);
  font-size: var(--wdt-font-size-card-small);
  line-height: 1.42;
  font-weight: var(--wdt-font-weight-bold);
}

.wdt-related-card__more {
  margin-top: auto;
  color: var(--wdt-link);
  font-size: var(--wdt-font-size-caption);
  font-weight: var(--wdt-font-weight-bold);
}

.wdt-comments-section {
  margin-top: clamp(var(--wdt-space-11), 4vw, var(--wdt-space-14));
  padding: clamp(var(--wdt-space-10), 3.5vw, 38px);
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-surface);
  background: var(--wdt-white);
  box-shadow: var(--wdt-shadow-lg);
}

.wdt-comments-section__title,
.wdt-comments__title,
.wdt-comment-form__title {
  margin: 0 0 var(--wdt-space-9);
  color: var(--wdt-text);
  font-family: var(--wdt-title-font);
  font-size: var(--wdt-font-size-panel-title);
  font-weight: var(--wdt-font-weight-heading);
  line-height: 1.25;
}

.wdt-comments-section__title + .wdt-comments .wdt-comments__title {
  display: none;
}

.wdt-comment-list {
  margin: 0 0 var(--wdt-space-11);
  padding: 0;
  list-style: none;
}

.wdt-comment-list .comment {
  padding: var(--wdt-space-8) 0;
  border-bottom: var(--wdt-border-default);
}

.wdt-comment-list .children {
  margin: var(--wdt-space-7) 0 0 var(--wdt-space-10);
  padding: 0;
  list-style: none;
}

.wdt-comment-list .comment-meta {
  margin-bottom: var(--wdt-space-3);
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-meta);
}

.wdt-comment-list .comment-author {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--wdt-text);
  font-weight: var(--wdt-font-weight-bold);
}

.wdt-comment-list .avatar {
  border-radius: var(--wdt-radius-round);
}

.wdt-comment-list .comment-content {
  color: var(--wdt-text);
  line-height: var(--wdt-line-height-copy);
}

.wdt-comment-list .reply a,
.wdt-comment-list .comment-edit-link {
  color: var(--wdt-link);
  font-size: var(--wdt-font-size-meta);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wdt-form--comments > p,
.wdt-form--comments .wdt-form__field,
.wdt-form--comments .wdt-form__consent {
  margin: 0 0 var(--wdt-space-6);
}

.wdt-form--comments .wdt-form__control:not(.wdt-form__control--textarea) {
  min-height: 0;
  padding: var(--wdt-space-4) var(--wdt-form-control-padding-inline);
}

.wdt-form--comments .wdt-form__control--textarea {
  --wdt-form-textarea-min-height: 150px;
  --wdt-form-control-padding-block: var(--wdt-space-4);
}

.wdt-form--comments .wdt-form__actions {
  justify-content: flex-start;
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .wdt-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wdt-related-card:last-child { grid-column: 1 / -1; width: min(50%, 360px); justify-self: center; }
}

@media (max-width: 680px) {
  .wdt-post-featured { width: calc(100% - 32px); border-radius: var(--wdt-radius-xl); }
  .wdt-post-navigation { grid-template-columns: minmax(0, 1fr); }
  .wdt-post-navigation__link--next { text-align: left; }
  .wdt-related-grid { grid-template-columns: minmax(0, 1fr); }
  .wdt-related-card:last-child { grid-column: auto; width: 100%; }
  .wdt-comment-list .children { margin-left: var(--wdt-space-5); }
}
