.breadcrumbs{background-color:var(--color-gray-50);padding:100px 0 0}.breadcrumb-list{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);list-style:none}.breadcrumb-item+.breadcrumb-item:before{color:var(--color-gray-400);content:"/";margin-right:var(--spacing-sm)}.breadcrumb-item a{color:var(--color-gray-500);transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-current span{color:var(--color-gray-800);font-weight:500}.article-page{background-color:var(--color-gray-50);padding-bottom:var(--spacing-4xl);padding-top:var(--spacing-2xl)}.article-header{margin:0 auto var(--spacing-2xl);max-width:800px;text-align:center}.article-category{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.article-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.article-meta{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg);justify-content:center}.article-reading-time:before{content:"·";margin-right:var(--spacing-lg)}.article-cover{border-radius:var(--radius-xl);margin:0 auto var(--spacing-2xl);max-width:800px;overflow:hidden}.article-cover img{display:block;height:auto;width:100%}.prose{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);margin:0 auto;max-width:800px;overflow-wrap:break-word;padding:var(--spacing-2xl) var(--spacing-3xl);word-break:break-word}.prose h2{border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);margin-top:var(--spacing-2xl);padding-bottom:var(--spacing-sm)}.prose h2:first-child{margin-top:0}.prose h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl)}.prose p{line-height:1.8}.prose ol,.prose p,.prose ul{color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.prose ol,.prose ul{padding-left:var(--spacing-xl)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{line-height:1.7;margin-bottom:var(--spacing-xs)}.prose blockquote{background-color:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--spacing-xl) 0;padding:var(--spacing-md) var(--spacing-lg)}.prose blockquote p{color:var(--color-gray-600);font-style:italic;margin-bottom:0}.prose table{border-collapse:collapse;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);width:100%}.prose td,.prose th{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.prose th{background-color:var(--color-gray-50);color:var(--color-gray-900);font-weight:600}.prose td{color:var(--color-gray-700)}.prose code{background-color:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-primary-dark);font-size:.875em;padding:2px 6px}.prose pre{background-color:var(--color-gray-900);border-radius:var(--radius-lg);color:var(--color-gray-100);margin-bottom:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-lg)}.prose pre code{background:none;color:inherit;padding:0}.prose img{border-radius:var(--radius-lg);height:auto;margin:var(--spacing-xl) 0;max-width:100%}.prose strong{color:var(--color-gray-900);font-weight:600}.prose h2 a.header-anchor,.prose h3 a.header-anchor{color:var(--color-gray-400);margin-left:var(--spacing-xs);opacity:0;text-decoration:none;transition:opacity var(--transition-fast)}.prose h2:hover a.header-anchor,.prose h3:hover a.header-anchor{opacity:1}.article-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);color:var(--color-white);margin:var(--spacing-2xl) auto 0;max-width:800px;padding:var(--spacing-2xl);text-align:center}.article-cta h3{color:var(--color-white);margin-bottom:var(--spacing-sm)}.article-cta p{color:hsla(0,0%,100%,.9);margin-bottom:var(--spacing-lg)}.content-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.content-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.content-card:hover{box-shadow:var(--shadow-lg)}.content-card-link{color:inherit;display:block}.content-card-image{aspect-ratio:16/9;background-color:var(--color-gray-100);overflow:hidden;position:relative}.content-card-image img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.content-card:hover .content-card-image img{transform:scale(1.05)}.content-card-body{padding:var(--spacing-lg)}.content-card-body h3{font-size:var(--font-size-lg);line-height:1.3;margin-bottom:var(--spacing-sm)}.content-card-body p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-md)}.content-card-meta{align-items:center;color:var(--color-gray-400);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md)}.content-card-reading:before{content:"·";margin-right:var(--spacing-md)}.content-hero{background-color:var(--color-gray-50);padding-bottom:var(--spacing-2xl);padding-top:120px;text-align:center}.content-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.content-hero p{font-size:var(--font-size-lg)}.content-listing{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.pagination{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-3xl)}.pagination a,.pagination span{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 var(--spacing-sm);transition:all var(--transition-fast)}.pagination a{border:1px solid var(--color-gray-200);color:var(--color-gray-600)}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination .pagination-current{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white)}.latest-news,.latest-posts{background-color:var(--color-gray-50)}.empty-state{padding:3rem;text-align:center}.empty-state p{color:var(--color-gray-500)}.product-description{color:var(--color-gray-600);margin:1rem 0 1.25rem}@media (max-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-header h1{font-size:var(--font-size-3xl)}.prose{padding:var(--spacing-lg)}.content-grid{grid-template-columns:1fr}.breadcrumbs{padding-top:80px}}