.ysb-wrapper-7e313fef {
    font-family: "Poppins", sans-serif;
    color: #1F2937;
}

.ysb-hero-7e313fef {
    background-color: #031B30;
    color: #fff;
    padding: 80px 20px;
    text-align: left;
}

.ysb-hero-inner-7e313fef {
    max-width: 1200px;
    margin: 0 auto;
}

.ysb-breadcrumb-7e313fef { margin-bottom: 20px; font-size: 14px; color: #D9E0E7; }
.ysb-hero-title-7e313fef { font-size: 48px; margin: 0 0 15px; color: #fff; font-weight: 700; }
.ysb-hero-line-7e313fef { height: 4px; width: 50px; background: #F97316; margin-bottom: 20px; }
.ysb-hero-desc-7e313fef { font-size: 16px; max-width: 600px; margin-bottom: 30px; color: #D9E0E7; }

.ysb-hero-search-form-7e313fef {
    display: flex;
    gap: 10px;
    max-width: 800px;
    flex-wrap: wrap;
}
.ysb-hero-search-form-7e313fef input,
.ysb-hero-search-form-7e313fef select,
.ysb-hero-search-form-7e313fef button {
    padding: 12px 20px;
    border-radius: 4px;
    border: none;
    font-size: 15px;
}
.ysb-hero-search-form-7e313fef input { flex: 1; min-width: 200px; }
.ysb-hero-search-form-7e313fef select { width: 200px; }
.ysb-hero-search-form-7e313fef button { background: #F97316; color: #fff; cursor: pointer; font-weight: bold; }

.ysb-main-layout-7e313fef {
    display: flex;
    max-width: 1200px;
    margin: 60px auto;
    gap: 40px;
    padding: 0 20px;
    flex-wrap: wrap;
}
.ysb-content-area-7e313fef { flex: 1; min-width: 60%; }
.ysb-sidebar-area-7e313fef { width: 300px; display: flex; flex-direction: column; gap: 30px; }

.ysb-section-heading-7e313fef { font-size: 24px; margin-bottom: 30px; font-weight: 600; }

.ysb-articles-list-7e313fef { display: flex; flex-direction: column; gap: 30px; }
.ysb-post-card-7e313fef { display: flex; gap: 20px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.ysb-post-image-7e313fef { width: 40%; }
.ysb-post-image-7e313fef img { width: 100%; height: 100%; object-fit: cover; }
.ysb-post-content-7e313fef { width: 60%; padding: 25px; }

.ysb-post-meta-7e313fef { font-size: 13px; color: #64748B; margin-bottom: 10px; }
.ysb-post-title-7e313fef { font-size: 20px; margin: 0 0 15px; }
.ysb-post-title-7e313fef a { color: #1F2937; text-decoration: none; }
.ysb-post-excerpt-7e313fef { font-size: 14px; color: #64748B; margin-bottom: 20px; line-height: 1.6; }
.ysb-read-more-7e313fef { font-size: 14px; font-weight: 600; text-decoration: none; }

.ysb-sidebar-widget-7e313fef { background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.ysb-sidebar-widget-7e313fef h4 { margin-top: 0; font-size: 18px; margin-bottom: 20px; }
.ysb-sidebar-categories-7e313fef ul { list-style: none; padding: 0; margin: 0; }
.ysb-sidebar-categories-7e313fef li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee; }
.ysb-sidebar-categories-7e313fef li:last-child { border: none; }
.ysb-sidebar-categories-7e313fef a { color: #1F2937; text-decoration: none; font-size: 14px; }

.ysb-sidebar-cta-7e313fef { background: #062B4F; color: #fff; text-align: center; }
.ysb-sidebar-cta-7e313fef h5 { color: #F97316; margin: 0 0 10px; font-size: 12px; }
.ysb-sidebar-cta-7e313fef h4 { color: #fff; font-size: 22px; margin-bottom: 15px; }
.ysb-sidebar-cta-7e313fef p { font-size: 14px; color: #D9E0E7; margin-bottom: 25px; }
.ysb-sidebar-cta-7e313fef .ysb-btn-primary-7e313fef { display: inline-block; padding: 12px 25px; border-radius: 4px; color: #fff; text-decoration: none; font-weight: 600; }

.ysb-pagination-7e313fef { margin-top: 40px; display: flex; gap: 10px; }
.ysb-pagination-7e313fef .page-numbers { padding: 8px 15px; border: 1px solid #D9E0E7; border-radius: 4px; text-decoration: none; color: #1F2937; }
.ysb-pagination-7e313fef .page-numbers.current { background: #F97316; color: #fff; border-color: #F97316; }

.ysb-newsletter-7e313fef { background: #062B4F; color: #fff; padding: 50px 20px; margin-top: 60px; }
.ysb-newsletter-inner-7e313fef { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.ysb-nl-content-7e313fef h3 { font-size: 24px; margin: 0 0 10px; }
.ysb-nl-content-7e313fef p { margin: 0; color: #D9E0E7; font-size: 15px; }
.ysb-nl-form-7e313fef { display: flex; gap: 10px; }
.ysb-nl-form-7e313fef input { padding: 12px 20px; border-radius: 4px; border: none; min-width: 300px; }
.ysb-nl-form-7e313fef button { padding: 12px 25px; border-radius: 4px; border: none; font-weight: 600; cursor: pointer; }

@media (max-width: 768px) {
    .ysb-post-card-7e313fef { flex-direction: column; }
    .ysb-post-image-7e313fef, .ysb-post-content-7e313fef { width: 100%; }
    .ysb-sidebar-area-7e313fef { width: 100%; }
    .ysb-nl-form-7e313fef { flex-direction: column; width: 100%; }
    .ysb-nl-form-7e313fef input { width: 100%; min-width: 0; }
}