/* ==========================================================================
   cae-post.css — blog post-content styling for the engine theme (IML).

   Loaded by single.php's OWN wp_enqueue_scripts hook (fresh handle
   'cae-post-content', nothing dequeues it), so the self-contained .cae post
   template always gets it. On IML this file MUST live in the active child
   (citaeotion-theme-child) because the parent single.php enqueues
   get_stylesheet_directory().'/cae-post.css', which resolves to the child dir.

   PALETTE: IML violet (#7c3aed CTA color), not citAEOtion orange. Header bar =
   violet gradient, white header text, cool violet-tint zebra.
   ========================================================================== */

/* Content tables — bare <table> tags in the post body are styled automatically
   (classic-editor / pasted HTML); nothing in the content changes. Violet header
   bar, zebra rows, padding, soft shadow, horizontal scroll on phones. */
.cae .doc table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:28px 0;
  font-size:15.5px;
  line-height:1.55;
  color:#41525e;
  border:1px solid #e3e9ee;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 16px rgba(9,28,46,.08);
}
.cae .doc table th,
.cae .doc table thead td{
  text-align:left;
  font-weight:700;
  color:#ffffff;
  background:linear-gradient(90deg,#7c3aed,#6d28d9);
  padding:14px 16px;
  font-size:15px;
  letter-spacing:.01em;
}
.cae .doc table td{
  padding:12px 16px;
  border-top:1px solid #eef2f5;
  vertical-align:top;
  color:#41525e;
}
.cae .doc table thead td{ border-top:0; }
.cae .doc table tbody tr:nth-child(even) td,
.cae .doc table tr:nth-child(even) td{
  background:#f4f1fb;
}
.cae .doc table strong{ color:#0c1c2e; }
@media (max-width:880px){
  .cae .doc table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}