/* A0018090 — Shared Software & AI article components.
   Every Software & AI post must load case-study-master.css, this file,
   and /assets/css/yitm-unified-public-theme-a0018090.css.
   Use theme-software-ai-for-business on .yitm-post. The shared header,
   footer and hero grid must not be replaced by page-only CSS. */
.yitm-ai-answer{background:linear-gradient(135deg,var(--accent-soft-2),#fff);border:1px solid var(--line);border-radius:24px;padding:22px}
.yitm-ai-answer strong{display:block;color:var(--accent-dark);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.yitm-ai-answer p{margin:0;font-size:1.14rem;line-height:1.7;font-weight:700;color:var(--text-dark)}
.yitm-ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.yitm-ai-flow article{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--accent-soft-2)}
.yitm-ai-flow b{display:block;color:var(--accent-dark);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.yitm-ai-example{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.yitm-ai-example article{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff}
.yitm-ai-example h3{margin:0 0 10px;font-size:1rem;color:var(--accent-dark)}
.yitm-ai-example p{margin:0;line-height:1.75}
.yitm-ai-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;margin-top:16px}
.yitm-ai-table{border-collapse:collapse;width:100%;min-width:660px;background:#fff}
.yitm-ai-table th,.yitm-ai-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.55}
.yitm-ai-table th{background:var(--accent-soft);color:var(--accent-dark);font-size:.86rem}
.yitm-ai-table tbody tr:nth-child(even){background:var(--accent-soft-2)}
.yitm-ai-table tr:last-child td{border-bottom:0}
.yitm-ai-note{border-left:5px solid var(--accent);background:var(--accent-soft-2);padding:16px 18px;border-radius:0 18px 18px 0;margin:18px 0}
.yitm-ai-note p{margin:0;line-height:1.75}
/* Hero geometry is owned by yitm-unified-public-theme-a0018090.css. */
@media(max-width:900px){.yitm-ai-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.yitm-ai-flow,.yitm-ai-example{grid-template-columns:1fr}.yitm-ai-answer{padding:18px}.yitm-ai-answer p{font-size:1rem}.yitm-card{padding:19px}}