.wtfto-story-auto-header,
.wtfto-story-meta-wrap {
  margin: 0 0 0.9rem;
}

.wtfto-story-kicker {
  display: inline-block;
  margin: 0 0 0.65rem;
  padding: 0.46rem 1.1rem;
  border: 1px solid rgba(11, 45, 45, 0.14);
  border-radius: 999px;
  background: #efefec;
  color: #0b2d2d;
  font-size: 0.94rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wtfto-story-subhead {
  margin: 0 0 0.9rem;
  color: #233535;
  font-size: 1.55rem;
  line-height: 1.42;
  font-weight: 500;
}

.wtfto-story-hero-caption {
  position: relative;
  margin: 0.62rem 0 1.2rem;
  padding: 0 0 0 1.55rem;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.78);
  font-size: 0.82rem;
  line-height: 1.38;
}

.wtfto-story-byline {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  margin: 0.1rem 0 0.48rem;
  color: #6d7777;
  font-size: 0.84rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.085em;
  quotes: none;
}

.wtfto-story-byline-prefix {
  font-weight: 600;
  opacity: 0.68;
}

.wtfto-story-byline-name {
  font-weight: 800;
  color: #233535;
}

.wtfto-story-intro-label {
  margin: 0 0 0.72rem;
  color: #183636;
  font-size: 1.14rem;
  line-height: 1.28;
  font-weight: 620;
  quotes: none;
}

.wtfto-story-sources {
  margin-top: 2rem;
  padding: 1rem 1.25rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(239, 239, 236, 0.45);
}

.wtfto-story-sources h3 {
  margin: 0 0 0.75rem;
  color: #183636;
  font-size: 1rem;
}

.wtfto-story-sources ul {
  margin: 0;
  padding-left: 1.25rem;
}

.wtfto-story-sources li + li {
  margin-top: 0.5rem;
}

.wtfto-story-sources a {
  text-decoration: underline;
}

.wtfto-story-byline::before,
.wtfto-story-byline::after,
.wtfto-story-byline-prefix::before,
.wtfto-story-byline-prefix::after,
.wtfto-story-byline-name::before,
.wtfto-story-byline-name::after,
.wtfto-story-intro-label::before,
.wtfto-story-intro-label::after {
  content: none !important;
}


.wtfto-story-auto-header {
  border-bottom: 1px solid rgba(11, 45, 45, 0.12);
  padding-bottom: 0.95rem;
}

.wtfto-story-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem;
  margin-top: 0.2rem;
}

.wtfto-story-byline {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  background: rgba(11, 45, 45, 0.06);
  color: #4b5a5a;
  font-size: 0.8rem;
  line-height: 1.2;
}

.wtfto-story-intro-label {
  margin: 0;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
}

@media (max-width: 700px) {
  .wtfto-story-meta-row {
    gap: 0.55rem;
  }
}


.wtfto-story-auto-header > * {
  display: block;
}

.wtfto-story-auto-header .wtfto-story-subhead {
  clear: both;
}

.wtfto-story-auto-header .wtfto-story-meta-row {
  clear: both;
}

/* v0.5.5 polish-only */
.wtfto-story-auto-header .wtfto-story-meta-row {
  margin-bottom: 0.9rem;
}

.wtfto-story-content .wtfto-story-intro-label {
  margin: 0 0 1rem;
}

.wtfto-story-content h2,
.wtfto-story-content h3,
.wtfto-story-content h4 {
  margin-top: 1.6em;
  margin-bottom: 0.55em;
  color: #183636;
  font-weight: 700;
  line-height: 1.25;
}

.wtfto-story-content h2 {
  font-size: 1.34rem;
}

.wtfto-story-content h3 {
  font-size: 1.18rem;
}


