/* includes/_ai_generation_note.php: existing layout moved without changing values. Repeated declarations share a class. */

.ai-generation-note{margin:0 0 22px;padding:18px 20px;border:1px solid #cfe2f7;border-radius:16px;background:linear-gradient(135deg,#f4f9ff 0%,var(--color-white) 72%);color:#30343b;box-shadow:0 5px 18px rgba(0,82,160,.05)}
.ai-generation-note__head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.ai-generation-note__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e3f1ff;font-size:17px}.ai-generation-note__head strong{display:block;margin:1px 0 4px;color:#123b63;font-size:15px}.ai-generation-note__head p{margin:0;color:#66717d;font-size:12.5px;line-height:1.55}
.ai-generation-note__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ai-generation-note__steps div{padding:11px 12px;border:1px solid #e0ebf6;border-radius:11px;background:rgba(255,255,255,.85)}.ai-generation-note__steps b{display:block;margin-bottom:5px;color:#0066c7;font-size:12.5px}.ai-generation-note__steps span{display:block;color:#59636e;font-size:11.5px;line-height:1.55}
.ai-generation-note__caution{margin:11px 1px 0;color:#737b84;font-size:11.5px;line-height:1.55}.ai-generation-note__caution b{color:#4c5560}
@media(max-width:700px){.ai-generation-note{padding:15px}.ai-generation-note__steps{grid-template-columns:1fr}.ai-generation-note__head strong{font-size:14px}}