.c-article-container{max-width:1200px;margin:0 auto}.c-article-layout{display:grid;grid-template-columns:1fr;gap:30px;align-items:start;margin-top:16px;border-radius:10px;box-shadow:var(--shadow-default);background-color:var(--color-bg)}@media (width >= 640px){.c-article-layout{grid-template-columns:1fr 250px}}@media (width >= 1024px){.c-article-layout{grid-template-columns:1fr 300px}}.c-article{overflow:hidden;width:100%}.c-article__head{padding:24px 24px 0 24px}.c-article__title{font-size:28px;line-height:1.3;font-weight:700;color:var(--color-text-primary);margin:0}.c-article__meta{margin-top:12px;font-size:14px;color:var(--color-text-muted)}.c-article__cover{width:100%;height:400px;max-height:450px;overflow:hidden;margin-top:20px;border-radius:10px}.c-article__cover img{width:100%;height:100%;object-fit:cover;display:block}.c-article__body{padding:24px}.c-article__text.generic-text-block{font-size:16px;line-height:1.75;color:var(--color-text-primary)}.generic-text-block a{color:var(--color-text-accent)}.generic-text-block a:hover{text-decoration:underline}.generic-text-block ul{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.generic-text-block ul li{list-style-type:disc}.generic-text-block p{margin:.5rem 0}.generic-text-block :is(h2,h3,h4){font-weight:600;margin:1rem 0}.generic-text-block h2{font-size:1.5rem;margin:1.5rem 0}.generic-text-block h3{font-size:1.3rem}.generic-text-block h4{font-size:1.2rem}.generic-text-block img{max-width:100%;height:auto;border-radius:8px;margin:24px auto;display:block}.c-article__tags{display:flex;flex-wrap:wrap;gap:6px;margin:1rem 0}.c-article__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;color:#4b5563;font-size:14px;font-weight:500;text-decoration:none;border-radius:20px;transition:background-color .2s ease,color .2s ease}.c-article__tag-icon{flex-shrink:0;width:14px;height:14px;opacity:.7;transition:opacity .2s ease}.c-article__tag:hover{color:var(--color-text-accent)}.c-article__tag:hover .c-article__tag-icon{opacity:1}.c-article-sidebar{padding:24px;position:static;margin-top:30px}@media (width >= 640px){.c-article-sidebar{position:sticky;margin-top:0;top:20px}}.c-article-sidebar__title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 24px 0;padding-bottom:10px;border-bottom:2px solid #edf2f7}.c-article-sidebar__list{display:flex;flex-direction:column;gap:28px}.c-sidebar-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s ease,opacity .2s ease}.c-sidebar-card:hover{transform:translateY(-2px)}.c-sidebar-card__header{margin-bottom:8px}.c-sidebar-card__date{font-size:12px;color:var(--color-text-muted);font-weight:500}.c-sidebar-card__cover{width:100%;height:160px;border-radius:10px;overflow:hidden;margin-bottom:12px}.c-sidebar-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.c-sidebar-card__body{padding:0 2px}.c-sidebar-card__title{font-size:15px;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-sidebar-card:hover .c-sidebar-card__title{color:var(--color-text-accent)}
/*# sourceMappingURL=blog-article.min.css.map */