/* Article menu at the bottom of guides, articles and news posts (0.7.57). Colours and radius from cgc-article-template. */
.cgc-am { margin: 0; }
.cgc-am__h { margin: 0 0 20px !important; color: var(--cgc-article-purple, #5a3a6d); font-family: var(--font-heading); }
.cgc-am__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.cgc-am__item { display: flex; margin: 0 !important; }
.cgc-am__item > a { display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; border: 1px solid var(--cgc-article-line, #ddd); border-radius: 8px; background: var(--cgc-article-surface, #fff); color: var(--cgc-article-ink, #333); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.cgc-am__item > a:hover, .cgc-am__item > a:focus-visible { border-color: var(--cgc-article-green-dark, #24544c); box-shadow: 0 6px 18px -12px rgba(36, 84, 76, .55); }
.cgc-am__img { display: block; aspect-ratio: 3 / 2; background: var(--cgc-article-green-soft, #f2fbdd); }
.cgc-am__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cgc-am__txt { display: flex; flex: 1 1 auto; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
.cgc-am__type { color: var(--cgc-article-green-dark, #24544c); font-size: 13px; font-weight: 700; letter-spacing: .04em; line-height: 1.3; text-transform: uppercase; }
.cgc-am__type em { display: inline-block; margin-left: 4px; padding: 0 7px; border-radius: 999px; background: var(--cgc-article-green, #9ccc4a); color: #1d3b35; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .05em; line-height: 1.6; vertical-align: 1px; }
.cgc-am__title { color: var(--cgc-article-purple, #5a3a6d); font-family: var(--font-heading); font-size: 17px; font-weight: 700; line-height: 1.35; text-wrap: balance; }
.cgc-am__item--product > a { justify-content: center; border-color: transparent; background: var(--cgc-article-purple, #5a3a6d); }
.cgc-am__item--product .cgc-am__txt { justify-content: center; padding: 22px 20px; }
.cgc-am__item--product .cgc-am__type { color: var(--cgc-article-green, #9ccc4a); }
.cgc-am__item--product .cgc-am__title { color: #fff; font-size: 20px; }
.cgc-am__go { margin-top: 6px; color: #fff; font-size: 15px; font-weight: 700; }
.cgc-am__go::after { content: " \2192"; }
.cgc-am__item--product > a:hover { border-color: transparent; background: var(--cgc-article-green-dark, #24544c); }
@media (max-width: 1024px) { .cgc-am__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Phones: a compact list, small picture on the left, so six links stay short. */
@media (max-width: 640px) {
	.cgc-am__list { grid-template-columns: 1fr; gap: 10px; }
	.cgc-am__item > a { flex-direction: row; align-items: stretch; }
	.cgc-am__img { flex: 0 0 96px; aspect-ratio: auto; }
	.cgc-am__txt { padding: 10px 14px; }
	.cgc-am__title { font-size: 16px; }
	.cgc-am__item--product .cgc-am__txt { padding: 16px; }
	.cgc-am__item--product .cgc-am__title { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .cgc-am__item > a { transition: none; } }
/* Landing pages: "New" on a fresh post in the related cards (here, not in insurance.css / car.css, so the CDN copy of those can't hide it). */
.cgc-lp .cgc-ins-related__new { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--cgc-lime, #9ccc4a); color: #1d3b35; font: 800 11px/1.6 var(--cgc-font-body, Nunito, sans-serif); font-style: normal; letter-spacing: .05em; text-transform: uppercase; vertical-align: 1px; }
body.cgc-theme-car .cgc-lp .cgc-ins-related__new { padding: 0 6px; background: var(--p-deep, #1d3b35); color: var(--p-lime, #c8f169); font-size: 10px; }
/* Old-style Kadence pages (phase 2): beat the theme's list and image rules; shorter photos under the "Learn More About" heading. */
.cgc-am .cgc-am__list { margin: 0 !important; padding: 0 !important; }
.cgc-am .cgc-am__item { padding: 0 !important; }
.cgc-am .cgc-am__item::before, .cgc-am .cgc-am__item::marker { content: none !important; }
.cgc-am .cgc-am__img { overflow: hidden; }
.cgc-am .cgc-am__img img { height: 100% !important; max-width: none; margin: 0 !important; }
.cgc-am--page .cgc-am__img { aspect-ratio: 16 / 9; }
.cgc-am--page .cgc-am__title { color: var(--cgc-purple, #5a3a6d); font-family: var(--global-heading-font-family, inherit); }
.cgc-am--page .cgc-am__item > a { border-color: #e0e0e0; text-decoration: none !important; }
@media (max-width: 640px) { .cgc-am--page .cgc-am__img { aspect-ratio: auto; } }
/* "Show all X posts" under the old-style pages' menu: the carousel button's look (live computed style, 30 Oct 2026). */
.cgc-am__all { margin: 30px 0 10px !important; padding: 0; text-align: center; }
.cgc-am__all a { display: inline-block; padding: 15px 30px; border-radius: 10px; background: var(--cgc-purple, #5a3a6d); color: #fff !important; font: 700 18px/1.6 Nunito, "Segoe UI", system-ui, sans-serif; text-decoration: none !important; transition: background-color .3s ease; }
.cgc-am__all a:hover, .cgc-am__all a:focus-visible { background: #24544c; color: #fff !important; }
@media (prefers-reduced-motion: reduce) { .cgc-am__all a { transition: none; } }