.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 {
  margin: 0.5rem 0 0.68rem;
  padding: 0.72rem 0.95rem;
  border-left: 3px solid rgba(11, 45, 45, 0.12);
  background: #f7f7f4;
  color: #4a5a5a;
  font-size: 0.9rem;
  line-height: 1.45;
}

.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;
  }
}