/* ─── Top toolbar (Reading tools) ─────────────────────────────── */
.sparked-article-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .6rem;
  max-width: 820px;
  margin: 2rem auto 0;
  padding: 1rem 0;
  border-top: 1px solid rgba(255,107,53,.18);
  border-bottom: 1px solid rgba(255,107,53,.18);
}
.sparked-article-tools-label {
  font-size: .6rem;
  font-weight: 600;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: #888;
  margin-right: .6rem;
}
.sparked-tool-btn {
  display: inline-flex;
  align-items: center;
  gap: .55em;
  padding: .6rem 1rem;
  background: transparent;
  color: #ff6b35;
  border: 1px solid rgba(255,107,53,.4);
  border-radius: 3px;
  font: inherit;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
}
.sparked-tool-btn svg { flex: none; }
.sparked-tool-btn:hover {
  color: #fff;
  background: rgba(255,107,53,.12);
  border-color: #ff6b35;
}
.sparked-tool-listen[data-state="playing"] {
  color: #76b900;
  border-color: #76b900;
  background: rgba(118,185,0,.08);
}
.sparked-tool-listen[data-state="playing"]:hover {
  color: #fff;
  background: rgba(118,185,0,.16);
}

/* ─── Voice picker dropdown ──────────────────────────────────── */
.sparked-voice-picker {
  background-color: transparent;
  color: #ff6b35;
  border: 1px solid rgba(255,107,53,.4);
  border-radius: 3px;
  padding: .6rem 1.8rem .6rem .8rem;
  font: inherit;
  font-size: .65rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4 L5 7 L8 4' stroke='%23ff6b35' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: right .6rem center;
  background-repeat: no-repeat;
  background-size: .65rem;
  max-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: border-color .2s;
}
.sparked-voice-picker:hover {
  border-color: #ff6b35;
}
.sparked-voice-picker:focus {
  outline: none;
  border-color: #ff6b35;
  box-shadow: 0 0 0 2px rgba(255,107,53,.18);
}
.sparked-voice-picker option {
  background: #0d0d10;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  padding: .4rem;
}

/* ─── Helper text under the toolbar ───────────────────────────── */
.sparked-tools-hint {
  font-size: .72rem;
  color: #888;
  margin: .6rem auto 0;
  text-align: center;
  font-style: italic;
  max-width: 820px;
  letter-spacing: .01em;
}

/* ─── Click-to-start-here on paragraphs ───────────────────────── */
.blog-post-content .sparked-speak-start {
  position: relative;
  cursor: pointer;
  border-left: 3px solid transparent;
  margin-left: -1rem;
  padding-left: 1rem;
  border-radius: 0 3px 3px 0;
  transition: border-color .15s ease, background .15s ease;
}
.blog-post-content .sparked-speak-start:hover {
  border-left-color: rgba(255,107,53,.45);
  background: rgba(255,107,53,.03);
}
.blog-post-content .sparked-speak-start:hover::before {
  content: "▶";
  position: absolute;
  left: -.6em;
  top: .3em;
  color: #ff6b35;
  font-size: .55em;
  opacity: .8;
}
.blog-post-content .sparked-speak-active {
  border-left-color: #ff6b35 !important;
  background: rgba(255,107,53,.07) !important;
}
.blog-post-content .sparked-speak-active::before {
  content: "▶" !important;
  position: absolute !important;
  left: -.6em !important;
  top: .3em !important;
  color: #ff6b35 !important;
  font-size: .55em !important;
  opacity: 1 !important;
}

/* On mobile, simpler — no left-margin shift since space is tight */
@media (max-width: 600px) {
  .blog-post-content .sparked-speak-start {
    margin-left: 0;
    padding-left: .5rem;
    border-left-width: 2px;
  }
  .blog-post-content .sparked-speak-start:hover::before,
  .blog-post-content .sparked-speak-active::before {
    display: none;
  }
}

