.section-article{background-color:var(--bg-white)}.article-banner{background-color:var(--bg-white);border-bottom:1px solid var(--color-border);padding:var(--space-24) 0 var(--space-32)}.article-banner__title{font-size:32px;font-weight:var(--font-weight-bold);color:var(--color-text-dark);line-height:1.2;margin-top:var(--space-16);max-width:760px}.article-banner__meta{display:flex;flex-wrap:wrap;gap:var(--space-16);align-items:center;margin-top:var(--space-12);font-size:var(--font-size-13);color:var(--color-text-secondary)}.article-banner__tag{font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-blue);background-color:var(--color-icon-bg);padding:3px 10px;border-radius:var(--radius-sm)}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-48);padding:var(--space-40) 0 var(--space-64)}.article-content__hero-image{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--space-32);display:block}.article-body{font-size:var(--font-size-16);line-height:1.75;color:var(--color-text-dark)}.article-body h2{font-size:var(--font-size-22);font-weight:var(--font-weight-bold);margin:var(--space-36) 0 var(--space-16)}.article-body h3{font-size:18px;font-weight:var(--font-weight-semibold);margin:var(--space-32) 0 var(--space-12)}.article-body p{margin-bottom:var(--space-20)}.article-body ul,.article-body ol{padding-left:var(--space-24);margin-bottom:var(--space-20)}.article-body li{margin-bottom:var(--space-8)}.article-body blockquote{border-left:4px solid var(--color-blue);background-color:#e7eff8;padding:var(--space-20) var(--space-24);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-32) 0;font-style:italic;color:var(--color-text-secondary)}.article-body img{max-width:100%;border-radius:var(--radius-lg);margin:var(--space-24) 0}.article-body a{color:var(--color-blue);text-decoration:underline}.article-share{display:flex;align-items:center;gap:var(--space-12);margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--color-border)}.article-share__label{font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.article-share__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast);font-size:18px}.article-share__btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.article-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:var(--space-24);align-self:start}.article-widget{background-color:var(--bg-section);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-20)}.article-widget__title{font-size:var(--font-size-13);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.article-author__name{font-size:var(--font-size-15);font-weight:var(--font-weight-semibold)}.article-author__date{font-size:var(--font-size-12);color:var(--color-text-secondary);margin-top:4px}.article-related-item{display:flex;gap:var(--space-12);margin-bottom:var(--space-16)}.article-related-item:last-child{margin-bottom:0}.article-related-thumb{width:56px;height:56px;min-width:56px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-section)}.article-related-thumb img{width:100%;height:100%;object-fit:cover}.article-related-title{font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--color-text-dark);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-title:hover{color:var(--color-blue)}.article-related-date{font-size:var(--font-size-11);color:var(--color-text-secondary);margin-top:2px}.article-newsletter{display:flex;flex-direction:column;gap:var(--space-12)}.article-newsletter__text{font-size:var(--font-size-13);color:var(--color-text-secondary)}.article-newsletter__input{height:44px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-12);font-size:16px;width:100%}.article-newsletter__input:focus{outline:none;border-color:var(--color-blue)}.article-newsletter__btn{height:44px}@media screen and (max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-content__hero-image{height:280px}.article-banner__title{font-size:var(--font-size-22)}}@media screen and (max-width:600px){.article-content__hero-image{height:200px;border-radius:var(--radius-lg)}.article-layout{padding:var(--space-24) 0 var(--space-48)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-article.css.map */