.articles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}.article-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1)}.article-card:hover .article-card__title{color:var(--red-color)}.article-card__image{height:200px;overflow:hidden}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.article-card__content{padding:20px;height:280px;justify-content:space-between;display:flex;flex-direction:column}.article-card__title{font-size:1.2rem;margin-bottom:10px;color:#333}.article-card__excerpt{color:#666;margin-bottom:15px;line-height:1.5}.article-card__meta{display:flex;justify-content:space-between;color:#888;font-size:0.9rem;align-items:center}.article-card__meta span{font-weight:500;transition:color 0.3s ease;font-family:'Manrope';padding-top:3px;padding-bottom:3px;padding-left:32px;padding-right:32px;height:42px;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;border-radius:30px;background-color:var(--red-color);color:var(--white-color);line-height:1;font-weight:700;font-size:16px}.article-card__link{text-decoration:none;display:block;height:100%}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination__item,.pagination__active{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border-radius:4px;text-decoration:none}.pagination__item{color:#333;background:#f5f5f5}.pagination__item:hover{background:#e0e0e0}.pagination__active{background:#AE0000;color:white}.pagination__prev,.pagination__next{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border-radius:4px;background:#f5f5f5}.pagination__prev svg,.pagination__next svg{width:16px;height:16px;transform:rotate(90deg)}.pagination__next svg{transform:rotate(-90deg)}.article-detail{max-width:1200px;margin:0 auto}.article-detail__header{margin-bottom:30px}.article-detail__title{font-size:2rem;margin-bottom:20px;color:#333}.article-detail__meta{display:flex;align-items:center;margin-bottom:20px;color:#666}.article-detail__date{margin-right:20px}.article-detail__image{margin:30px 0}.article-detail__image img{width:100%;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.article-detail__content{line-height:1.8;color:#444}.article-detail__content h2,.article-detail__content h3,.article-detail__content h4{margin:30px 0 15px;color:var(--black-color);font-weight:500}.article-detail__content p{margin-bottom:20px}.article-detail__content img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}.article-gallery{margin:40px 0}.article-gallery__slider{position:relative}.article-gallery__slide{text-align:center}.article-gallery__slide img{max-height:500px;width:auto;max-width:100%;margin:0 auto;border-radius:4px}.swiper-button-next,.swiper-button-prev{color:#AE0000;width:40px;height:40px;background:rgba(255,255,255,0.8);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px}.article-video{margin:40px 0}.article-video__container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:20px 0}.article-video__container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:4px}.article-files{margin:40px 0}.article-files__title{margin-bottom:20px;font-size:1.2rem;color:var(--black-color)}.article-files__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.article-file{display:flex;align-items:center;padding:15px;background:#f9f9f9;border-radius:6px;transition:all 0.2s ease;border:1px solid #eee}.article-file:hover{background:#f0f0f0;border-color:#ddd}.article-file__icon{margin-right:15px;color:#AE0000}.article-file__info{flex:1;min-width:0}.article-file__name{font-weight:500;color:var(--black-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-file__size{font-size:0.8rem;color:#666}@media (max-width:768px){.article-detail{}.article-detail__title{font-size:1.5rem}.article-files__list{grid-template-columns:1fr}}.article-text{line-height:1.7;color:var(--black-color);font-size:16px;font-weight:400;margin:0 auto;word-wrap:break-word}.article-text h1{font-size:2.2rem;margin:2rem 0 1.5rem;color:var(--black-color);font-weight:700;border-bottom:2px solid #f0f0f0;padding-bottom:0.5rem}.article-text h2{font-size:1.8rem;margin:1.8rem 0 1.2rem}.article-text h3{font-size:1.5rem;margin:1.5rem 0 1rem}.article-text h4{font-size:1.3rem;margin:1.3rem 0 0.8rem;color:var(--black-color);font-weight:500}.article-text p{text-align:justify}.article-text a{color:var(--red-color);text-decoration:none;transition:all 0.3s ease}.article-text img{max-width:100%;height:auto;margin:1.5rem auto;display:block;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.article-text img.align-left{float:left;margin:0.5rem 1.5rem 1rem 0;max-width:50%}.article-text img.align-right{float:right;margin:0.5rem 0 1rem 1.5rem;max-width:50%}.article-text table{width:100%;border-collapse:collapse;margin:2rem 0;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:6px;display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.article-text table p{margin-bottom:0}.article-text table thead{background-color:#d32f2f;color:white}.article-text table th,.article-text table td{padding:12px 15px;border:1px solid #e0e0e0;white-space:normal}.article-text table tbody tr:nth-child(even){background-color:#f9f9f9}.article-text table tbody tr:hover{background-color:#f1f1f1}@media (max-width:768px){.article-text table{overflow-x:scroll !important;width:calc(100vw - 40px)!important}}.article-text ul,.article-text ol{margin:1.5rem 0;padding-left:2.5rem}.article-text li{margin-bottom:0.7rem;position:relative}.article-text ul li{list-style-type:none}.article-text ul li:before{content:"•";color:#d32f2f;font-weight:bold;display:inline-block;width:1em;margin-left:-1em;position:absolute;left:0}.article-text ol{counter-reset:item}.article-text ol li{counter-increment:item}.article-text ol li:before{content:counter(item) ".";color:#d32f2f;font-weight:bold;display:inline-block;width:1.5em;margin-left:-1.5em;position:absolute;left:0}.article-text blockquote{margin:2rem 0;padding:1.5rem 2rem;background-color:#f8f8f8;border-left:4px solid #d32f2f;font-style:italic;color:#555;border-radius:0 4px 4px 0}.article-text blockquote p{margin:0}.article-text pre{background-color:#2d2d2d;padding:1.2rem;border-radius:6px;overflow-x:auto;margin:2rem 0;color:#f8f8f2;font-family:'Courier New',Courier,monospace;font-size:0.95rem;line-height:1.5}.article-text code{font-family:'Courier New',Courier,monospace;background-color:#f0f0f0;padding:0.2rem 0.4rem;border-radius:3px;font-size:0.9em;color:#c7254e}.article-text pre code{background-color:transparent;padding:0;color:inherit;font-size:inherit}.article-text hr{border:0;height:1px;background-color:#e0e0e0;margin:2.5rem 0}.article-text .text-center{text-align:center}.article-text .text-right{text-align:right}.article-text .text-left{text-align:left}.article-text .text-justify{text-align:justify}.article-text:after{content:"";display:table;clear:both}@media (max-width:768px){.article-text{font-size:12px}.article-text h1{font-size:1.8rem}.article-text h2{font-size:1.5rem}.article-text h3{font-size:1.3rem}.article-text img.align-left,.article-text img.align-right{float:none;display:block;margin:1.5rem auto;max-width:100%}}