/* Shared AI examples and guidance modules. */
.ai-examples,.ai-guidance { --ai-accent:#b59a68; --ai-tint:#f7f5ef; --ai-border:#e5dfd3; --ai-label:#706044; }
.ai-examples__inner,.ai-guidance__inner { text-align:left; }
.ai-examples__intro { margin-bottom:16px; }
.ai-examples__description { margin-bottom:28px; }
.ai-examples__cards { display:flex; flex-wrap:wrap; gap:24px; align-items:stretch; }
.ai-examples__card { flex:1 1 300px; min-width:0; box-sizing:border-box; padding:24px; background:#fff; border:1px solid var(--ai-border); border-top:3px solid var(--ai-accent); border-radius:8px; }
.ai-examples .ai-examples__card h3 { font-size:24px; line-height:1.3; color:#333; margin:0 0 8px; }
.ai-examples .ai-examples__card p,.ai-guidance .ai-guidance__box p { font-size:16px; line-height:1.65; margin:0; overflow-wrap:anywhere; }
.ai-examples__input { padding:16px; background:var(--ai-tint); border-radius:6px; margin:16px 0; }
.ai-examples__output { margin-bottom:20px; }
.ai-examples .ai-examples__card .ai-examples__label { font-size:12px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; font-weight:600; margin:0 0 8px; color:var(--ai-label); }
.ai-examples .ai-examples__card .ai-examples__note { font-size:14px; line-height:1.6; margin:0; padding-top:16px; border-top:1px solid var(--ai-border); color:#555; }
.ai-guidance { padding-top:24px; }
.ai-examples:has(+ .ai-guidance) { padding-bottom:0; }
.ai-guidance__box { padding:20px 24px; background:var(--ai-tint); border-left:3px solid var(--ai-accent); border-radius:6px; }
.ai-guidance .ai-guidance__box h2 { font-size:18px; line-height:1.4; margin:0 0 8px; color:#333; }
.ai-guidance .ai-guidance__action { margin:24px 0 0; }
@media(max-width:640px) { .ai-examples__card { flex-basis:100%; padding:20px; } .ai-guidance__box { padding:20px; } }

/* Keep guidance spacing above parent module resets. */
.chr-body-wrapper .module.bg-white + .module.ai-guidance { padding-top:24px; }