.insights-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.insight-card{background:var(--color-white);border:var(--border-light);border-radius:var(--radius-2xl);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.insight-card__body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.insight-card__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-teal);margin-bottom:var(--space-3);display:inline-block}.insight-card__body h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-navy);margin-bottom:var(--space-3);line-height:1.4}.insight-card__body p{font-size:var(--font-size-sm);color:#64748b;line-height:var(--line-height-relaxed);margin-bottom:var(--space-5);flex:1}.insight-card__link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-navy);cursor:pointer;transition:color var(--transition-fast);margin-top:auto;text-decoration:none;display:inline-flex}.insight-card__link:hover{color:var(--color-teal)}.insight-card__link span{transition:transform var(--transition-fast)}.insight-card:hover .insight-card__link span{transform:translate(4px)}@media (width<=1024px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.insights-grid{grid-template-columns:1fr}}.insight-card--clickable{cursor:pointer}.insight-card--clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0e0e2ca6;justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.article-modal-overlay.is-open{opacity:1;pointer-events:all}.article-modal{background:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-direction:column;width:100%;max-width:780px;max-height:90vh;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:translateY(40px)}.article-modal-overlay.is-open .article-modal{transform:translateY(0)}.article-modal__close{top:var(--space-5);right:var(--space-5);border-radius:var(--radius-full);background:var(--color-off-white);border:var(--border-light);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);z-index:10;color:var(--color-navy);justify-content:center;align-items:center;display:flex;position:absolute}.article-modal__close:hover{background:var(--color-lavender);transform:scale(1.08)}.article-modal__close i{width:18px;height:18px}.article-modal__content{padding:var(--space-10) var(--space-10) var(--space-6);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.article-modal__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.article-modal__content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-navy);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.article-modal__content h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-navy);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-modal__content p{font-size:var(--font-size-base);color:#475569;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.article-modal__content ul{padding-left:var(--space-5);margin-bottom:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.article-modal__content li{font-size:var(--font-size-base);color:#475569;line-height:var(--line-height-relaxed)}.article-modal__content strong{color:var(--color-navy);font-weight:var(--font-weight-semibold)}.article-modal__cta{padding:var(--space-5) var(--space-10) var(--space-8);border-top:var(--border-light);background:var(--color-white);flex-shrink:0}body.modal-open{overflow:hidden}@media (width<=860px){.article-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh}.article-modal__content{padding:var(--space-8) var(--space-6) var(--space-4)}.article-modal__cta{padding:var(--space-4) var(--space-6) var(--space-6)}.article-modal__content h2{font-size:var(--font-size-xl)}}
