.insights-header{background-color:var(--color-primary);color:var(--color-white);padding:var(--space-24) 0 var(--space-16);text-align:center}.insights-header h1{font-size:var(--text-5xl);margin-bottom:var(--space-4);color:var(--color-white)}.insights-header .subtitle{font-size:var(--text-2xl);color:var(--color-accent);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding:var(--space-10) 0;border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-12)}.filter-tab{display:inline-block;padding:var(--space-2) var(--space-6);border:1px solid var(--color-gray-300);border-radius:2px;color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.filter-tab:hover,.filter-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-16)}.article-card{background:var(--color-white);border:1px solid var(--color-gray-200);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.article-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.article-card a{text-decoration:none;color:inherit;display:block}.article-card-image{width:100%;height:200px;object-fit:cover;display:block;background-color:var(--color-gray-100)}.article-card-body{padding:var(--space-6)}.article-card-category{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3)}.article-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);line-height:1.4;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-4)}.article-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-gray-400);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.article-card-read-more{font-weight:var(--font-semibold);color:var(--color-primary);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2)}.article-card-read-more:after{content:"→"}.article-detail{max-width:820px;margin:0 auto;padding:var(--space-12) var(--space-6)}.article-detail-header{margin-bottom:var(--space-10);text-align:center}.article-detail-category{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-4)}.article-detail-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-6)}.article-detail-meta{display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-500)}.article-detail-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.article-detail-image{width:100%;max-height:480px;object-fit:cover;display:block;margin-bottom:var(--space-10)}.article-body{font-family:var(--font-family-body);font-size:var(--text-lg);line-height:1.8;color:var(--color-gray-700)}.article-body h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-body h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-800);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-body p{margin-bottom:var(--space-5)}.article-body ul,.article-body ol{margin-bottom:var(--space-5);padding-left:var(--space-8)}.article-body li{margin-bottom:var(--space-2)}.article-body blockquote{border-left:3px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background-color:var(--color-gray-50);color:var(--color-gray-600);font-style:italic}.article-body img{max-width:100%;height:auto;display:block;margin:var(--space-6) auto}.article-body a{color:var(--color-primary);text-decoration:underline}.article-body a:hover{color:var(--color-accent)}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}.article-body th,.article-body td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);text-align:left;font-size:var(--text-base)}.article-body th{background-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-semibold)}.related-section{border-top:1px solid var(--color-gray-200);padding-top:var(--space-12);margin-top:var(--space-12)}.related-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-8);text-align:center}.pagination{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-12) 0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gray-300);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);text-decoration:none;transition:all .2s ease}.pagination a:hover,.pagination .active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.empty-state{text-align:center;padding:var(--space-16) 0;color:var(--color-gray-500)}.empty-state h3{font-size:var(--text-xl);color:var(--color-gray-700);margin-bottom:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;margin-bottom:var(--space-8)}.back-link:before{content:"←"}.back-link:hover{color:var(--color-accent)}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.insights-header h1{font-size:var(--text-4xl)}.articles-grid{grid-template-columns:1fr}.category-filters{gap:var(--space-2)}.article-detail-title{font-size:var(--text-3xl)}.article-body{font-size:var(--text-base)}}