.wtfto-universal-header{margin:18px 0 10px}
.wtfto-universal-header__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.wtfto-universal-series-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.wtfto-series-link-pill{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #d6d6d6;border-radius:999px;text-decoration:none;font-weight:700;color:inherit;background:#fff}
.wtfto-series-box--universal{margin:30px 0 24px}


/* v0.6.9 stronger dark-mode story header + series text fix */
html[data-theme="dark"] .wtfto-story-subhead,
body[data-theme="dark"] .wtfto-story-subhead,
html[data-theme="dark"] .wtfto-universal-header .wtfto-story-subhead,
body[data-theme="dark"] .wtfto-universal-header .wtfto-story-subhead,
html[data-theme="dark"] .wtfto-story-byline,
body[data-theme="dark"] .wtfto-story-byline,
html[data-theme="dark"] .wtfto-story-byline *,
body[data-theme="dark"] .wtfto-story-byline *,
html[data-theme="dark"] .wtfto-story-byline-row,
body[data-theme="dark"] .wtfto-story-byline-row,
html[data-theme="dark"] .wtfto-story-byline-row *,
body[data-theme="dark"] .wtfto-story-byline-row *,
html[data-theme="dark"] .wtfto-story-intro-label,
body[data-theme="dark"] .wtfto-story-intro-label,
html[data-theme="dark"] .wtfto-story-meta-row,
body[data-theme="dark"] .wtfto-story-meta-row,
html[data-theme="dark"] .wtfto-story-meta-row *,
body[data-theme="dark"] .wtfto-story-meta-row *,
html[data-theme="dark"] .wtfto-story-date,
body[data-theme="dark"] .wtfto-story-date,
html[data-theme="dark"] .wtfto-story-byline-prefix,
body[data-theme="dark"] .wtfto-story-byline-prefix,
html[data-theme="dark"] .wtfto-story-byline-name,
body[data-theme="dark"] .wtfto-story-byline-name,
html[data-theme="dark"] .wtfto-story-byline-sep,
body[data-theme="dark"] .wtfto-story-byline-sep,
html[data-theme="dark"] .wtfto-story-meta-row--legacy,
body[data-theme="dark"] .wtfto-story-meta-row--legacy,
html[data-theme="dark"] .wtfto-story-meta-row--legacy *,
body[data-theme="dark"] .wtfto-story-meta-row--legacy * {
  color: #eef4ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .wtfto-story-byline,
body[data-theme="dark"] .wtfto-story-byline,
html[data-theme="dark"] .wtfto-story-byline-row .wtfto-story-byline,
body[data-theme="dark"] .wtfto-story-byline-row .wtfto-story-byline {
  background: rgba(255,255,255,0.08) !important;
}

html[data-theme="dark"] .wtfto-universal-series-links a,
body[data-theme="dark"] .wtfto-universal-series-links a,
html[data-theme="dark"] .wtfto-universal-series-links a:link,
body[data-theme="dark"] .wtfto-universal-series-links a:link,
html[data-theme="dark"] .wtfto-universal-series-links a:visited,
body[data-theme="dark"] .wtfto-universal-series-links a:visited,
html[data-theme="dark"] a.wtfto-series-link-pill,
body[data-theme="dark"] a.wtfto-series-link-pill,
html[data-theme="dark"] a.wtfto-series-link-pill:link,
body[data-theme="dark"] a.wtfto-series-link-pill:link,
html[data-theme="dark"] a.wtfto-series-link-pill:visited,
body[data-theme="dark"] a.wtfto-series-link-pill:visited,
html[data-theme="dark"] a.wtfto-series-link-pill *,
body[data-theme="dark"] a.wtfto-series-link-pill * {
  color: #111111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] a.wtfto-series-link-pill,
body[data-theme="dark"] a.wtfto-series-link-pill {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.14) !important;
}


/* v0.7.0 smaller series pills + two-up mobile layout */
.wtfto-universal-series-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
  margin-top: 10px;
}

.wtfto-series-link-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 8px 12px;
  font-size: 0.95rem;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}

@media (max-width: 900px) {
  .wtfto-universal-series-links {
    gap: 8px;
  }

  .wtfto-series-link-pill {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 4px);
    padding: 7px 10px;
    font-size: 0.9rem;
  }
}

