.article-index-hero{padding-block: calc(var(--header-height) + var(--space-12)) var(--space-10);background: radial-gradient(120% 140% at 100% 0%,var(--color-primary-50) 0%,transparent 58%),var(--color-bg);border-bottom: 1px solid var(--color-border)}.article-index-hero-inner{max-width: 62ch}.article-index-eyebrow{margin: 0 0 var(--space-3);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.14em;text-transform: uppercase;color: var(--color-primary-600)}.article-index-title{margin: 0;font-size: clamp(1.9rem,4vw,var(--text-4xl));line-height: 1.15;color: var(--color-gray-900);text-wrap: balance}.article-index-lede{margin: var(--space-4) 0 0;font-size: var(--text-lg);line-height: 1.75;color: var(--color-gray-600)}.article-cats{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-10)}.article-cat-chip{display: inline-flex;align-items: center;min-height: 44px;padding-inline: var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-full,999px);background: var(--color-surface);color: var(--color-gray-600);font-size: var(--text-sm);font-weight: var(--weight-medium);text-decoration: none;transition: color 0.2s ease,border-color 0.2s ease,background-color 0.2s ease}.article-cat-chip:hover{color: var(--color-primary-600);border-color: var(--color-primary-200,var(--color-primary-100))}.article-cat-chip.is-current{background: var(--color-primary-600);border-color: var(--color-primary-600);color: #fff}.article-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-8)}.article-card{display: flex;flex-direction: column;height: 100%;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);overflow: hidden;transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.article-card:hover{transform: translateY(-4px);border-color: transparent;box-shadow: var(--shadow-lg,0 18px 40px -18px rgba(15,43,70,0.28))}.article-card-media{display: block;aspect-ratio: 16 / 9;overflow: hidden;background: var(--color-bg-alt)}.article-card-media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease}.article-card:hover .article-card-media img{transform: scale(1.04)}.article-card-body{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);flex: 1}.article-card-cat{align-self: start;font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-primary-600);text-decoration: none}.article-card-cat:hover{text-decoration: underline}.article-card-title{margin: 0;font-size: var(--text-xl);line-height: 1.4;color: var(--color-gray-900);text-wrap: balance}.article-card-title a{color: inherit;text-decoration: none}.article-card-title a::after{content: "";position: absolute;inset: 0}.article-card{position: relative}.article-card-excerpt{margin: 0;font-size: var(--text-sm);line-height: 1.75;color: var(--color-gray-600)}.article-card-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin-top: auto;padding-top: var(--space-2);font-size: var(--text-xs);color: var(--color-gray-500)}.article-lead{margin-bottom: var(--space-12)}.article-card--featured{display: grid;grid-template-columns: 1.15fr 1fr;align-items: stretch}.article-card--featured .article-card-media{aspect-ratio: auto;height: 100%;min-height: 300px}.article-card--featured .article-card-body{padding: var(--space-10);justify-content: center}.article-card--featured .article-card-title{font-size: clamp(1.5rem,2.6vw,var(--text-3xl))}.article-card--featured .article-card-excerpt{font-size: var(--text-base)}.article-section-heading{margin: 0 0 var(--space-6);font-size: var(--text-2xl);color: var(--color-gray-900)}.article-empty{text-align: center;padding-block: var(--space-16)}.article-empty h2{font-size: var(--text-2xl);color: var(--color-gray-900);margin-bottom: var(--space-3)}.article-empty p{color: var(--color-gray-500)}.article-header{padding-block: calc(var(--header-height) + var(--space-10)) var(--space-8);background: radial-gradient(110% 130% at 100% 0%,var(--color-primary-50) 0%,transparent 60%),var(--color-bg)}.article-breadcrumb{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-6);font-size: var(--text-sm);color: var(--color-gray-500)}.article-breadcrumb a{color: var(--color-gray-600);text-decoration: none}.article-breadcrumb a:hover{color: var(--color-primary-600)}.article-eyebrow{display: inline-block;margin-bottom: var(--space-4);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-primary-600);text-decoration: none}.article-title{margin: 0;font-size: clamp(1.9rem,4.4vw,var(--text-4xl));line-height: 1.2;color: var(--color-gray-900);text-wrap: balance}.article-standfirst{margin: var(--space-5) 0 0;font-size: var(--text-lg);line-height: 1.75;color: var(--color-gray-600)}.article-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin-top: var(--space-6);font-size: var(--text-sm);color: var(--color-gray-500)}.article-byline strong{color: var(--color-gray-700);font-weight: var(--weight-semibold)}.article-header-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,400px);gap: var(--space-10);align-items: center}.article-header-text{max-width: 62ch;min-width: 0}.article-figure{margin: 0;border-radius: var(--radius-2xl);overflow: hidden;align-self: center}.article-figure img{width: 100%;height: auto;display: block;aspect-ratio: 16 / 10;object-fit: cover}.article-layout{display: grid;gap: var(--space-10);padding-bottom: var(--space-16)}.article-layout--with-toc{grid-template-columns: minmax(0,1fr) 260px;align-items: stretch}.article-layout--with-toc>.article-toc{height: 100%}.article-layout--with-toc>.article-toc{grid-column: 2;grid-row: 1}.article-layout--with-toc>.article-body{grid-column: 1;grid-row: 1}.article-body{max-width: 72ch;min-width: 0}.article-toc-inner{position: sticky;top: calc(var(--header-height,80px) + var(--space-6));padding: var(--space-6);background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-xl);max-height: calc(100vh - var(--header-height,80px) - var(--space-12));overflow-y: auto}.article-toc-title{margin: 0 0 var(--space-4);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-gray-500)}.article-toc-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-1,4px)}.article-toc-item a{display: block;padding: 6px var(--space-3);border-inline-start: 2px solid transparent;font-size: var(--text-sm);line-height: 1.5;color: var(--color-gray-600);text-decoration: none;transition: color 0.2s ease,border-color 0.2s ease}.article-toc-item a:hover{color: var(--color-primary-600)}.article-toc-item--h3 a{padding-inline-start: var(--space-6);font-size: var(--text-xs)}.article-toc-item.is-active>a{color: var(--color-primary-700);border-inline-start-color: var(--color-primary-500);font-weight: var(--weight-semibold)}.article-body>h2{margin: var(--space-12) 0 var(--space-4);font-size: var(--text-2xl);line-height: 1.3;color: var(--color-gray-900);scroll-margin-top: calc(var(--header-height,80px) + var(--space-6));text-wrap: balance}.article-body>h3{margin: var(--space-8) 0 var(--space-3);font-size: var(--text-xl);line-height: 1.4;color: var(--color-gray-800);scroll-margin-top: calc(var(--header-height,80px) + var(--space-6))}.article-body>p{margin: 0 0 var(--space-5);font-size: var(--text-base);line-height: 1.85;color: var(--color-gray-700)}.article-body a:not(.btn){color: var(--color-primary-600);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.article-body a:not(.btn):hover{color: var(--color-primary-700)}.article-body ul,.article-body ol{margin: 0 0 var(--space-6);padding-inline-start: var(--space-6);color: var(--color-gray-700);line-height: 1.85}.article-body li{margin-bottom: var(--space-2)}.article-body li::marker{color: var(--color-primary-500)}.article-body blockquote{margin: var(--space-8) 0;padding: var(--space-5) var(--space-6);border-inline-start: 3px solid var(--color-primary-500);background: var(--color-bg-alt);border-radius: 0 var(--radius-xl) var(--radius-xl) 0;color: var(--color-gray-700);font-size: var(--text-lg);line-height: 1.75}.article-body blockquote p:last-child{margin-bottom: 0}.article-body img{max-width: 100%;height: auto;border-radius: var(--radius-xl);margin-block: var(--space-6)}.article-body figure{margin: var(--space-8) 0}.article-body figcaption{margin-top: var(--space-2);font-size: var(--text-sm);color: var(--color-gray-500);text-align: center}.article-body .table-scroll,.article-body table{display: block;max-width: 100%;overflow-x: auto}.article-body table{border-collapse: collapse;margin: var(--space-8) 0;font-size: var(--text-sm)}.article-body th,.article-body td{padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border);text-align: start}.article-body th{background: var(--color-bg-alt);font-weight: var(--weight-semibold);color: var(--color-gray-800)}.article-body code{padding: 2px 6px;background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-sm);font-size: 0.9em}.article-body pre{margin: var(--space-6) 0;padding: var(--space-5);background: var(--color-gray-900);color: var(--color-gray-100);border-radius: var(--radius-xl);overflow-x: auto}.article-body pre code{background: none;border: 0;padding: 0;color: inherit}[dir="rtl"] .article-body>p,[dir="rtl"] .article-body li{font-size: calc(var(--text-base) * 1.05);line-height: 2}[dir="rtl"] .article-body>h2{line-height: 1.45}[dir="rtl"] .article-body>h3{line-height: 1.5}.article-tags{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin-top: var(--space-10)}.article-tags-label{font-size: var(--text-sm);color: var(--color-gray-500)}.article-tag{display: inline-flex;align-items: center;min-height: 44px;padding-inline: var(--space-4);background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-full,999px);font-size: var(--text-xs);color: var(--color-gray-600);text-decoration: none}.article-tag:hover{color: var(--color-primary-600);border-color: var(--color-primary-100)}.article-cta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-6);margin-top: var(--space-12);padding: var(--space-8);background: linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-500) 100%);border-radius: var(--radius-2xl);color: #fff}.article-cta-body{flex: 1 1 20rem}.article-cta-title{margin: 0 0 var(--space-2);font-size: var(--text-xl);color: #fff;text-wrap: balance}.article-cta-text{margin: 0;font-size: var(--text-sm);line-height: 1.7;color: rgba(255,255,255,0.85)}.article-cta .btn-primary{background: #fff;color: var(--color-primary-700);border-color: #fff;flex-shrink: 0}.article-cta .btn-primary:hover{background: rgba(255,255,255,0.9);color: var(--color-primary-800,var(--color-primary-700))}.article-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-6);margin-top: var(--space-12);padding-top: var(--space-8);border-top: 1px solid var(--color-border)}.article-author{display: flex;align-items: center;gap: var(--space-4);flex: 1 1 20rem}.article-author-avatar{width: 56px;height: 56px;border-radius: 50%;flex-shrink: 0}.article-author-name{margin: 0;font-weight: var(--weight-semibold);color: var(--color-gray-900)}.article-author-role{margin: 2px 0 0;font-size: var(--text-sm);color: var(--color-primary-600)}.article-author-bio{margin: var(--space-2) 0 0;font-size: var(--text-sm);line-height: 1.7;color: var(--color-gray-600);max-width: 46ch}.article-share{display: flex;align-items: center;gap: var(--space-2)}.article-share-label{font-size: var(--text-sm);color: var(--color-gray-500);margin-inline-end: var(--space-1,4px)}.article-share-link{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border: 1px solid var(--color-border);border-radius: 50%;color: var(--color-gray-600);transition: color 0.2s ease,border-color 0.2s ease,background-color 0.2s ease}.article-share-link:hover{color: #fff;background: var(--color-primary-600);border-color: var(--color-primary-600)}.article-pager{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-4);margin-top: var(--space-10)}.article-pager-link{display: flex;flex-direction: column;gap: var(--space-1,4px);padding: var(--space-5);border: 1px solid var(--color-border);border-radius: var(--radius-xl);text-decoration: none;transition: border-color 0.2s ease,background-color 0.2s ease}.article-pager-link:hover{border-color: var(--color-primary-200,var(--color-primary-100));background: var(--color-bg-alt)}.article-pager-next{text-align: end}.article-pager-dir{font-size: var(--text-xs);letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-gray-500)}.article-pager-title{font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: 1.5;color: var(--color-gray-800)}.article-related{background: var(--color-bg-alt);border-top: 1px solid var(--color-border)}@media (max-width: 900px){.article-header-grid{grid-template-columns: minmax(0,1fr);gap: var(--space-8)}.article-header-text{max-width: none}.article-figure{order: 2;max-width: 480px;margin-inline: 0 auto}}@media (max-width: 1024px){.article-layout--with-toc{grid-template-columns: minmax(0,1fr)}.article-layout--with-toc>.article-toc,.article-layout--with-toc>.article-body{grid-column: 1}.article-layout--with-toc>.article-toc{grid-row: 1}.article-layout--with-toc>.article-body{grid-row: 2}.article-toc-inner{position: static;max-height: none}.article-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.article-card--featured{grid-template-columns: minmax(0,1fr)}.article-card--featured .article-card-media{aspect-ratio: 16 / 9;min-height: 0}.article-card--featured .article-card-body{padding: var(--space-8)}}@media (max-width: 700px){.article-grid{grid-template-columns: minmax(0,1fr)}.article-pager{grid-template-columns: minmax(0,1fr)}.article-pager-next{text-align: start}.article-index-hero{padding-block: calc(var(--header-height) + var(--space-8)) var(--space-8)}.article-cta{padding: var(--space-6)}.article-foot{flex-direction: column;align-items: flex-start}}@media (prefers-reduced-motion: reduce){.article-card,.article-card-media img{transition: none}.article-card:hover{transform: none}.article-card:hover .article-card-media img{transform: none}}.single-post .site-header:not(.scrolled),.blog .site-header:not(.scrolled),.archive .site-header:not(.scrolled),.category .site-header:not(.scrolled),.tag .site-header:not(.scrolled){background: var(--color-bg);border-bottom: 1px solid var(--color-border-subtle)}.article-body>h2{position: relative;padding-block: var(--space-2);padding-inline-start: var(--space-5);border-inline-start: 3px solid var(--color-primary-500);font-weight: var(--weight-bold);letter-spacing: -0.01em}.article-body>h3{position: relative;padding-inline-start: var(--space-5)}.article-body>h3::before{content: "";position: absolute;inset-inline-start: 0;top: 0.55em;width: 8px;height: 8px;border-radius: 50%;background: var(--color-accent-400)}.article-toc-inner{border-inline-start: 3px solid var(--color-primary-200);background: linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}.article-toc-title{display: flex;align-items: center;gap: var(--space-2);color: var(--color-primary-700);font-weight: var(--weight-bold)}.article-toc-title::before{content: "";width: 16px;height: 2px;background: var(--color-primary-500);border-radius: 1px}.article-toc-item a{border-radius: var(--radius-md)}.article-toc-item a:hover{background: var(--color-primary-50);color: var(--color-primary-700)}.article-toc-item.is-active>a{background: var(--color-primary-50);border-inline-start-width: 3px}.article-body ul{list-style: none;padding-inline-start: 0}.article-body ul li{position: relative;padding-inline-start: var(--space-6)}.article-body ul li::before{content: "";position: absolute;inset-inline-start: 0;top: 0.65em;width: 6px;height: 6px;border-radius: 50%;background: var(--color-primary-400)}.article-body ol{counter-reset: article-counter;list-style: none;padding-inline-start: 0}.article-body ol li{position: relative;padding-inline-start: var(--space-8);counter-increment: article-counter}.article-body ol li::before{content: counter(article-counter);position: absolute;inset-inline-start: 0;top: 0.15em;width: 24px;height: 24px;border-radius: 50%;background: var(--color-primary-50);color: var(--color-primary-700);font-size: var(--text-xs);font-weight: var(--weight-bold);display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-primary-200)}.article-body table{border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--color-border);box-shadow: var(--shadow-xs,0 1px 2px rgba(0,0,0,0.04))}.article-body th{background: linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 100%);color: #fff;font-weight: var(--weight-semibold);border-color: var(--color-primary-600);font-size: var(--text-xs);letter-spacing: 0.04em;text-transform: uppercase}.article-body td{border-color: var(--color-border-subtle,var(--color-border));transition: background-color 0.15s ease}.article-body tbody tr:hover td{background: var(--color-primary-50)}.article-body tbody tr:nth-child(even) td{background: var(--color-bg-alt)}.article-body tbody tr:nth-child(even):hover td{background: var(--color-primary-50)}.article-body blockquote{position: relative;border-inline-start: 4px solid var(--color-primary-500);background: linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg-alt) 100%);border-radius: 0 var(--radius-2xl) var(--radius-2xl) 0;padding: var(--space-6) var(--space-8);font-style: italic}.article-body blockquote::before{content: "\201C";position: absolute;inset-inline-end: var(--space-5);top: var(--space-3);font-size: 4rem;line-height: 1;color: var(--color-primary-200);font-family: Georgia,serif;pointer-events: none}.article-eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-1) var(--space-3);background: var(--color-primary-50);border: 1px solid var(--color-primary-100);border-radius: var(--radius-full,999px);font-size: 10px;letter-spacing: 0.14em}.article-eyebrow::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--color-primary-500)}.article-meta{padding-top: var(--space-4);border-top: 1px solid var(--color-border)}.article-meta span[aria-hidden="true"]{color: var(--color-gray-300)}.article-cta{position: relative;overflow: hidden;border: 1px solid rgba(255,255,255,0.1)}.article-cta::before{content: "";position: absolute;top: -50%;right: -20%;width: 300px;height: 300px;background: radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 70%);border-radius: 50%;pointer-events: none}.article-cta-title{display: flex;align-items: center;gap: var(--space-3)}.article-cta-title::before{content: "";width: 24px;height: 24px;background: rgba(255,255,255,0.15);border-radius: 50%;flex-shrink: 0}.article-cta .btn-primary{border-radius: var(--radius-xl);font-weight: var(--weight-bold);padding-inline: var(--space-6)}.article-author{padding: var(--space-5);background: var(--color-bg-alt);border-radius: var(--radius-xl);border: 1px solid var(--color-border)}.article-author-avatar{border: 3px solid var(--color-primary-200)}.article-tag{border-radius: var(--radius-full,999px);font-weight: var(--weight-medium);transition: all 0.2s ease}.article-tag:hover{background: var(--color-primary-50);transform: translateY(-1px)}.article-pager-link{position: relative}.article-pager-prev::after{content: "\2190";position: absolute;inset-inline-end: var(--space-4);top: 50%;transform: translateY(-50%);font-size: var(--text-lg);color: var(--color-gray-300);transition: color 0.2s ease}.article-pager-next::after{content: "\2192";position: absolute;inset-inline-start: var(--space-4);top: 50%;transform: translateY(-50%);font-size: var(--text-lg);color: var(--color-gray-300);transition: color 0.2s ease}.article-pager-link:hover::after{color: var(--color-primary-500)}.article-section-heading{position: relative;padding-bottom: var(--space-4)}.article-section-heading::after{content: "";position: absolute;bottom: 0;inset-inline-start: 0;width: 48px;height: 3px;background: var(--color-primary-500);border-radius: 2px}.article-card{border-top: 3px solid transparent;background-image: linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,var(--color-primary-200),var(--color-primary-400));background-origin: border-box;background-clip: padding-box,border-box;border-top: 3px solid transparent}.article-body pre{border: 1px solid var(--color-gray-800);box-shadow: var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,0.1))}.article-body code{font-weight: var(--weight-medium);color: var(--color-primary-700);background: var(--color-primary-50);border-color: var(--color-primary-100)}.article-body figure{padding: var(--space-2);background: var(--color-bg-alt);border-radius: var(--radius-2xl);border: 1px solid var(--color-border)}.article-body figure img{margin: 0;border-radius: var(--radius-xl)}.article-body hr{border: none;height: 1px;background: linear-gradient(90deg,transparent,var(--color-primary-200),transparent);margin: var(--space-10) 0}.article-body strong{color: var(--color-gray-900);font-weight: var(--weight-bold)}.article-body a:not(.btn){text-decoration-color: var(--color-primary-300);text-underline-offset: 3px;transition: text-decoration-color 0.2s ease,color 0.2s ease}.article-body a:not(.btn):hover{text-decoration-color: var(--color-primary-600)}