/* Case studies. Inherits the theme's fonts and colors; only layout lives here. */
.cotc-cs { max-width: 1200px; margin: 0 auto; padding: 0 40px 96px; }
.cotc-cs a { color: inherit; }

.cotc-cs__crumbs { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12px; opacity: .7; }
.cotc-cs__crumbs a { text-decoration: none; }
.cotc-cs__crumbs a:hover { opacity: 1; text-decoration: underline; }

.cotc-cs__head { padding: 72px 0 40px; }
.cotc-cs__eyebrow { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; opacity: .6; margin: 0 0 12px; }
.cotc-cs__title { margin: 0; line-height: 1.05; }
.cotc-cs__title em { color: #a8cfe0; }
.cotc-cs__lede { max-width: 640px; margin: 16px 0 0; opacity: .8; }

.cotc-cs__meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 40px 0 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }
.cotc-cs__meta dt { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; opacity: .5; margin-bottom: 8px; }
.cotc-cs__meta dd { margin: 0; font-style: italic; }

.cotc-cs__body { max-width: 900px; font-size: 1.05rem; line-height: 1.65; }
.cotc-cs__body h2 { margin: 48px 0 16px; }
.cotc-cs__body ul { padding-left: 1.2em; }
.cotc-cs__body li { margin: 8px 0; }

.cotc-cs__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 32px 0; padding: 0; list-style: none; }
.cotc-cs__stats li { margin: 0; padding: 20px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }
.cotc-cs__stats strong { display: block; font-size: 2rem; line-height: 1.1; color: #a8cfe0; }

.cotc-cs__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.cotc-cs__card a { display: block; text-decoration: none; }
.cotc-cs__thumb { width: 100%; height: auto; border-radius: 6px; margin-bottom: 16px; }
.cotc-cs__card-title { font-size: 1.25rem; margin: 0 0 6px; }
.cotc-cs__tags { font-size: 12px; opacity: .6; margin: 0 0 10px; }
.cotc-cs__excerpt { margin: 0; opacity: .8; }

.cotc-cs__cta { margin-top: 96px; padding-top: 64px; border-top: 1px solid rgba(255,255,255,.08); }
.cotc-cs__cta h2 { margin: 0 0 12px; }
.cotc-cs__cta h2 em { color: #a8cfe0; }
.cotc-cs__cta-links { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 24px; }
.cotc-cs__button { display: inline-block; padding: 10px 20px; border-radius: 999px; background: #a8cfe0; color: #111 !important; text-decoration: none; font-weight: 500; }

@media (max-width: 900px) {
	.cotc-cs { padding: 0 20px 64px; }
	.cotc-cs__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cotc-cs__list, .cotc-cs__stats { grid-template-columns: 1fr; }
}

/* Body spacing and visible bullets (theme resets p margins and list styles) */
.cotc-cs__body p { margin: 0 0 1.4em; }
.cotc-cs__body ul:not(.cotc-cs__stats) { list-style: disc outside; margin: 0 0 1.6em; padding-left: 1.4em; }
.cotc-cs__body ul:not(.cotc-cs__stats) li { display: list-item; list-style: disc outside; }
.cotc-cs__body ul:not(.cotc-cs__stats) li::marker { color: #a8cfe0; }