/* ─── Listen / PDF button styles (BOTTOM share row variants) ──── */
.ss-share-listen:hover { color:#fff; border-color:#76b900; background:rgba(118,185,0,.08); }
.ss-share-listen[data-state="playing"] { color:#76b900; border-color:#76b900; background:rgba(118,185,0,.08); }
.ss-share-pdf:hover { color:#fff; border-color:#ff6b35; background:rgba(255,107,53,.08); }

/* White Paper cover hidden in normal screen view */
.wp-print-cover { display: none; }

/* ─── PRINT MEDIA ─────────────────────────────────────────────── */
@media print {
  @page { size: letter; margin: 0.75in 0.6in; }
  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt !important;
  }
  body * { color: #000 !important; box-shadow: none !important; text-shadow: none !important; }

  /* Hide chrome */
  header, nav, .site-header, .site-footer, footer.site-footer,
  .page-next, .blog-post-share-wrap, .ss-email-modal, .blog-post-back,
  .blog-post-foot > .blog-post-foot-inner > div:first-of-type,
  .blog-post-cta, .blog-post-tags,
  .sparked-article-tools, #wpadminbar { display: none !important; }

  /* Article container */
  .blog-post { padding: 0 !important; }
  .blog-post-hero, .blog-post-body, .blog-post-foot { padding: 0 !important; }
  .blog-post-hero-inner, .blog-post-content { max-width: 100% !important; margin: 0 !important; }

  /* Title + meta */
  .blog-post-title {
    color: #000 !important;
    font-size: 22pt !important;
    line-height: 1.2 !important;
    margin: 0 0 0.3in 0 !important;
  }
  .blog-post-lede {
    color: #333 !important;
    font-size: 12pt !important;
    line-height: 1.55 !important;
    margin: 0 0 0.3in 0 !important;
  }
  .blog-post-meta {
    font-size: 9pt !important;
    color: #555 !important;
    margin-bottom: 0.3in !important;
    gap: 1rem !important;
  }
  .blog-post-meta time { color: #555 !important; }
  .blog-post-cat {
    color: #c44a1f !important;
    border-color: #c44a1f !important;
    background: transparent !important;
  }

  /* Body content */
  .blog-post-content { font-size: 11pt !important; line-height: 1.55 !important; }
  .blog-post-content p, .blog-post-content li { color: #111 !important; }
  .blog-post-content strong { color: #000 !important; font-weight: 700; }
  .blog-post-content h2 {
    color: #000 !important;
    font-size: 14pt !important;
    margin: 0.3in 0 0.15in 0 !important;
    page-break-after: avoid;
    break-after: avoid;
  }
  .blog-post-content h2::before { background: #c44a1f !important; }
  .blog-post-content h3 {
    color: #000 !important;
    font-size: 12pt !important;
    page-break-after: avoid;
  }
  .blog-post-content blockquote {
    color: #222 !important;
    border-left-color: #c44a1f !important;
    page-break-inside: avoid;
  }
  .blog-post-content ul li::before { background: #c44a1f !important; }
  .blog-post-content ol li::before { color: #c44a1f !important; }
  .blog-post-content a {
    color: #000 !important;
    text-decoration: underline !important;
    border-bottom: none !important;
  }
  .blog-post-content a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #555 !important;
    word-break: break-all;
  }
  .blog-post-content a[href^="#"]::after,
  .blog-post-content a[href^="mailto:"]::after,
  .blog-post-content a[href^="tel:"]::after { content: "" !important; }
  .blog-post-content img, .blog-post-content figure { page-break-inside: avoid; }
  .blog-post-content hr { border-top: 1px solid #999 !important; }

  /* Strip leaked styles/scripts */
  script, style { display: none !important; }

  /* ─── White Paper cover ─────────────────────────────────── */
  body.category-white-papers .wp-print-cover {
    display: block !important;
    page-break-after: always;
    break-after: page;
    padding: 1.2in 0 0 0;
    margin: 0;
  }
  body.category-white-papers .wp-print-cover-eyebrow {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: 9pt !important;
    color: #c44a1f !important;
    font-weight: 700;
    margin-bottom: 0.5in;
  }
  body.category-white-papers .wp-print-cover-title {
    font-size: 28pt !important;
    line-height: 1.15 !important;
    font-weight: 800;
    color: #000 !important;
    margin: 0 0 0.4in 0 !important;
    max-width: 6.5in;
    letter-spacing: -0.02em;
  }
  body.category-white-papers .wp-print-cover-abstract {
    font-family: 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 13pt !important;
    line-height: 1.55 !important;
    color: #333 !important;
    max-width: 6in;
    margin: 0 0 0.6in 0 !important;
  }
  body.category-white-papers .wp-print-cover-meta { margin: 0; }
  body.category-white-papers .wp-print-cover-meta div {
    display: flex;
    gap: 0.6em;
    border-top: 1px solid #ddd;
    padding: 0.35em 0;
    align-items: baseline;
  }
  body.category-white-papers .wp-print-cover-meta div:last-child {
    border-bottom: 1px solid #ddd;
  }
  body.category-white-papers .wp-print-cover-meta dt {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 8pt !important;
    color: #777 !important;
    min-width: 1.6in;
    margin: 0;
  }
  body.category-white-papers .wp-print-cover-meta dd {
    font-size: 10pt !important;
    color: #111 !important;
    margin: 0;
  }
  body.category-white-papers .blog-post-hero { display: none !important; }
  body.category-white-papers .blog-post-content {
    font-size: 10.5pt !important;
    line-height: 1.65 !important;
  }
  body.category-white-papers .blog-post-content h2 { font-size: 13pt !important; }
}