/**
 * PressureHub Magazine module.
 *
 * Version 2.0.6 restores a complete category hero and hardens the magazine
 * article layout against global/plugin styles.
 */

.ph-unified-hero--magazine-category {
  margin: 0;
}

.ph-magazine-category-archive {
  padding-top: clamp(2.5rem, 5vw, 4.5rem);
}

.ph-single-wrap--magazine {
  width: 100%;
  overflow: clip;
  background: #fff;
  color: #17384a;
  font-size: 16px;
  line-height: 1.7;
}

.ph-single-wrap--magazine .ph-unified-hero h1 {
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  line-height: 1.05;
}

.ph-single-wrap--magazine .ph-single-layout,
.ph-single-wrap--magazine .ph-single-footer,
.ph-single-wrap--magazine .ph-related-posts,
.ph-single-wrap--magazine .ph-single-comments {
  width: min(100% - 3rem, 1200px);
  margin-inline: auto;
}

.ph-single-wrap--magazine .ph-single-content {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  font-size: clamp(1rem, 0.98rem + 0.15vw, 1.1rem);
  line-height: 1.75;
}

.ph-single-wrap--magazine .ph-single-content p,
.ph-single-wrap--magazine .ph-single-content li {
  font-size: inherit;
  line-height: inherit;
}

.ph-single-wrap--magazine .ph-single-content h2 {
  margin-top: 2.2em;
  font-size: clamp(1.65rem, 1.4rem + 1vw, 2.35rem);
  line-height: 1.18;
}

.ph-single-wrap--magazine .ph-single-content h3 {
  margin-top: 1.8em;
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.85rem);
  line-height: 1.25;
}

.ph-single-wrap--magazine .ph-single-footer {
  max-width: 980px;
}

.ph-single-wrap--magazine .ph-related-posts {
  max-width: 1200px;
}

.ph-single-comments {
  max-width: 980px;
  margin-top: 3rem;
  margin-bottom: 4rem;
}

.ph-single-comments .comments-area,
.ph-single-comments #comments,
.ph-single-comments #respond {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
}

.ph-single-comments textarea,
.ph-single-comments input[type="text"],
.ph-single-comments input[type="email"],
.ph-single-comments input[type="url"] {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .ph-single-wrap--magazine .ph-single-layout,
  .ph-single-wrap--magazine .ph-single-footer,
  .ph-single-wrap--magazine .ph-related-posts,
  .ph-single-wrap--magazine .ph-single-comments {
    width: min(100% - 2rem, 1200px);
  }
}
