/* Atalk.TV SEO/GEO/AEO v3 — machine-readable evidence with a compact reader surface. */
.aeo-direct-answer,
.aeo-key-facts,
.aeo-status,
.aeo-questions,
.aeo-updates,
.aeo-claims {
  border-top: 1px solid var(--line);
  padding-top: 26px;
  margin-top: 30px;
}
.aeo-direct-answer {
  padding: 20px 22px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7f8fa;
}
.aeo-direct-answer h2,
.aeo-key-facts h2,
.aeo-status h2,
.aeo-questions h2,
.aeo-updates h2,
.aeo-claims h2 {
  margin: 5px 0 11px;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.15;
}
.aeo-direct-answer p { margin: 0; font-size: 1rem; line-height: 1.65; }
.aeo-key-facts ul,
.aeo-status ul,
.aeo-evidence-sources { padding-left: 1.15rem; }
.aeo-key-facts li,
.aeo-status li { margin: 7px 0; font-size: .96rem; line-height: 1.55; }
.aeo-asof,
.aeo-claim-meta { color: #68717c; font-size: .78rem; line-height: 1.45; }
.aeo-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.aeo-status-grid > div { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.aeo-status-grid h3,
.aeo-qa h3,
.aeo-claim h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.32; }
.aeo-qa,
.aeo-claim { padding: 14px 0; border-bottom: 1px solid var(--line); }
.aeo-qa:last-child,
.aeo-claim:last-child { border-bottom: 0; }
.aeo-qa p,
.aeo-claim p { margin: 0; font-size: .94rem; line-height: 1.55; }
.aeo-updates ol { list-style: none; padding: 0; margin: 0; }
.aeo-updates li { display: grid; grid-template-columns: 120px 82px minmax(0, 1fr); gap: 11px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: .88rem; line-height: 1.45; }
.aeo-evidence-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}
.aeo-evidence-sources li { margin: 0; min-width: 0; font-size: .82rem; line-height: 1.4; overflow-wrap: anywhere; }
.aeo-evidence-sources li::before { content: '↗'; margin-right: 4px; color: #246d98; }

/* Reference-dashboard articles keep all AEO evidence in the DOM but collapse the
   technical duplication behind one calm, reader-controlled disclosure. */
body:has(.atlak-reference-report) .atalk-verification-details {
  width: min(calc(100% - 32px), 860px);
  margin: 26px auto 0;
  border: 1px solid #d9dee6;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
body:has(.atlak-reference-report) .atalk-verification-details > summary {
  position: relative;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 15px 52px 15px 18px;
  cursor: pointer;
  list-style: none;
  color: #173a70;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
}
body:has(.atlak-reference-report) .atalk-verification-details > summary::-webkit-details-marker { display: none; }
body:has(.atlak-reference-report) .atalk-verification-details > summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #ccd4de;
  border-radius: 50%;
  color: #173a70;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}
body:has(.atlak-reference-report) .atalk-verification-details[open] > summary::after { content: '−'; }
body:has(.atlak-reference-report) .atalk-verification-details > summary small {
  color: #68717c;
  font-size: 12.5px;
  line-height: 1.4;
  font-weight: 500;
}
body:has(.atlak-reference-report) .atalk-verification-content {
  padding: 0 18px 18px;
  border-top: 1px solid #e2e6eb;
}
body:has(.atlak-reference-report) .atalk-verification-content .aeo-direct-answer,
body:has(.atlak-reference-report) .atalk-verification-content .aeo-key-facts,
body:has(.atlak-reference-report) .atalk-verification-content .aeo-status,
body:has(.atlak-reference-report) .atalk-verification-content .aeo-questions,
body:has(.atlak-reference-report) .atalk-verification-content .aeo-updates,
body:has(.atlak-reference-report) .atalk-verification-content .aeo-claims {
  width: 100%;
  margin: 0;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #e5e8ec;
  border-radius: 0;
  background: transparent;
}
body:has(.atlak-reference-report) .atalk-verification-content > :last-child { border-bottom: 0; }
body:has(.atlak-reference-report) .atalk-verification-content h2 {
  margin: 3px 0 9px;
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
}
body:has(.atlak-reference-report) .atalk-verification-content h3 {
  font-size: .96rem;
}
body:has(.atlak-reference-report) .atalk-verification-content p,
body:has(.atlak-reference-report) .atalk-verification-content li {
  font-size: .92rem;
  line-height: 1.55;
}

@media (max-width: 650px) {
  .aeo-status-grid { grid-template-columns: 1fr; }
  .aeo-updates li { grid-template-columns: 1fr; gap: 2px; }
  .aeo-evidence-sources { display: grid; gap: 6px; }
  body:has(.atlak-reference-report) .atalk-verification-details {
    width: min(calc(100% - 32px), 860px);
    margin-top: 20px;
    border-radius: 10px;
  }
  body:has(.atlak-reference-report) .atalk-verification-details > summary {
    padding: 14px 48px 14px 15px;
    font-size: 15.5px;
  }
  body:has(.atlak-reference-report) .atalk-verification-details > summary::after {
    right: 14px;
    width: 24px;
    height: 24px;
    font-size: 18px;
  }
  body:has(.atlak-reference-report) .atalk-verification-content {
    padding: 0 15px 15px;
  }
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-direct-answer,
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-key-facts,
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-status,
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-questions,
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-updates,
  body:has(.atlak-reference-report) .atalk-verification-content .aeo-claims {
    padding: 16px 0;
  }
}