@media (max-width: 560px) {
  .wtfto-universal-series-links {
    gap: 8px;
  }

  .wtfto-series-link-pill {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 4px);
    padding: 6px 8px;
    font-size: 0.84rem;
    line-height: 1.15;
  }
}

/* v0.7.2 robust article-body inline image wrapping */
.wtfto-story-content img.alignleft,
.wtfto-story-content figure.alignleft,
.wtfto-story-content .wp-caption.alignleft,
.entry-content img.alignleft,
.entry-content figure.alignleft,
.entry-content .wp-caption.alignleft,
.post-content img.alignleft,
.post-content figure.alignleft,
.post-content .wp-caption.alignleft,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
img.wtfto-inline-media.alignleft,
figure.wtfto-inline-media.alignleft {
  float: left !important;
  clear: none !important;
  display: block;
  width: auto;
  max-width: min(44%, 360px) !important;
  height: auto !important;
  margin: 0.35rem 1.45rem 1rem 0 !important;
}

.wtfto-story-content img.alignright,
.wtfto-story-content figure.alignright,
.wtfto-story-content .wp-caption.alignright,
.entry-content img.alignright,
.entry-content figure.alignright,
.entry-content .wp-caption.alignright,
.post-content img.alignright,
.post-content figure.alignright,
.post-content .wp-caption.alignright,
.wp-block-image.alignright,
.wp-block-image .alignright,
img.wtfto-inline-media.alignright,
figure.wtfto-inline-media.alignright {
  float: right !important;
  clear: none !important;
  display: block;
  width: auto;
  max-width: min(44%, 360px) !important;
  height: auto !important;
  margin: 0.35rem 0 1rem 1.45rem !important;
}

.wtfto-story-content img.aligncenter,
.wtfto-story-content figure.aligncenter,
.wtfto-story-content .wp-caption.aligncenter,
.entry-content img.aligncenter,
.entry-content figure.aligncenter,
.entry-content .wp-caption.aligncenter,
.post-content img.aligncenter,
.post-content figure.aligncenter,
.post-content .wp-caption.aligncenter {
  float: none !important;
  clear: both;
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 1.25rem auto !important;
}

.wtfto-story-content figure.alignleft img,
.wtfto-story-content figure.alignright img,
.entry-content figure.alignleft img,
.entry-content figure.alignright img,
.post-content figure.alignleft img,
.post-content figure.alignright img,
.wp-block-image.alignleft img,
.wp-block-image.alignright img,
figure.wtfto-inline-media img {
  max-width: 100% !important;
  height: auto !important;
}

.wtfto-story-content::after,
.entry-content::after,
.post-content::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 760px) {
  .wtfto-story-content img.alignleft,
  .wtfto-story-content img.alignright,
  .wtfto-story-content figure.alignleft,
  .wtfto-story-content figure.alignright,
  .wtfto-story-content .wp-caption.alignleft,
  .wtfto-story-content .wp-caption.alignright,
  .entry-content img.alignleft,
  .entry-content img.alignright,
  .entry-content figure.alignleft,
  .entry-content figure.alignright,
  .entry-content .wp-caption.alignleft,
  .entry-content .wp-caption.alignright,
  .post-content img.alignleft,
  .post-content img.alignright,
  .post-content figure.alignleft,
  .post-content figure.alignright,
  .post-content .wp-caption.alignleft,
  .post-content .wp-caption.alignright,
  .wp-block-image.alignleft,
  .wp-block-image.alignright,
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  img.wtfto-inline-media.alignleft,
  img.wtfto-inline-media.alignright,
  figure.wtfto-inline-media.alignleft,
  figure.wtfto-inline-media.alignright {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 1rem auto !important;
  }
}

/* v0.7.2: stop theme/template paragraph rules from forcing wrapped text below article images */
.wtfto-story-content p,
.entry-content p,
.post-content p,
.then-now-story-content p {
  clear: none !important;
  overflow: visible !important;
}

