/* Editorial long reads, scoped to the dedicated format. */
.post-longreads {
  --longread-ink: var(--standard-modern-ink);
  --longread-copy: var(--standard-modern-copy);
  --longread-muted: var(--standard-modern-muted);
  --longread-line: var(--standard-modern-line);
  --longread-brand: var(--aistify-brand-color, #b6168f);
  background: radial-gradient(ellipse at 50% 0, rgba(182, 22, 143, .035), transparent 650px), #fff;
}
.post-longreads *, .post-longreads *::before, .post-longreads *::after { box-sizing: border-box; }
.single-article .post-longreads { margin-top: 0; }
.post-longreads [hidden] { display: none !important; }
.post-longreads .longread-shell { padding-bottom: 24px; }
.post-longreads .longread-header {
  max-width: 960px;
  margin: 0 auto;
  padding: 52px 0 34px;
  text-align: center;
}
.post-longreads .longread-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-bottom: 22px;
  color: var(--longread-muted);
  font: 800 11px/16px OpenSans, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.post-longreads .longread-format-label { color: var(--longread-brand); }
.post-longreads .longread-format-label::before {
  display: inline-block;
  width: 22px;
  height: 2px;
  margin: 0 9px 3px 0;
  background: var(--aistify-brand-gradient);
  content: '';
}
.post-longreads .longread-eyebrow a { color: var(--longread-muted); text-decoration: none; }
.post-longreads .longread-eyebrow a:hover { color: var(--longread-brand); }
.post-longreads .longread-header .title-main {
  margin: 0 0 24px;
  color: var(--longread-ink);
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.post-longreads .longread-header .content_excerpt,
.post-longreads .longread-header .content_excerpt p {
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: var(--longread-copy);
  text-wrap: pretty;
}
.post-longreads .longread-read-time {
  margin: 24px 0 12px;
  color: var(--longread-muted);
  font: 600 12px/18px OpenSans, sans-serif;
}
.post-longreads .longread-header .news-autor--0824 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  margin: 0;
}
.post-longreads .longread-header .news-autor--0824 .cperson,
.post-longreads .longread-header .news-autor--0824 .time { display: flex; flex-wrap: wrap; justify-content: center; }
.post-longreads .longread-share { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.post-longreads .longread-share > a,
.post-longreads .longread-share > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid var(--longread-line);
  border-radius: 8px;
  background: #fff;
  color: var(--longread-copy);
  font: 700 11px/20px OpenSans, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.post-longreads .longread-share > a::after { content: none; }
.post-longreads .longread-share > :is(a, button):hover { border-color: var(--longread-brand); color: var(--longread-brand); background: #fdf8fc; }
.post-longreads .longread-share .screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.post-longreads .longread-hero { margin: 0 0 52px; background: transparent; }
.post-longreads .longread-hero > img { display: block; width: 100%; height: auto; border-radius: 12px; }
.post-longreads .longread-hero figcaption {
  margin: 0;
  padding: 12px 0 0;
  color: var(--longread-muted);
  font: 500 12px/18px OpenSans, sans-serif;
  overflow-wrap: anywhere;
}
.post-longreads .longread-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 720px) minmax(0, 1fr); gap: 24px; align-items: start; }
.post-longreads .longread-body { grid-column: 2; min-width: 0; width: 100%; padding: 0; }
.post-longreads .longread-body .content { margin: 0; padding: 0; color: var(--longread-copy); overflow-wrap: anywhere; }
.post-longreads .longread-toc { grid-column: 1; position: sticky; top: 100px; min-width: 0; padding-top: 4px; }
.post-longreads .longread-toc details { border: 0; }
.post-longreads .longread-toc summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--longread-line);
  color: #8f9698;
  font: 800 12px/17px opensans;
  letter-spacing: .06em;
  text-transform: uppercase;
  list-style: none;
  cursor: pointer;
}
.post-longreads .longread-toc summary::-webkit-details-marker { display: none; }
.post-longreads .longread-toc summary svg { width: 16px; height: 16px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; }
.post-longreads .longread-toc details[open] summary svg { transform: rotate(180deg); }
.post-longreads .longread-toc ul { max-height: calc(100dvh - 190px); margin: 0; padding: 0 6px 0 0; overflow-y: auto; list-style: none; scrollbar-width: thin; }
.post-longreads .longread-toc li { position: relative; margin: 0 0 8px; padding-left: 13px; list-style: none; }
.post-longreads .longread-toc li::before { position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(182, 22, 143, .35); content: ''; }
.post-longreads .longread-toc a { display: block; padding: 0; color: var(--longread-copy); font: 700 12px/18px opensans; letter-spacing: 0; text-decoration: none; overflow-wrap: anywhere; }
.post-longreads .longread-toc a::after { content: none; }
.post-longreads .longread-toc a:hover,
.post-longreads .longread-toc a[aria-current="location"] { color: var(--longread-brand); }
.post-longreads .longread-toc a[aria-current="location"] { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.post-longreads .longread-toc li:hover::before,
.post-longreads .longread-toc li:has(a[aria-current="location"])::before { background: var(--aistify-brand-gradient); }
/* Article typography and link animations come from the shared post styles. */
.post-longreads .longread-body .content :is(h2, h3, h4) { scroll-margin-top: 100px; }
.post-longreads .longread-prose > :first-child { margin-top: 0; }
.post-longreads .longread-prose :is(img, video, svg, figure, .wp-caption) { max-width: 100%; }
.post-longreads .longread-prose :is(img, video) { height: auto; }
.post-longreads .longread-prose :is(.alignwide, .alignfull) { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
.post-longreads .longread-prose :is(figure, .wp-caption) { margin-top: 30px; margin-bottom: 30px; }
.post-longreads .longread-prose :is(figcaption, .wp-caption-text) { color: var(--longread-muted); font: 500 12px/18px OpenSans, sans-serif; }
.post-longreads .longread-prose iframe { display: block; max-width: 100%; }
.post-longreads .longread-prose iframe.is-longread-video { width: 100%; height: auto; aspect-ratio: var(--longread-video-ratio, 16/9); }
.post-longreads .longread-prose :is(pre, code) { font-size: .85em; }
.post-longreads .longread-prose pre { max-width: 100%; overflow-x: auto; padding: 18px; border: 1px solid var(--longread-line); border-radius: 8px; background: #f8f9fc; }
.post-longreads .longread-prose table { display: block; max-width: 100%; overflow-x: auto; }
.post-longreads .longread-prose .longread-table-scroll { max-width: 100%; margin: 30px 0; overflow-x: auto; border: 1px solid var(--longread-line); border-radius: 10px; -webkit-overflow-scrolling: touch; }
.post-longreads .longread-prose .longread-table-scroll table { display: table; width: 100%; min-width: 520px; margin: 0; border: 0; border-collapse: collapse; border-radius: 0; overflow: visible; }
.post-longreads .longread-prose .longread-table-scroll :is(th, td) { padding: 14px 16px; border-bottom: 1px solid var(--longread-line); text-align: left; vertical-align: top; }
.post-longreads .longread-prose .longread-table-scroll th { font-weight: 700; color: var(--longread-ink); background: #f8f9fc; }
.post-longreads .longread-prose .longread-table-scroll tr:last-child td { border-bottom: 0; }
.post-longreads .longread-prose .longread-table-scroll p { font: inherit; }
.post-longreads .longread-ad { margin-top: 32px; }
.post-longreads .longread-ad:empty { display: none; }
.post-longreads .longread-related { margin: 40px 0; }
.post-longreads :is(a, button, summary, [tabindex="0"]):focus-visible { outline: 2px solid var(--longread-brand); outline-offset: 3px; }
.post-longreads .longread-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 10010; pointer-events: none; }
.post-longreads .longread-progress span { display: block; height: 100%; background: var(--aistify-brand-gradient); transform: scaleX(0); transform-origin: left; }
@media (max-width: 1199.98px) {
  .post-longreads .longread-layout { display: flex; flex-direction: column; gap: 24px; max-width: 720px; margin: 0 auto; }
  .post-longreads .longread-toc { position: static; width: 100%; padding: 0; }
  .post-longreads .longread-toc details { border: 0; background: transparent; }
  .post-longreads .longread-toc summary { min-height: 44px; }
  .post-longreads .longread-toc ul { max-height: 45vh; }
  .post-longreads .longread-toc a { min-height: 44px; display: flex; align-items: center; }
  .post-longreads .longread-toc li::before { top: 20px; }
}
@media (min-width: 1200px) {
  .post-longreads .longread-toc summary svg { display: none; }
}
@media (max-width: 767.98px) {
  .post-longreads .longread-header { padding: 30px 0 26px; text-align: left; }
  .post-longreads .longread-eyebrow { justify-content: flex-start; margin-bottom: 18px; }
  .post-longreads .longread-header .title-main { margin-bottom: 20px; }
  .post-longreads .longread-header .news-autor--0824 { align-items: flex-start; }
  .post-longreads .longread-header .news-autor--0824 .cperson,
  .post-longreads .longread-header .news-autor--0824 .time { justify-content: flex-start; }
  .post-longreads .longread-header .longread-share { justify-content: flex-start; gap: 6px; }
  .post-longreads .longread-share > :is(a, button) { min-height: 44px; padding: 10px 12px; }
  .post-longreads .longread-hero { margin-bottom: 28px; }
  .post-longreads .longread-hero > img { border-radius: 8px; }
  .post-longreads .longread-hero figcaption { padding-top: 10px; }
  .post-longreads .longread-prose :is(.alignleft, .alignright) { float: none; margin-left: 0; margin-right: 0; }
  .post-longreads .longread-prose .longread-table-scroll :is(th, td) { padding: 12px; }
}
@media print {
  .post-longreads :is(.longread-toc, .longread-share, .longread-progress, .longread-ad, .longread-related) { display: none !important; }
  .post-longreads .longread-layout { display: block; }
  .post-longreads .longread-body { width: 100%; }
  .post-longreads .longread-header { padding-top: 0; }
  .post-longreads .longread-prose .longread-table-scroll { overflow: visible; }
  .post-longreads .longread-prose .longread-table-scroll table { min-width: 0; }
}