/* Cards: encyclopedia-style colorful cards */
.tg-layout-cards .site-header { background: linear-gradient(90deg, #fff 0%, color-mix(in srgb, var(--tg-primary) 8%, #fff) 100%); }
.tg-layout-cards .hero { background: linear-gradient(140deg, var(--tg-primary) 0%, color-mix(in srgb, var(--tg-primary) 60%, var(--tg-accent)) 100%); border-radius: 0 0 36px 36px; }
.tg-layout-cards .hero-inner { min-height: 340px; }
.tg-layout-cards .category-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tg-layout-cards .cat-card { border-radius: 18px; background: linear-gradient(160deg, #fff 0%, color-mix(in srgb, var(--tg-primary) 7%, #fff) 100%); border: 0; box-shadow: 0 6px 18px rgba(0,0,0,.05); }
.tg-layout-cards .cat-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: color-mix(in srgb, var(--tg-primary) 14%, #fff); font-size: 24px; }
.tg-layout-cards .post-card { border: 0; box-shadow: 0 6px 20px rgba(0,0,0,.06); border-radius: 18px; }
.tg-layout-cards .post-card:nth-child(3n+1) .post-cat { background: color-mix(in srgb, var(--tg-primary) 14%, #fff); }
.tg-layout-cards .post-card:nth-child(3n+2) .post-cat { background: color-mix(in srgb, var(--tg-accent) 16%, #fff); color: var(--tg-accent); }
.tg-layout-cards .post-card:nth-child(3n+3) .post-cat { background: color-mix(in srgb, #2fb463 14%, #fff); color: #1f9d54; }
.tg-layout-cards .friend-card { border-radius: 16px; border: 0; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.tg-layout-cards .article { border-radius: 20px; }
.tg-layout-cards .article-body h2 { display: inline-block; border-bottom: 3px solid var(--tg-primary); padding-right: 16px; }
.tg-layout-cards .widget { border-radius: 16px; border: 0; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.tg-layout-cards .post-card-title { font-size: 16.5px; }