/* PZF 0.11.24 / article finishing touches only; homepage/global shell untouched. */

/* The kicker and headline are one compact heading, even inside the_content. */
.pzf-article .pzf-article-related__heading > div:first-child {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:0!important;
  margin:0!important;
}
.pzf-article .pzf-article-related__heading .pzf-article__eyebrow {
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.25!important;
}
.pzf-article .pzf-article-related__heading h2 {
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.06!important;
}
.pzf-article .pzf-article-related__heading {align-items:flex-end!important;gap:10px!important;margin-bottom:14px!important;}
.pzf-article .pzf-article-related__nav {margin:0!important;padding:0 0 2px!important;}
.pzf-article .pzf-article__content .pzf-article-related {
  clear:both;
  margin:24px 0 28px!important;
  padding:17px 0 19px!important;
}

/* Three title lines are the absolute maximum, including on narrow cards. */
.pzf-article .pzf-article-related .pzf-article-related__card-title {
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  white-space:normal!important;
  text-overflow:ellipsis;
  line-height:1.4!important;
  max-height:calc(4.2em + 24px);
  padding:12px!important;
  contain:paint;
}
.pzf-article .pzf-article__more-card strong {
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  line-height:1.13!important;
  max-height:calc(3.39em + 28px);
  padding:11px 12px 15px!important;
}

/* Six league shortcuts occupy the entire width of the desktop rail. */
@media(min-width:992px) {
  .pzf-article .pzf-article__sidebar-explore-block--leagues .pzf-article__sidebar-pills {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    align-items:stretch;
  }
  .pzf-article .pzf-article__sidebar-explore-block--leagues .pzf-article__sidebar-pills a {
    display:flex;justify-content:center;align-items:center;
    min-width:0;max-width:100%;padding:10px 5px!important;
    text-align:center;line-height:1.25!important;font-size:10.5px!important;
  }
  /* The rail already includes discovery: avoid duplicating the large lower grid. */
  .pzf-article .pzf-article__discovery {display:none!important;}
}
.pzf-article .pzf-article__sidebar-explore-block--clubs .pzf-article__sidebar-pills a {
  gap:3px;
}
.pzf-article .pzf-article__sidebar-explore-block--clubs .pzf-article__sidebar-pills a[hidden] {
  display:none!important;
}
.pzf-article .pzf-article__club-hash {
  display:inline;
  flex:none;
  color:var(--pzf-a-red)!important;
  font-weight:900;
}

/* The X widget's internal messaging frame is never editorial content.
   Server-side cleanup removes saved copies; this covers cached old markup. */
.pzf-article .pzf-article__content iframe[src*="platform.twitter.com/widgets/widget_iframe"],
.pzf-article .pzf-article__content iframe[src*="platform.x.com/widgets/widget_iframe"] {
  display:none!important;
  width:0!important;height:0!important;
}

/* Pull quotes should feel like an editorial inset, not a disabled input. */
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content.pzf-editorial-rich blockquote.pzf-pullquote,
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content > blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed) {
  background:#252b34!important;
  color:#f3f4f6!important;
  border-left:4px solid #eb5758!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content.pzf-editorial-rich blockquote.pzf-pullquote p,
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content > blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed) p {
  color:#f3f4f6!important;
  opacity:1!important;
}
html[data-pzf-theme="light"] .pzf-article .pzf-article__content.pzf-editorial-rich blockquote.pzf-pullquote {
  background:#f3f4f6!important;
  border-left:4px solid #c6323b!important;
  color:#242830!important;
}

/* Both Editor 2.0 quotes and plain blockquotes get the same dark treatment.
   Exclude social providers so their widgets retain their own layout. */
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post) {
  box-sizing:border-box!important;
  margin:29px 0 31px!important;
  padding:19px 23px!important;
  border:0!important;
  border-left:4px solid #ef5660!important;
  border-radius:0 9px 9px 0!important;
  background:#2a303a!important;
  color:#f5f6f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1.55!important;
  font-style:normal!important;
}
html:not([data-pzf-theme="light"]) .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post) :is(p,li,strong,em,a) {
  color:#f5f6f8!important;
  opacity:1!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

@media(max-width:600px){
  .pzf-article .pzf-article-related__heading {margin-bottom:12px!important;}
  .pzf-article .pzf-article__content .pzf-article-related {margin:19px 0 23px!important;}
}