/* Scoped trial styles: no changes to GENESIS or existing SNS column. */
.jp-ai-trial { padding: 68px 20px 100px; background: #fff; color: #20242b; min-height: 55vh; }
.jp-ai-trial *, .jp-ai-trial *::before, .jp-ai-trial *::after { box-sizing: border-box; }
.jp-ai-trial__container { max-width: 1120px; margin: 0 auto; }
.jp-ai-trial__container--article { max-width: 850px; }
.jp-ai-trial__crumb { font-size: 13px; color: #697586; margin-bottom: 48px; line-height: 1.7; }
.jp-ai-trial__crumb a { color: #697586; text-decoration: none; }
.jp-ai-trial__crumb a:hover { text-decoration: underline; }
.jp-ai-trial__eyebrow { color: #596c8b; font-size: 12px; font-weight: 700; letter-spacing: .16em; }
.jp-ai-trial__eyebrow span { margin-left: 12px; color: #a66023; letter-spacing: .04em; }
.jp-ai-trial__page-title { font-size: clamp(28px, 4vw, 44px); font-weight: 750; line-height: 1.45; margin: 15px 0; color: #1b2431; }
.jp-ai-trial__lead { font-size: 15px; line-height: 1.9; color: #536071; margin-bottom: 44px; }
.jp-ai-trial__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 24px; }
.jp-ai-trial__card { border: 1px solid #e7eaf0; background: #fff; overflow: hidden; border-radius: 6px; transition: box-shadow .15s ease; }
.jp-ai-trial__card:hover { box-shadow: 0 6px 24px rgb(20 30 60 / 9%); }
.jp-ai-trial__card-link { color: inherit; text-decoration: none; display: block; height: 100%; }
.jp-ai-trial__card-link:hover { color: inherit; }
.jp-ai-trial__image { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.jp-ai-trial__image--empty { background: linear-gradient(115deg, #dce7f3, #eff3f8); color: #6e839f; font-size: 36px; font-weight: 700; letter-spacing: .14em; display: flex; align-items: center; justify-content: center; }
.jp-ai-trial__card-body { padding: 20px; }
.jp-ai-trial__date { font-size: 12px; color: #6a788a; }
.jp-ai-trial__card-title { font-size: 18px; line-height: 1.65; font-weight: 700; margin: 9px 0 12px; color: #1b2431; }
.jp-ai-trial__excerpt { font-size: 13px; line-height: 1.85; color: #526072; margin: 0; }
.jp-ai-trial__pagination { margin-top: 40px; text-align: center; }
.jp-ai-trial__pagination .nav-links { display: flex; justify-content: center; gap: 12px; }
.jp-ai-trial__pagination a, .jp-ai-trial__pagination .current { padding: 8px 12px; }
.jp-ai-trial__empty { padding: 34px; border: 1px dashed #bccad8; border-radius: 6px; color: #556678; background: #f6f9fc; line-height: 1.9; }
.jp-ai-trial__article-title { font-size: clamp(26px, 3vw, 40px); font-weight: 750; line-height: 1.55; margin: 16px 0 14px; color: #1b2431; }
.jp-ai-trial__meta { display: flex; align-items: center; gap: 16px; color: #6b7685; font-size: 13px; margin: 18px 0 35px; }
.jp-ai-trial__topic { border: 1px solid #8da4c1; border-radius: 99px; color: #405b7a; padding: 5px 12px; }
.jp-ai-trial__hero { margin: 0 0 38px; }
.jp-ai-trial__hero img { display: block; width: 100%; height: auto; }
.jp-ai-trial__content { font-size: 16px; line-height: 2; overflow-wrap: anywhere; }
.jp-ai-trial__content h2 { font-size: 27px; line-height: 1.5; margin: 2.4em 0 .8em; }
.jp-ai-trial__content h3 { font-size: 21px; line-height: 1.55; margin: 2em 0 .7em; }
.jp-ai-trial__content p, .jp-ai-trial__content ul, .jp-ai-trial__content ol { margin-bottom: 1.5em; }
.jp-ai-trial__content img { max-width: 100%; height: auto; }
.jp-ai-trial__back { margin-top: 60px; padding-top: 24px; border-top: 1px solid #e8edf2; }
.jp-ai-trial__back a { color: #385f92; }
@media (max-width: 900px) { .jp-ai-trial__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .jp-ai-trial { padding: 34px 18px 70px; } .jp-ai-trial__crumb { margin-bottom: 30px; } .jp-ai-trial__grid { grid-template-columns: 1fr; gap: 16px; } .jp-ai-trial__card-title { font-size: 17px; } .jp-ai-trial__content { font-size: 15px; } .jp-ai-trial__content h2 { font-size: 23px; } }