@charset "UTF-8";
/* コラムの一覧（/columns/）。共通の見た目は /columns/ai-built-vs-ai-powered/style.css を使う。 */
.columns-index{display:grid;gap:22px;padding-block:42px 64px}
.columns-index>*{max-width:850px}
.columns-entry{padding:28px 30px;background:#fff;border:1px solid #dce5df;border-radius:8px}
.columns-entry-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:12px;color:#556174;margin:0 0 10px}
.columns-entry-meta span{padding:3px 9px;background:#e3ede5;color:#294939;border-radius:3px;font-weight:700}
.columns-entry h2{font-size:clamp(21px,2.6vw,25px);line-height:1.65;margin:0 0 12px;letter-spacing:-.02em}
.columns-entry h2 a{color:inherit;text-decoration:none}
.columns-entry h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.columns-entry>p:not(.columns-entry-meta){font-size:15px;line-height:1.95;color:#46594e;margin:0 0 14px}
.columns-index .column-cta{margin-top:12px}
@media (max-width:640px){.columns-entry{padding:22px 20px}}