.insight-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.insight-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-blue-1)}.insight-card__image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-tertiary)}.insight-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.insight-card:hover .insight-card__image img{transform:scale(1.05)}.insight-card__content{padding:var(--spacing-lg, 24px);flex:1;display:flex;flex-direction:column}.insight-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-sm, 12px)}.insight-card__category{padding:4px 12px;font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm, 6px);background:var(--color-accent-blue-1);color:#fff}.insight-card__separator{color:var(--color-text-secondary)}.insight-card__read-time{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary)}.insight-card__title{font-size:var(--font-size-xl, 24px);font-weight:700;line-height:1.3;color:var(--color-text-primary);margin-bottom:var(--spacing-md, 16px)}.insight-card__excerpt{font-size:var(--font-size-md, 16px);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-md, 16px);flex:1}.insight-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-md, 16px)}.insight-card__tag{padding:4px 12px;font-size:var(--font-size-xs, 12px);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);color:var(--color-text-secondary)}.insight-card__author{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-sm, 12px);padding-top:var(--spacing-sm, 12px);border-top:1px solid var(--color-border)}.insight-card__author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.insight-card__author-info{flex:1}.insight-card__author-name{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.insight-card__author-role{font-size:var(--font-size-xs, 12px);color:var(--color-text-secondary)}.insight-card__date{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin-bottom:var(--spacing-md, 16px)}.insight-card__link{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-md, 16px);font-weight:600;color:var(--color-accent-blue-1);text-decoration:none;transition:all .2s ease}.insight-card__link:hover{gap:12px}.insight-card__arrow{transition:transform .2s ease}.insight-card__link:hover .insight-card__arrow{transform:translate(4px)}@media (max-width: 768px){.insight-card__title{font-size:var(--font-size-lg, 20px)}}.insights-page{min-height:100vh}.insights-hero{padding:calc(var(--header-height, 80px) + 80px) 0 60px;background:var(--color-bg-primary)}.insights-hero__content{max-width:800px;margin:0 auto;text-align:center}.insights-hero__title{font-size:var(--font-size-4xl, 48px);font-weight:700;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--spacing-lg, 24px)}.insights-hero__lead{font-size:var(--font-size-xl, 24px);line-height:1.5;color:var(--color-text-secondary)}.insights-filter{padding:40px 0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-btn{padding:10px 20px;font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent-blue-1)}.filter-btn--active{color:#fff;background:var(--color-accent-blue-1);border-color:var(--color-accent-blue-1)}.insights-grid-section{padding:80px 0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl, 32px)}@media (max-width: 768px){.insights-hero__title{font-size:var(--font-size-3xl, 36px)}.insights-hero__lead{font-size:var(--font-size-lg, 18px)}.insights-grid{grid-template-columns:1fr}}