.wtfto-story-content p:has(img.alignleft),
.wtfto-story-content p:has(img.alignright),
.entry-content p:has(img.alignleft),
.entry-content p:has(img.alignright),
.post-content p:has(img.alignleft),
.post-content p:has(img.alignright),
.then-now-story-content p:has(img.alignleft),
.then-now-story-content p:has(img.alignright) {
  display: block !important;
  clear: none !important;
  overflow: visible !important;
}


/* v0.7.3: magazine-style image labels */
.wtfto-magazine-image{box-sizing:border-box}
.wtfto-magazine-image img{display:block;max-width:100%;height:auto}
.wtfto-magazine-caption{display:block;margin-top:4px;font-size:.68rem;line-height:1.25;color:rgba(0,0,0,.58);font-style:normal;letter-spacing:.01em}
.wtfto-image-caption-main,.wtfto-image-caption-source{display:block}
.wtfto-image-caption-main{font-weight:650}
.wtfto-image-caption-source{opacity:.82}
.dark-mode .wtfto-magazine-caption,body.dark .wtfto-magazine-caption,[data-theme="dark"] .wtfto-magazine-caption{color:rgba(255,255,255,.64)}


/* v1.0.3 Editorial Title Treatment */
.single-wtfto_story .entry-title,
.single-then-vs-now .entry-title,
.single-wtfto_then_vs_now .entry-title,
.single .entry-title {
    max-width: 900px;
    line-height: 0.92;
    letter-spacing: -0.03em;
    margin-top: 18px;
    margin-bottom: 22px;
    text-wrap: balance;
}

@media (min-width: 1024px) {
    .single-wtfto_story .entry-title,
    .single-then-vs-now .entry-title,
    .single-wtfto_then_vs_now .entry-title,
    .single .entry-title {
        font-size: clamp(3rem, 5vw, 5.5rem);
    }
}

.single-wtfto_story .site-main,
.single-then-vs-now .site-main,
.single-wtfto_then_vs_now .site-main {
    padding-top: 40px;
}

/* cleaner paragraph spacing under large titles */
.single-wtfto_story .entry-content,
.single-then-vs-now .entry-content,
.single-wtfto_then_vs_now .entry-content {
    max-width: 1100px;
}


/* v1.1.1 WTFTO article hyperlink treatment + external-source behaviour styling */
.single-post .entry-content a.wtfto-story-link:not(:has(img)),
.single-post .post-content a.wtfto-story-link:not(:has(img)),
.single-wtfto_story .entry-content a.wtfto-story-link:not(:has(img)),
.single-wtfto_story .post-content a.wtfto-story-link:not(:has(img)),
.wtfto-story-content a.wtfto-story-link:not(:has(img)),
.wtfto-story-sources a.wtfto-story-link:not(:has(img)) {
  color: inherit;
  font-weight: 650;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(190, 25, 25, 0.92);
  background-image: linear-gradient(
    to top,
    rgba(190, 25, 25, 0.24) 0%,
    rgba(190, 25, 25, 0.24) 38%,
    transparent 38%,
    transparent 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-image 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.single-post .entry-content a.wtfto-story-link:not(:has(img)):hover,
.single-post .post-content a.wtfto-story-link:not(:has(img)):hover,
.single-wtfto_story .entry-content a.wtfto-story-link:not(:has(img)):hover,
.single-wtfto_story .post-content a.wtfto-story-link:not(:has(img)):hover,
.wtfto-story-content a.wtfto-story-link:not(:has(img)):hover,
.wtfto-story-sources a.wtfto-story-link:not(:has(img)):hover,
.single-post .entry-content a.wtfto-story-link:not(:has(img)):focus,
.single-post .post-content a.wtfto-story-link:not(:has(img)):focus,
.single-wtfto_story .entry-content a.wtfto-story-link:not(:has(img)):focus,
.single-wtfto_story .post-content a.wtfto-story-link:not(:has(img)):focus,
.wtfto-story-content a.wtfto-story-link:not(:has(img)):focus,
.wtfto-story-sources a.wtfto-story-link:not(:has(img)):focus {
  color: #8f1111;
  border-bottom-color: #e33434;
  background-image: linear-gradient(
    to top,
    rgba(227, 52, 52, 0.40) 0%,
    rgba(227, 52, 52, 0.40) 45%,
    transparent 45%,
    transparent 100%
  );
}

html[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)),
body[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)),
.dark-mode .single-post .entry-content a.wtfto-story-link:not(:has(img)),
body.dark .single-post .entry-content a.wtfto-story-link:not(:has(img)),
html[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)),
body[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)),
.dark-mode .wtfto-story-content a.wtfto-story-link:not(:has(img)),
body.dark .wtfto-story-content a.wtfto-story-link:not(:has(img)) {
  color: inherit;
  border-bottom-color: rgba(255, 72, 72, 0.95);
  background-image: linear-gradient(
    to top,
    rgba(255, 72, 72, 0.26) 0%,
    rgba(255, 72, 72, 0.26) 38%,
    transparent 38%,
    transparent 100%
  );
}

