/* PZF article 0.7.4. Scoped to articles: approved 0.6.15 masthead is not modified here. */

/* Author/date: one baseline, quiet separator after the square avatar. */
.pzf-article .pzf-article__author-info {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding-left:12px;
  border-left:1px solid var(--pzf-a-rule);
  min-height:30px;
}
.pzf-article .pzf-article__author-info strong,
.pzf-article .pzf-article__author-info time {margin:0; text-align:left;}
.pzf-article .pzf-article__avatar{border-radius:9px;}

/* All five social actions share exactly the same dimensions and icon weight. */
.pzf-article .pzf-article__share > a,
.pzf-article .pzf-article__share > button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;height:38px!important;
  padding:0!important;margin:0!important;
  flex:0 0 38px;
  border:1px solid var(--pzf-a-rule)!important;
  border-radius:9px!important;
  background:var(--pzf-a-panel)!important;
  color:var(--pzf-a-fg)!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease, transform .16s ease;
}
.pzf-article .pzf-article__share > a svg,
.pzf-article .pzf-article__share > button svg {
  width:20px!important;height:20px!important;
  display:block!important;flex:none!important;
}
.pzf-article .pzf-article__share > a:is(:hover,:focus-visible),
.pzf-article .pzf-article__share > button:is(:hover,:focus-visible) {
  background:var(--pzf-a-brand)!important;
  color:#fff!important;border-color:var(--pzf-a-brand)!important;
  transform:translateY(-1px);
}

/* The photo closes with a single hairline; right column opens at the same height. */
.pzf-article .pzf-article__photo {margin-bottom:0;}
.pzf-article__after-photo-rule {height:1px;background:var(--pzf-a-rule);margin:22px 0 23px;}
/* Sidebar sticky behavior is controlled by the approved desktop layout in pzf-073-article-desktop.css. */
.pzf-article .pzf-article__sidebar-related {
  border-top:1px solid var(--pzf-a-rule);
  padding-top:20px;
  margin-top:var(--pzf-article-side-gap,0px);
}
.pzf-article .pzf-article__sidebar-related h2{margin-bottom:15px!important;}

/* Related-carousel navigation: crisp square icons, aligned with the heading. */
.pzf-article .pzf-article-related__heading {align-items:center;gap:16px;}
.pzf-article .pzf-article-related__nav {display:flex;align-items:center;gap:8px;}
.pzf-article .pzf-article-related__nav button {
  appearance:none;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:39px!important;height:39px!important;
  padding:0!important;line-height:1!important;
  flex:0 0 39px;
  border:1px solid var(--pzf-a-rule)!important;
  background:var(--pzf-a-panel)!important;
  color:var(--pzf-a-fg)!important;
  border-radius:9px!important;
  cursor:pointer;
  box-shadow:none!important;
  transition:background .18s,border-color .18s,color .18s;
}
.pzf-article .pzf-article-related__nav button svg{display:block;width:17px;height:17px;flex:none;}
.pzf-article .pzf-article-related__nav button:is(:hover,:focus-visible):not(:disabled) {
  background:var(--pzf-a-brand)!important;
  border-color:var(--pzf-a-brand)!important;
  color:white!important;
}
.pzf-article .pzf-article-related__nav button:disabled {
  opacity:.32!important;
  cursor:default;
  background:var(--pzf-a-panel)!important;
  border-color:var(--pzf-a-rule)!important;
}
.pzf-article .pzf-article-related a,
.pzf-article .pzf-article-related a:hover,
.pzf-article .pzf-article-related a:focus-visible,
.pzf-article .pzf-article-related .pzf-article-related__card-title {
  text-decoration:none!important;
  text-underline-offset:unset!important;
  box-shadow:none!important;
}
.pzf-article .pzf-article-related__card:hover .pzf-article-related__card-title {color:var(--pzf-a-red)!important;}

/* Explore navigation beneath sidebar's related headlines, based on real WP terms. */
.pzf-article__sidebar-explore {margin-top:22px;border-top:1px solid var(--pzf-a-rule);padding-top:22px;}
.pzf-article__sidebar-explore-block + .pzf-article__sidebar-explore-block {margin-top:25px;}
.pzf-article__sidebar-explore-block .pzf-article__eyebrow{margin:0 0 13px!important;}
.pzf-article__sidebar-pills{display:flex;flex-wrap:wrap;gap:8px;}
.pzf-article .pzf-article__sidebar-pills a {
  border:1px solid var(--pzf-a-rule);
  border-radius:6px;
  padding:9px 10px;
  background:var(--pzf-a-panel);
  color:var(--pzf-a-fg);
  text-decoration:none!important;
  font:700 11px/1.3 var(--pzf-interface-font,"Roboto Local",Arial,sans-serif);
  transition:border-color .18s,color .18s,background .18s;
}
.pzf-article .pzf-article__sidebar-pills a:hover,
.pzf-article .pzf-article__sidebar-pills a:focus-visible{
  border-color:var(--pzf-a-red);color:var(--pzf-a-red);
}

@media(max-width:991.98px){
 .pzf-article__after-photo-rule{display:none;}
 .pzf-article .pzf-article__photo{margin-bottom:15px;}
}
@media(max-width:600px){
 .pzf-article .pzf-article__author-info{padding-left:8px;min-height:24px;}
 .pzf-article .pzf-article__share{gap:4px;}
 .pzf-article .pzf-article__share > a,
 .pzf-article .pzf-article__share > button {
   width:28px!important;height:29px!important;flex-basis:28px;
   border-radius:7px!important;
 }
 .pzf-article .pzf-article__share > a svg,
 .pzf-article .pzf-article__share > button svg {width:16px!important;height:16px!important;}
}