.article-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}@media (max-width:48rem){.article-cards{grid-template-columns:1fr}}.article-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-primary-100);padding:var(--space-8);transition:transform var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card__icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);flex-shrink:0}.article-card__icon svg{width:1.5rem;height:1.5rem}.article-card__icon--blue{background:rgba(58,123,213,0.1);color:var(--color-accent-blue)}.article-card__icon--green{background:rgba(42,74,42,0.1);color:var(--color-primary-600)}.article-card__icon--purple{background:rgba(107,63,160,0.1);color:var(--color-accent-purple)}.article-card__icon--gold{background:rgba(200,148,42,0.1);color:var(--color-accent-gold)}.article-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.article-card__excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);flex-grow:1}.article-card__link{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-accent-purple);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--duration-fast) var(--ease-default),gap var(--duration-fast) var(--ease-default)}.article-card__link:hover{color:var(--color-accent-purple-hover);gap:var(--space-3)}.article-card__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.article-card__link-arrow{transition:transform var(--duration-fast) var(--ease-default)}.article-card__link:hover .article-card__link-arrow{transform:translateX(2px)} .article{max-width:52rem;margin-inline:auto} .article__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-primary-100)}.article__meta-item{display:inline-flex;align-items:center;gap:var(--space-2)}.article__meta-item svg{width:1rem;height:1rem;flex-shrink:0} .article__body h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-top:var(--space-12);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.article__body h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.article__body p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.article__body ul,.article__body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article__body ul{list-style:disc}.article__body ol{list-style:decimal}.article__body li{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.article__body a{color:var(--color-accent-purple);text-decoration:underline;text-underline-offset:2px}.article__body a:hover{color:var(--color-accent-purple-hover)}.article__body strong{font-weight:var(--weight-semibold);color:var(--color-text-primary)} .article__takeaway{background:var(--color-bg-secondary);border-left:4px solid var(--color-primary-500);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-6);margin-top:var(--space-8);margin-bottom:var(--space-8)}.article__takeaway-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-primary-700);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.article__takeaway p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:0} .article__service-link{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-10);margin-bottom:var(--space-10);text-align:center}.article__service-link p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.article__service-link .btn{display:inline-flex}