html[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)):hover,
body[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)):hover,
.dark-mode .single-post .entry-content a.wtfto-story-link:not(:has(img)):hover,
body.dark .single-post .entry-content a.wtfto-story-link:not(:has(img)):hover,
html[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)):hover,
body[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)):hover,
.dark-mode .wtfto-story-content a.wtfto-story-link:not(:has(img)):hover,
body.dark .wtfto-story-content a.wtfto-story-link:not(:has(img)):hover,
html[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)):focus,
body[data-theme="dark"] .single-post .entry-content a.wtfto-story-link:not(:has(img)):focus,
.dark-mode .single-post .entry-content a.wtfto-story-link:not(:has(img)):focus,
body.dark .single-post .entry-content a.wtfto-story-link:not(:has(img)):focus,
html[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)):focus,
body[data-theme="dark"] .wtfto-story-content a.wtfto-story-link:not(:has(img)):focus,
.dark-mode .wtfto-story-content a.wtfto-story-link:not(:has(img)):focus,
body.dark .wtfto-story-content a.wtfto-story-link:not(:has(img)):focus {
  color: #ffb1b1;
  border-bottom-color: #ff6b6b;
  background-image: linear-gradient(
    to top,
    rgba(255, 72, 72, 0.43) 0%,
    rgba(255, 72, 72, 0.43) 45%,
    transparent 45%,
    transparent 100%
  );
}

.wtfto-story-external-link::after {
  content: "";
}


