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

   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. This is the PROPER home for post-body CSS:
   external, cacheable, one file per theme, edited once.

   During theme consolidation the rest of the inline .cae .doc rules
   (h2/h3/p/ul/blockquote/img/hr/.speakable) migrate here too — content tables
   are just the first occupant. IDENTICAL file on citAEOtion + itsmylinks so
   canonical can be built from either copy.
   ========================================================================== */

/* Content tables — bare <table> tags in the post body are styled automatically
   (classic-editor / pasted HTML); nothing in the content changes. Orange 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:#2a1003;
  background:linear-gradient(90deg,#fa903e,#ff8a3d);
  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:#fff6ef;
}
.cae .doc table strong{ color:#0c1c2e; }
@media (max-width:880px){
  .cae .doc table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}