/* PZF 0.7.8 - article reading surface, typography and compact X embeds.
 * Scope: ordinary PZF article only. Global utility bar, header, mobile menu,
 * footer, homepage and photo reports keep their approved styles.
 */
.pzf-article {
  --pzf-reading-panel:#191d23;
  --pzf-reading-embed:#222731;
  --pzf-reading-embed-rule:#3d4653;
}
html[data-pzf-theme="light"] .pzf-article {
  --pzf-reading-panel:#ffffff;
  --pzf-reading-embed:#f2f4f7;
  --pzf-reading-embed-rule:#d7dde6;
}

/* An editorial reading canvas below the image, not a giant card around the
 * heading/hero and not around the sticky sidebar. */
.pzf-article .pzf-article__story.pzf-article__post {
  box-sizing:border-box;
  min-width:0;
  margin:0 !important;
  padding:clamp(24px,2.6vw,34px) !important;
  background:var(--pzf-reading-panel) !important;
  border:1px solid var(--pzf-a-rule) !important;
  border-radius:9px;
  box-shadow:none !important;
}

/* News should feel comfortable and modern, while Khand still anchors PZF's
 * editorial hierarchy. No automatically generated excerpts or new leads. */
.pzf-article .pzf-article__content {
  font-family:var(--pzf-interface-font,"Roboto Local",Arial,sans-serif) !important;
  font-size:18px !important;
  line-height:1.72 !important;
  font-weight:400;
  letter-spacing:0;
  color:var(--pzf-a-fg) !important;
}
.pzf-article .pzf-article__content :is(p,li) {
  font-family:inherit !important;
  font-size:18px !important;
  line-height:1.72 !important;
  letter-spacing:0;
}
.pzf-article .pzf-article__content p {
  margin:0 0 1.25em !important;
}
.pzf-article .pzf-article__content h2 {
  font-family:var(--pzf-heading-font,"Khand Local","Arial Narrow",sans-serif) !important;
  font-size:32px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-.012em;
  margin:37px 0 14px !important;
}
.pzf-article .pzf-article__content h3 {
  font-family:var(--pzf-heading-font,"Khand Local","Arial Narrow",sans-serif) !important;
  font-size:27px !important;
  line-height:1.16 !important;
  font-weight:750 !important;
  letter-spacing:-.006em;
  margin:30px 0 12px !important;
}
.pzf-article .pzf-article__content :is(ul,ol) {
  padding-left:1.35em;
  margin:0 0 1.4em;
}
.pzf-article .pzf-article__content li+li { margin-top:.4em; }
.pzf-article .pzf-article__content :is(blockquote:not(.twitter-tweet)) {
  margin:28px 0;
  border-left:3px solid var(--pzf-a-red);
  padding:16px 20px;
  border-radius:0 7px 7px 0;
  background:var(--pzf-reading-embed);
  color:var(--pzf-a-fg);
}
.pzf-article .pzf-article__content :is(img,video,iframe) {max-width:100%;}

/* X/Twitter: narrower native widget, not CSS transform/zoom, so text/buttons
 * remain legible and interactive; natural embed height is retained. */
.pzf-article .pzf-article__content :is(
  figure.wp-block-embed-twitter,
  figure.wp-block-embed-x,
  .wp-block-embed.is-provider-twitter,
  .wp-block-embed.is-provider-x
) {
  box-sizing:border-box;
  width:min(100%,410px) !important;
  max-width:100% !important;
  padding:14px !important;
  margin:29px auto 33px !important;
  border:1px solid var(--pzf-reading-embed-rule);
  border-radius:12px;
  background:var(--pzf-reading-embed);
  box-shadow:none;
  overflow:hidden;
}
.pzf-article .pzf-article__content :is(
  figure.wp-block-embed-twitter,
  figure.wp-block-embed-x,
  .wp-block-embed.is-provider-twitter,
  .wp-block-embed.is-provider-x
) .wp-block-embed__wrapper {
  max-width:100%;
  margin:0 auto;
}
.pzf-article .pzf-article__content :is(
  blockquote.twitter-tweet,
  .twitter-tweet-rendered,
  twitter-widget
) {
  width:min(100%,380px) !important;
  max-width:100% !important;
  margin:0 auto !important;
}
.pzf-article .pzf-article__content :is(
  iframe.twitter-tweet-rendered,
  iframe[src*="platform.twitter.com/embed/"],
  iframe[src*="platform.x.com/embed/"]
) {
  display:block;
  width:min(100%,380px) !important;
  max-width:100% !important;
  margin:0 auto !important;
}
/* Older WP posts can contain a bare Twitter blockquote/widget, not a figure. */
.pzf-article .pzf-article__content > :is(
  blockquote.twitter-tweet,
  .twitter-tweet-rendered,
  twitter-widget
) {
  box-sizing:border-box;
  padding:13px !important;
  width:min(100%,410px) !important;
  margin:29px auto 33px !important;
  background:var(--pzf-reading-embed) !important;
  border:1px solid var(--pzf-reading-embed-rule) !important;
  border-radius:12px;
  overflow:hidden;
}

@media(max-width:991.98px) {
  .pzf-article .pzf-article__story.pzf-article__post {
    padding:22px !important;
  }
  .pzf-article .pzf-article__content,
  .pzf-article .pzf-article__content :is(p,li) {
    font-size:17px !important;
    line-height:1.7 !important;
  }
  .pzf-article .pzf-article__content h2 {font-size:29px !important;}
  .pzf-article .pzf-article__content h3 {font-size:25px !important;}
}
@media(max-width:600px) {
  .pzf-article .pzf-article__story.pzf-article__post {
    padding:18px 15px !important;
    border-radius:8px;
  }
  .pzf-article .pzf-article__content,
  .pzf-article .pzf-article__content :is(p,li) {
    font-size:16.5px !important;
    line-height:1.68 !important;
  }
  .pzf-article .pzf-article__content h2 {font-size:28px !important;}
  .pzf-article .pzf-article__content h3 {font-size:24px !important;}
  .pzf-article .pzf-article__content :is(
    figure.wp-block-embed-twitter,
    figure.wp-block-embed-x,
    .wp-block-embed.is-provider-twitter,
    .wp-block-embed.is-provider-x
  ) { padding:8px !important; }
}