/* v1.1.2 HARD FIX: style plain article text links even if another template bypasses PHP classes. */
.single main article .entry-content p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single main article .entry-content li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single main .entry-content p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single main .entry-content li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single .wp-block-post-content p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single .wp-block-post-content li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single .post-content p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.single .post-content li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.wtfto-story-content p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.wtfto-story-content li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.wtfto-story-body p a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.wtfto-story-body li a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
.wtfto-story-sources a[href]:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill),
a.wtfto-story-link:not(.wp-block-button__link):not(.wp-element-button):not(.button):not(.btn):not(.page-numbers):not(.wtfto-series-link-pill) {
  color: inherit !important;
  font-weight: 650;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(190, 25, 25, 0.95) !important;
  background-image: linear-gradient(
    to top,
    rgba(190, 25, 25, 0.25) 0%,
    rgba(190, 25, 25, 0.25) 40%,
    transparent 40%,
    transparent 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.single main article .entry-content p a[href]:hover,
.single main article .entry-content li a[href]:hover,
.single main .entry-content p a[href]:hover,
.single main .entry-content li a[href]:hover,
.single .wp-block-post-content p a[href]:hover,
.single .wp-block-post-content li a[href]:hover,
.single .post-content p a[href]:hover,
.single .post-content li a[href]:hover,
.wtfto-story-content p a[href]:hover,
.wtfto-story-content li a[href]:hover,
.wtfto-story-body p a[href]:hover,
.wtfto-story-body li a[href]:hover,
.wtfto-story-sources a[href]:hover,
a.wtfto-story-link:hover {
  color: #8f1111 !important;
  border-bottom-color: #e33434 !important;
  background-image: linear-gradient(
    to top,
    rgba(227, 52, 52, 0.42) 0%,
    rgba(227, 52, 52, 0.42) 48%,
    transparent 48%,
    transparent 100%
  ) !important;
}

html[data-theme="dark"] .single main article .entry-content p a[href],
body[data-theme="dark"] .single main article .entry-content p a[href],
.dark-mode .single main article .entry-content p a[href],
body.dark .single main article .entry-content p a[href],
html[data-theme="dark"] .wtfto-story-content p a[href],
body[data-theme="dark"] .wtfto-story-content p a[href],
.dark-mode .wtfto-story-content p a[href],
body.dark .wtfto-story-content p a[href],
html[data-theme="dark"] a.wtfto-story-link,
body[data-theme="dark"] a.wtfto-story-link,
.dark-mode a.wtfto-story-link,
body.dark a.wtfto-story-link {
  color: inherit !important;
  border-bottom-color: rgba(255, 72, 72, 0.95) !important;
  background-image: linear-gradient(
    to top,
    rgba(255, 72, 72, 0.28) 0%,
    rgba(255, 72, 72, 0.28) 40%,
    transparent 40%,
    transparent 100%
  ) !important;
}

/* Never decorate linked images like text links. */
.single .entry-content a:has(img),
.single .wp-block-post-content a:has(img),
.wtfto-story-content a:has(img),
.wtfto-story-body a:has(img) {
  background-image: none !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
}


/* v1.1.7 — unified Sources & References drawer for regular WTFTO stories */
.wtfto-story-references,
details.wtfto-story-sources{
  display:block!important;
  margin:2rem 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}
.wtfto-story-references summary,
details.wtfto-story-sources summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-height:0!important;
  padding:.35rem .7rem!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:4px!important;
  background:#f2f2f2!important;
  color:#111!important;
  box-shadow:none!important;
  cursor:pointer!important;
  list-style:none!important;
  font-family:inherit!important;
  font-size:.88rem!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
  user-select:none!important;
}
.wtfto-story-references summary::-webkit-details-marker,
details.wtfto-story-sources summary::-webkit-details-marker{
  display:none!important;
}
.wtfto-story-references summary:after,
details.wtfto-story-sources summary:after{
  content:none!important;
}
.wtfto-story-references summary:hover,
.wtfto-story-references summary:focus,
details.wtfto-story-sources summary:hover,
details.wtfto-story-sources summary:focus{
  background:#ffffff!important;
  color:#111!important;
  outline:1px solid rgba(215,25,32,.55)!important;
  outline-offset:2px!important;
}
.wtfto-story-sources-body{
  margin:.9rem 0 0!important;
  padding:1rem 0 0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}
.wtfto-story-sources-body ul{
  margin:0!important;
  padding-left:0!important;
  list-style:none!important;
}
.wtfto-story-sources-body li{
  margin:0 0 .65rem!important;
  padding:0!important;
  list-style:none!important;
}
.wtfto-story-reference-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:1rem 0 0!important;
  padding:.35rem .7rem!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:4px!important;
  background:#f2f2f2!important;
  color:#111!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-family:inherit!important;
  font-size:.88rem!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.wtfto-story-reference-close:hover,
.wtfto-story-reference-close:focus{
  background:#ffffff!important;
  color:#111!important;
  outline:1px solid rgba(215,25,32,.55)!important;
  outline-offset:2px!important;
}
html[data-theme="dark"] .wtfto-story-sources-body,
body[data-theme="dark"] .wtfto-story-sources-body,
.dark-mode .wtfto-story-sources-body,
body.dark .wtfto-story-sources-body{
  border-top-color:rgba(255,255,255,.14)!important;
  background:transparent!important;
}


/* v1.1.9 — WTFTO red bracket captions for regular story featured and body images.
   This lives in Story Display Tools because regular story captions are output/styled by this plugin. */
body.single-wtfto_story .wtfto-featured-media .wtfto-caption,
body.single-wtfto_story .wtfto-story-hero-caption,
body.single-wtfto_story .wtfto-story-content .wtfto-magazine-caption,
body.single-wtfto_story .wtfto-story-content .wp-caption-text,

body.single-wtfto_story .entry-content .wtfto-magazine-caption,
body.single-wtfto_story .entry-content .wp-caption-text,

body.single-wtfto_story .post-content .wtfto-magazine-caption,
body.single-wtfto_story .post-content .wp-caption-text,
body.single-wtfto_story .post-content .wtfto-magazine-caption,
body.single-wtfto_story .post-content .wp-caption-text,
body.single-wtfto_story .post-content .wp-caption-text{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  margin:10px 0 22px 0!important;
  padding:0 0 0 26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.76)!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-align:left!important;
}
body.single-wtfto_story .wtfto-featured-media .wtfto-caption::before,
body.single-wtfto_story .wtfto-story-hero-caption::before,
body.single-wtfto_story .wtfto-story-content .wtfto-magazine-caption::before,

