/* Standard components used by AI-generated (Compose) blog posts */

.std-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.86rem; }
.std-table th { background: var(--navy); color: #fff; padding: 11px 14px; text-align: left; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; }
.std-table td { padding: 12px 14px; border-bottom: 1px solid var(--border); }
.std-table tr:last-child td { border-bottom: none; }
.std-table tr:nth-child(even) td { background: var(--bg); }
html.dark .std-table td { border-bottom-color: #334155; color: #cbd5e1; }
html.dark .std-table tr:nth-child(even) td { background: #0f172a; }

.std-numcard { display: flex; gap: 16px; align-items: flex-start; border: 1px solid var(--border); border-radius: 12px; padding: 16px 20px; margin: 12px 0; }
html.dark .std-numcard { border-color: #334155; }
.std-num { background: linear-gradient(135deg, #F59C0D, #ea6c00); color: #fff; min-width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.9rem; flex-shrink: 0; }
.std-numcard h4 { font-size: 0.98rem; font-weight: 800; color: var(--navy); margin: 0 0 6px; }
html.dark .std-numcard h4 { color: #f1f5f9; }
.std-numcard p { font-size: 0.88rem; color: #444; margin: 0; line-height: 1.6; }
html.dark .std-numcard p { color: #cbd5e1; }

.std-callout { background: #fff7ed; border-left: 4px solid var(--orange); border-radius: 0 10px 10px 0; padding: 14px 20px; margin: 16px 0; font-size: 0.9rem; color: #7c2d12; line-height: 1.65; }
.std-callout strong { color: #9a3412; }
html.dark .std-callout { background: rgba(245,156,13,0.08); color: #fdba74; }
html.dark .std-callout strong { color: #fb923c; }

.std-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0; border-radius: 8px; }
.std-table-wrap .std-table { margin: 0; }
@media (max-width: 600px) {
  .std-table th, .std-table td { padding: 9px 10px; font-size: 0.8rem; }
}