/* PZF 0.8.2 (on the correct 0.8.0 base): details of article reading and consistent social embeds.
 * Scoped to ordinary articles. The approved global shell is unchanged.
 */
.pzf-article .pzf-article__content,
.pzf-article .pzf-article__content :is(p,li) {
  line-height:1.66 !important;
}
.pzf-article .pzf-article__content p { margin-bottom:1.23em !important; }

/* Keep the secondary date visible, but quieter than the author's name. */
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__author-info time {
  color:#89909a;
  font-weight:450;
}

/* A compact, aligned title row even when this carousel interrupts the story. */
.pzf-article .pzf-article__content .pzf-article-related {
  margin:21px 0 25px !important;
  padding:17px 0 20px !important;
}
.pzf-article .pzf-article-related__heading {
  align-items:flex-end;
  gap:12px;
  margin:0 0 14px;
}
.pzf-article .pzf-article-related__heading > div:first-child {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.pzf-article .pzf-article-related__heading .pzf-article__eyebrow {
  margin:0 !important;
  padding:0;
}
.pzf-article .pzf-article-related__heading h2 {
  margin:0 !important;
  padding:0 !important;
  font-size:33px !important;
  line-height:1 !important;
}
.pzf-article .pzf-article-related__nav {
  display:flex;
  align-items:center;
  align-self:flex-end;
  gap:6px;
  flex:none;
  padding:0 0 1px;
}
.pzf-article .pzf-article-related__nav button {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border-radius:8px;
  font-size:18px;
  line-height:1;
}
.pzf-article .pzf-article-related__nav button:disabled {
  opacity:.35;
}
.pzf-article .pzf-article-related__nav button svg {
  display:block;
  width:14px;
  height:14px;
  stroke:currentColor;
}
.pzf-article .pzf-article-related__track { margin-top:0; }

/* One editorial frame for WordPress oEmbeds, iframe embeds and native social widgets. */
.pzf-article .pzf-media-frame {
  --pzf-media-bg:#20252d;
  --pzf-media-border:#343e49;
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:24px auto 28px;
  padding:17px;
  background:var(--pzf-media-bg);
  border:1px solid var(--pzf-media-border);
  border-radius:10px;
  isolation:isolate;
}
html[data-pzf-theme="light"] .pzf-article .pzf-media-frame {
  --pzf-media-bg:#f5f6f8;
  --pzf-media-border:#dce1e7;
}
.pzf-article .pzf-media-frame__viewport {
  position:relative;
  min-width:0;
  width:100%;
}
.pzf-article .pzf-media-frame.is-clippable:not(.is-expanded) .pzf-media-frame__viewport {
  max-height:358px;
  overflow:hidden;
}
.pzf-article .pzf-media-frame__content {
  min-width:0;
  width:100%;
  max-width:650px;
  margin:0 auto;
}
.pzf-article .pzf-media-frame.is-social .pzf-media-frame__content {
  max-width:510px;
}
.pzf-article .pzf-media-frame__content > :is(figure,blockquote,iframe,twitter-widget,div) {
  margin:0 auto !important;
  max-width:100% !important;
}
.pzf-article .pzf-media-frame__content > p {margin:0 !important;}
.pzf-article .pzf-media-frame__content .wp-block-embed__wrapper,
.pzf-article .pzf-media-frame__content :is(iframe,video,twitter-widget) {
  max-width:100% !important;
}
.pzf-article .pzf-media-frame__content blockquote:is(.twitter-tweet,.instagram-media,.tiktok-embed) {
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  padding:0 !important;
}
.pzf-article .pzf-media-frame__toggle {
  display:none;
  position:relative;
  margin:17px auto -18px;
  min-width:109px;
  padding:11px 21px;
  border:0;
  border-radius:6px 6px 0 0;
  background:var(--pzf-a-brand);
  color:#fff;
  font:800 12px/1.1 var(--pzf-interface-font,"Roboto Local",Arial,sans-serif);
  letter-spacing:.035em;
  cursor:pointer;
  z-index:1;
}
.pzf-article .pzf-media-frame.is-clippable {border-bottom:3px solid var(--pzf-a-brand);}
.pzf-article .pzf-media-frame.is-clippable .pzf-media-frame__toggle {display:block;}
.pzf-article .pzf-media-frame.is-clippable:not(.is-expanded) .pzf-media-frame__viewport::after {
  content:"";
  pointer-events:none;
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:30px;
  background:linear-gradient(to bottom,transparent,var(--pzf-media-bg));
}
.pzf-article .pzf-media-frame__toggle:hover,
.pzf-article .pzf-media-frame__toggle:focus-visible {background:#e23b32;}
@media(max-width:600px) {
  /* On phones the support card starts with text, without the coffee pictogram. */
  .pzf-article .pzf-article__tip {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .pzf-article .pzf-article__tip-icon {display:none;}
  .pzf-article .pzf-article__tip > div {grid-column:1;min-width:0;}
  .pzf-article .pzf-article__tip > a {grid-column:1;}
  .pzf-article .pzf-article__content,
  .pzf-article .pzf-article__content :is(p,li) {line-height:1.62 !important;}
  .pzf-article .pzf-article__content .pzf-article-related {margin:17px 0 22px !important;padding:15px 0 18px !important;}
  .pzf-article .pzf-article-related__heading h2 {font-size:29px !important;}
  .pzf-article .pzf-article-related__nav button {width:28px;height:28px;min-width:28px;}
  .pzf-article .pzf-media-frame {padding:10px;margin:20px auto 24px;}
  .pzf-article .pzf-media-frame.is-clippable:not(.is-expanded) .pzf-media-frame__viewport {max-height:340px;}
  .pzf-article .pzf-media-frame__toggle {margin-bottom:-11px;}
}
/* Older 0.7.8 narrow X-embed rules must not create a second inner card. */
.pzf-article .pzf-media-frame__content > figure.wp-block-embed,
.pzf-article .pzf-media-frame__content > .wp-block-embed {
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}