body.single-wtfto_story .entry-content .wtfto-magazine-caption::before,

body.single-wtfto_story .post-content .wtfto-magazine-caption::before,
body.single-wtfto_story .post-content .wtfto-magazine-caption::before,
body.single-wtfto_story .post-content .wp-caption-text::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:2px!important;
  width:2px!important;
  height:18px!important;
  background:#e0212d!important;
}
body.single-wtfto_story .wtfto-featured-media .wtfto-caption::after,
body.single-wtfto_story .wtfto-story-hero-caption::after,
body.single-wtfto_story .wtfto-story-content .wtfto-magazine-caption::after,

body.single-wtfto_story .entry-content .wtfto-magazine-caption::after,

body.single-wtfto_story .post-content .wtfto-magazine-caption::after,
body.single-wtfto_story .post-content .wtfto-magazine-caption::after,
body.single-wtfto_story .post-content .wp-caption-text::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:20px!important;
  width:14px!important;
  height:2px!important;
  background:#e0212d!important;
}
body.single-wtfto_story .wtfto-featured-media .wtfto-caption a,
body.single-wtfto_story .wtfto-story-hero-caption a,
body.single-wtfto_story .wtfto-story-content figcaption a,
body.single-wtfto_story .entry-content figcaption a,
body.single-wtfto_story .post-content figcaption a{
  color:#fff!important;
  text-decoration:underline!important;
}
@media (max-width:760px){
  body.single-wtfto_story .wtfto-featured-media .wtfto-caption,
  body.single-wtfto_story .wtfto-story-hero-caption,
  body.single-wtfto_story .wtfto-story-content .wtfto-magazine-caption,
body.single-wtfto_story .wtfto-story-content .wp-caption-text,
  
  body.single-wtfto_story .entry-content .wtfto-magazine-caption,
body.single-wtfto_story .entry-content .wp-caption-text,
  
  body.single-wtfto_story .post-content .wtfto-magazine-caption,
body.single-wtfto_story .post-content .wp-caption-text,
  body.single-wtfto_story .post-content .wtfto-magazine-caption,
body.single-wtfto_story .post-content .wp-caption-text,
body.single-wtfto_story .post-content .wp-caption-text{
    margin:8px 0 18px 0!important;
    padding-left:24px!important;
    font-size:12.5px!important;
    line-height:1.34!important;
  }
}


/* v1.1.10 — stop orphan red caption brackets on body images.
   Only real caption classes receive the bracket. Bare/empty figcaptions do not. */
body.single-wtfto_story .wtfto-story-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::before,
body.single-wtfto_story .wtfto-story-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::after,
body.single-wtfto_story .entry-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::before,
body.single-wtfto_story .entry-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::after,
body.single-wtfto_story .post-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::before,
body.single-wtfto_story .post-content figure figcaption:not(.wtfto-magazine-caption):not(.wp-caption-text)::after{
  content:none!important;
  display:none!important;
}
body.single-wtfto_story .wtfto-story-content figure figcaption:empty,
body.single-wtfto_story .entry-content figure figcaption:empty,
body.single-wtfto_story .post-content figure figcaption:empty{
  display:none!important;
}