.article-card--listing{padding:0;display:flex;flex-direction:column;overflow:hidden}.article-card--listing:hover .article-card__bar{background:var(--color-accent-blue)}.article-card__bar{height:6px;background:var(--color-primary);transition:background .15s}.article-card__body{padding:var(--space-6);display:flex;flex-direction:column;flex:1;min-width:0}.article-card--listing .article-card__title{flex:1;margin-bottom:var(--space-4)}.articles-empty{text-align:center;padding:var(--space-12) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.articles-empty__reset{background:none;border:none;color:var(--color-accent-blue);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.container--article{max-width:56rem}.article-cover{height:12rem;background:var(--color-primary);overflow:hidden}.article-cover__img{width:100%;height:100%;object-fit:cover;opacity:.6;mix-blend-mode:luminosity}@media(min-width:768px){.article-cover{height:16rem}}.article-header{border-bottom:1px solid var(--color-border);padding:var(--space-12) 0}.article-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent-blue);text-decoration:none;margin-bottom:var(--space-6)}.article-back:hover{color:var(--color-primary)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.article-header__date,.article-header__time{font-size:var(--text-xs);color:var(--color-text-muted)}.article-header__title{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));line-height:1.2;color:var(--color-primary);margin-bottom:var(--space-6)}.article-lead{font-size:var(--text-lg);line-height:1.625;color:var(--color-text-muted);border-left:4px solid var(--color-accent);padding-left:var(--space-5);margin:0}.article-body{padding:var(--space-section-y) 0 var(--space-section-y-desktop)}.article-sections{display:flex;flex-direction:column;gap:var(--space-12)}.article-section__title{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-4)}.article-section__body{font-size:var(--text-base);line-height:1.625;color:var(--color-text-muted);margin:0}.article-section__body p+p{margin-top:var(--space-prose-gap)}.article-section .table-scroll{margin-top:0}.article-section .table-scroll+.article-section__body,.article-section__body+.table-scroll{margin-top:var(--space-prose-gap)}.article-table-caption{margin-top:.75rem;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.article-product-ref{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-accent);border:1px solid var(--color-primary)}.article-product-ref__name{font-size:var(--text-base);color:var(--color-primary);margin:0 0 var(--space-1)}.article-product-ref__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.article-product-ref__btn{flex-shrink:0;padding:.5rem 1rem;font-size:var(--text-sm)}.article-faq{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.article-faq__title{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-5)}.article-faq__list{border:1px solid var(--color-border)}.article-faq__item{padding:var(--space-5) var(--space-6)}.article-faq__item+.article-faq__item{border-top:1px solid var(--color-border)}.article-faq__q{font-size:var(--text-sm);color:var(--color-primary);margin:0 0 var(--space-2)}.article-faq__a{font-size:var(--text-sm);line-height:1.45;color:var(--color-text-muted);margin:0}.article-related{margin-top:var(--space-10)}.article-related__title{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.article-related__grid{display:grid;gap:var(--space-4)}@media(min-width:768px){.article-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-related-card{display:block;padding:var(--space-5);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:border-color .15s,background .15s;min-width:0}.article-related-card:hover{border-color:var(--color-primary);background:var(--color-bg-muted)}.article-related-card__meta{font-size:var(--text-xs);font-weight:500;color:var(--color-accent-blue);margin:0 0 var(--space-2)}.article-related-card__title{font-size:var(--text-sm);line-height:1.4;color:var(--color-primary);margin:0}.article-related-card:hover .article-related-card__title{color:var(--color-accent-blue)}@media(min-width:1280px){.article-header__title{font-size:var(--text-4xl)}}