.article__layout{padding:28px 25px 56px}.article__breadcrumbs{margin-bottom:16px}.article__tagrow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}.article__tagrow-pill{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-muted)}.article__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-3xl);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.article__meta{display:flex;align-items:center;gap:12px;margin-top:16px;padding-bottom:24px;border-bottom:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article__meta-item{display:inline-flex;align-items:center;gap:6px}.article__meta-item svg{width:15px;height:15px}.article__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-muted)}.article__image{position:relative;aspect-ratio:20/9;margin-top:24px;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-bg)}.article__image-el{width:100%;height:100%;object-fit:contain}.article__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);margin-top:44px;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.article__cta-text{flex:1 1 auto;min-width:0}.article__cta-eyebrow{display:inline-block;margin-bottom:6px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.article__cta-title{margin:0 0 6px;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;line-height:1.3;color:var(--color-text)}.article__cta-desc{margin:0;line-height:1.6;color:var(--color-text-muted)}.article__cta-btn,.article__cta-desc{font-family:var(--font-sans);font-size:var(--font-size-sm)}.article__cta-btn{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:box-shadow var(--transition-base)}.article__cta-btn,.article__cta-btn:hover{background:var(--color-accent);color:var(--color-on-accent)}.article__cta-btn:hover{box-shadow:0 8px 22px -8px rgba(14,165,233,.55)}.article__cta-btn svg{width:16px;height:16px}@media (min-width:768px){.article__title{font-size:var(--font-size-4xl);line-height:1.15}.article__cta{flex-direction:row;align-items:center;gap:var(--spacing-xl)}}.article-body{padding:20px 0 8px}.article-body__p{margin:0 0 20px;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.8;color:var(--color-text)}.article-body__h2{margin:44px 0 16px;font-size:var(--font-size-2xl);line-height:1.3;font-weight:700;letter-spacing:-.01em}.article-body__h2,.article-body__h3{font-family:var(--font-display);color:var(--color-text)}.article-body__h3{margin:30px 0 12px;font-size:var(--font-size-xl);line-height:1.35;font-weight:600}.article-body>.article-body__h2:first-child,.article-body>.article-body__p:first-child{margin-top:0}.article-body__quote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface);font-family:var(--font-sans);font-size:var(--font-size-lg);line-height:1.65;color:var(--color-text)}.article-body__list{margin:0 0 20px;padding:0;list-style:none}.article-body__list-item{position:relative;margin-bottom:10px;padding-left:28px;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text)}.article-body__list-item:before{content:"";position:absolute;left:6px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.article-body__table-wrap{margin:24px 0;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.article-body__table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--font-size-sm)}.article-body__th{text-align:left;background:var(--color-surface);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.article-body__td,.article-body__th{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text)}.article-body__td{border-top:1px solid var(--color-border)}.article-body__table tbody tr:nth-child(2n){background:var(--color-surface)}.article-body p{margin:0 0 20px;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.8;color:var(--color-text)}.article-body h1,.article-body h2{margin:44px 0 16px;font-size:var(--font-size-2xl);line-height:1.3;font-weight:700}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-display);color:var(--color-text)}.article-body h3{margin:30px 0 12px;font-size:var(--font-size-xl);line-height:1.35;font-weight:600}.article-body h4,.article-body h5,.article-body h6{margin:24px 0 10px;font-family:var(--font-display);font-size:var(--font-size-lg);line-height:1.4;font-weight:600;color:var(--color-text)}.article-body>:first-child{margin-top:0}.article-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-body b,.article-body strong{font-weight:700}.article-body em,.article-body i{font-style:italic}.article-body ol,.article-body ul{margin:0 0 20px;padding-left:24px;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:10px}.article-body blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface);font-size:var(--font-size-lg);line-height:1.65;color:var(--color-text)}.article-body img{display:block;max-width:100%;height:auto;margin:20px 0;border-radius:var(--radius-md)}.article-body figure{margin:20px 0}.article-body figcaption{margin-top:8px;font-size:var(--font-size-sm);color:var(--color-text-muted,#64748b)}.article-body hr{margin:32px 0;border:0;border-top:1px solid var(--color-border)}.article-body pre{margin:0 0 20px;padding:16px;overflow-x:auto;background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.article-body code{font-family:var(--font-mono,monospace);font-size:.9em}.article-body__table-scroll{margin:24px 0;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.article-body table{display:table;width:100%;table-layout:auto;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--font-size-sm)}.article-body th{text-align:left;background:var(--color-surface);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border)}.article-body td,.article-body th{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text)}.article-body td{border-top:1px solid var(--color-border)}.article-body tbody tr:nth-child(2n){background:var(--color-surface)}.article-sidebar__sticky{display:flex;flex-direction:column;gap:24px}.article-sidebar__search{position:relative}.article-sidebar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.article-sidebar__search-input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.article-sidebar__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.article-sidebar__panel{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.article-sidebar__heading{margin:0 0 8px;padding-bottom:12px;border-bottom:2px solid var(--color-accent);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.article-sidebar__list{display:flex;flex-direction:column}@media (min-width:992px){.article-sidebar__sticky{position:sticky;top:24px}}.related-item{display:flex;gap:12px;padding:14px 0;text-decoration:none;border-bottom:1px solid var(--color-border)}.related-item:last-child{border-bottom:0}.related-item__thumb{position:relative;flex:0 0 88px;width:88px;height:64px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface)}.related-item__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-item:hover .related-item__img{transform:scale(1.05)}.related-item__body{min-width:0}.related-item__category{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.related-item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;line-height:1.35;color:var(--color-text);transition:color var(--transition-base)}.related-item:hover .related-item__title{color:var(--color-accent)}