.bks-articles-page{margin:0 0 30px}

.bks-articles-sidebar__block{margin:0 0 25px;padding:15px;background:#f7f7f7;border-radius:4px}
.bks-articles-sidebar__title{margin:0 0 12px;font-size:1.1em;font-weight:500;color:#333}

.bks-articles-search{position:relative}
.bks-articles-search__input{width:100%;height:36px;padding:0 35px 0 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:.9em;outline:none;transition:border-color .2s}
.bks-articles-search__input:focus{border-color:#008480}
.bks-articles-search__icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:.9em;pointer-events:none}
.bks-articles-search__spinner{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e5e5;border-top-color:#008480;border-radius:50%;animation:bks-spin .6s linear infinite}
.bks-articles-search.loading .bks-articles-search__icon{display:none}
.bks-articles-search.loading .bks-articles-search__spinner{display:block}
@keyframes bks-spin{to{transform:translateY(-50%) rotate(360deg)}}

.bks-articles-topics{list-style:none;margin:0;padding:0}
.bks-articles-topics__item{margin:0}
.bks-articles-topics__link{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:#333;text-decoration:none;border-radius:3px;transition:all .15s;font-size:.9em}
.bks-articles-topics__link:hover{background:#e7f6f5;color:#008480}
.bks-articles-topics__link--active{background:#e0f4f2;color:#008480;font-weight:500}
.bks-articles-topics__count{color:#999;font-size:.85em}

.bks-articles-related__item,.bks-articles-news__item{margin:0 0 8px}
.bks-articles-related__link,.bks-articles-news__link{display:block;color:#333;font-size:.9em;line-height:1.4;text-decoration:none;transition:color .15s}
.bks-articles-related__link:hover,.bks-articles-news__link:hover{color:#008480;text-decoration:underline}
.bks-articles-news__date{display:block;color:#999;font-size:.8em;margin-top:2px}

.bks-articles-sort{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 15px}
.bks-articles-sort__select{height:32px;padding:0 8px;border:1px solid #e5e5e5;border-radius:4px;font-size:.85em}
.bks-articles-found{color:#999;font-size:.85em}

.bks-articles-grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.bks-articles-grid__col{display:flex;padding:0 10px;margin:0 0 20px}

.bks-articles-card{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:4px;overflow:hidden;transition:box-shadow .2s;cursor:pointer}
.bks-articles-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.12)}
.bks-articles-card__image-wrap{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#f7f7f7}
.bks-articles-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bks-articles-card:hover .bks-articles-card__image{transform:scale(1.03)}
.bks-articles-card__body{display:flex;flex-direction:column;flex:1;padding:15px}
.bks-articles-card__title{margin:0 0 8px;font-size:1em;font-weight:500;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bks-articles-card__title a{color:inherit;text-decoration:none}
.bks-articles-card__title a:hover{color:#008480}
.bks-articles-card__desc{margin:0 0 10px;color:#666;font-size:.9em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.bks-articles-card__meta{display:flex;align-items:center;gap:15px;color:#999;font-size:.85em}
.bks-articles-card__meta i{margin-right:4px}

.bks-articles-empty{text-align:center;padding:60px 20px}
.bks-articles-empty__icon{font-size:48px;color:#ddd;margin:0 0 15px}
.bks-articles-empty__title{font-size:1.1em;font-weight:500;color:#333;margin:0 0 8px}
.bks-articles-empty__text{color:#999;font-size:.9em}

.bks-articles-detail__meta{display:flex;align-items:center;gap:20px;color:#999;font-size:.85em;margin:0 0 20px}
.bks-articles-detail__meta i{margin-right:4px}
.bks-articles-detail__image{max-width:100%;border-radius:4px;margin:0 0 25px}
.bks-articles-detail__content{line-height:1.7;color:#333}
.bks-articles-detail__content h2{font-size:1.6em;font-weight:500;margin:25px 0 15px}
.bks-articles-detail__content h3{font-size:1.4em;font-weight:500;margin:20px 0 10px}
.bks-articles-detail__content p{margin:0 0 15px}
.bks-articles-detail__content img{max-width:100%;border-radius:4px;height:auto}
.bks-articles-detail__content blockquote{border-left:3px solid #008480;background:#f7f7f7;padding:15px 20px;margin:15px 0;border-radius:0 4px 4px 0}
.bks-articles-detail__content table{width:100%;border-collapse:collapse;margin:15px 0}
.bks-articles-detail__content table td,.bks-articles-detail__content table th{border:1px solid #e5e5e5;padding:8px 12px}

.bks-articles-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:20px 0 0;border-top:1px solid #eee}
.bks-articles-tag{display:inline-block;padding:5px 12px;background:#f7f7f7;color:#333;border-radius:4px;font-size:.85em;text-decoration:none;transition:all .2s}
.bks-articles-tag:hover{background:#008480;color:#fff}

.bks-articles-section-desc{margin:30px 0 0;padding:25px;background:#f7f7f7;border-radius:4px;line-height:1.7;color:#555;font-size:.95em}
.bks-articles-section-desc h2,.bks-articles-section-desc h3{color:#333;margin:0 0 12px}
.bks-articles-section-desc p{margin:0 0 12px}
.bks-articles-section-desc p:last-child{margin:0}

.bks-articles-faq{margin:30px 0 0}
.bks-articles-faq__title{font-size:1.4em;font-weight:500;color:#333;margin:0 0 15px}
.bks-articles-faq__item{border:1px solid #e5e5e5;border-radius:4px;margin:0 0 8px;overflow:hidden}
.bks-articles-faq__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:#fff;border:none;cursor:pointer;font-size:.95em;font-weight:500;color:#333;text-align:left;transition:background .15s;gap:12px}
.bks-articles-faq__question:hover{background:#f7f7f7}
.bks-articles-faq__icon{font-size:.75em;color:#999;transition:transform .25s;flex-shrink:0}
.bks-articles-faq__item.open .bks-articles-faq__icon{transform:rotate(180deg)}
.bks-articles-faq__answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 18px;color:#555;line-height:1.7;font-size:.9em}
.bks-articles-faq__item.open .bks-articles-faq__answer{max-height:1000px;padding:0 18px 16px}

.bks-articles-page.row{display:flex;flex-wrap:wrap}
.bks-articles-page.row>[class*="col-"]{float:none}
.bks-articles-sidebar--sticky{position:sticky;top:70px;max-height:calc(100vh - 90px);overflow-y:auto}
.bks-articles-sidebar--sticky::-webkit-scrollbar{width:3px}
.bks-articles-sidebar--sticky::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}

.bks-articles-toc__list{list-style:none;margin:0;padding:0}
.bks-articles-toc__item{margin:0;padding:0;position:relative}
.bks-articles-toc__link{display:block;padding:6px 12px;font-size:.85em;color:#555;text-decoration:none;border-left:2px solid transparent;line-height:1.4;transition:all .15s;position:relative;z-index:2}
.bks-articles-toc__link:hover{color:#008480;background:#f7fafa;border-left-color:#008480}
.bks-articles-toc__link.active{color:#008480;font-weight:500;background:#e0f4f2;border-left-color:#008480}

.bks-articles-search-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 18px;margin:0 0 20px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;font-size:.95em;color:#2e7d32}
.bks-articles-search-banner__text{display:flex;align-items:center;gap:8px}
.bks-articles-search-banner__text i{font-size:.85em;opacity:.7}
.bks-articles-search-banner__clear{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#fff;border:1px solid #c8e6c9;border-radius:4px;color:#c62828;font-size:.85em;text-decoration:none;transition:all .15s}
.bks-articles-search-banner__clear:hover{background:#ffebee;border-color:#ef9a9a;color:#b71c1c;text-decoration:none}

.bks-articles-mobile-filter{display:none;margin:0 0 15px}
.bks-articles-mobile-filter__btn{display:flex;align-items:center;gap:6px;padding:8px 15px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:4px;font-size:.9em;cursor:pointer}
.bks-articles-mobile-filter__btn i{color:#008480}

@media(max-width:767px){
	.bks-articles-sidebar{display:none}
	.bks-articles-sidebar.open{display:block}
	.bks-articles-mobile-filter{display:block}
	.bks-articles-grid__col{width:100%!important}
	.bks-articles-detail__image{width:100%}
}
@media(min-width:768px) and (max-width:991px){
	.bks-articles-grid__col{width:50%}
}