 :root {--kl-blog-green: #1b4d2e;--kl-blog-green-dark: #143d24;--kl-blog-green-light: #e8f3ec;--kl-blog-border: #e8ece9;--kl-blog-muted: #666;}.layout-blog {padding-bottom: 56px;}.kl-blog__main {padding-top: 8px;}.kl-blog__layout {align-items: flex-start;}.kl-blog__grid {row-gap: 8px;}.kl-blog__pagination {margin-top: 32px;padding-top: 8px;}.title-page {margin-bottom: 24px;text-align: center;}.title-page span, .title-page a {position: relative;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 800;text-transform: uppercase;color: var(--kl-blog-green);}.title-page a:hover {color: var(--kl-blog-green-dark);}.item-blog {margin-bottom: 24px;border-radius: 14px;position: relative;background: #fff;border: 1px solid var(--kl-blog-border);overflow: hidden;box-shadow: 0 4px 16px rgba(27, 77, 46, 0.06);transition: box-shadow 0.25s ease, transform 0.25s ease;height: calc(100% - 24px);display: flex;flex-direction: column;}.item-blog:hover {box-shadow: 0 10px 28px rgba(27, 77, 46, 0.12);transform: translateY(-3px);}.item-blog .block-thumb {position: relative;}.item-blog .block-thumb .thumb {overflow: hidden;width: 100%;display: block;position: relative;height: auto !important;padding-bottom: 62%;border-radius: 0;}.item-blog .block-thumb .thumb img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;transition: transform 0.45s ease;}.item-blog .block-thumb:hover img {transform: scale(1.06);}.item-blog .day_time {color: #fff;position: absolute;top: 12px;left: 12px;background: var(--kl-blog-green);padding: 6px 10px;line-height: normal;z-index: 2;text-align: center;border-radius: 8px;box-shadow: 0 2px 8px rgba(27, 77, 46, 0.25);}.item-blog .day_time .day_item {font-family: "Montserrat", sans-serif;font-size: 18px;display: block;font-weight: 700;line-height: 1.1;}.item-blog .day_time .myear_item {font-size: 11px;display: block;font-weight: 500;opacity: 0.9;}.item-blog .block-content {flex: 1;display: flex;flex-direction: column;padding: 16px 16px 18px;margin-top: 0;}.item-blog .block-content h3 {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 700;margin: 0 0 8px;line-height: 1.4;min-height: 0;text-transform: none;}.item-blog .block-content h3 a {color: #1a1a1a;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-decoration: none;transition: color 0.2s ease;}.item-blog .block-content h3 a:hover {color: var(--kl-blog-green);}.item-blog .block-content p.justify {font-size: 13px;color: var(--kl-blog-muted);line-height: 1.6;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.item-blog .block-content p.justify img, .item-blog .block-content p.justify iframe, .item-blog .block-content p.justify table {display: none;}@media (min-width: 992px) {.aside-blog-right {position: sticky;top: 90px;}}.blog_noibat {border-radius: 14px;border: 1px solid var(--kl-blog-border);display: block;margin-bottom: 20px;overflow: hidden;background: #fff;box-shadow: 0 4px 16px rgba(27, 77, 46, 0.06);}.blog_noibat h2, .blog_noibat .h2_sidebar_blog {font-family: "Montserrat", sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 700;margin: 0;padding: 14px 16px;background: var(--kl-blog-green);color: #fff;line-height: 1.3;border-radius: 0;}.blog_noibat h2 a, .blog_noibat .h2_sidebar_blog a, .blog_noibat .h2_sidebar_blog span {color: #fff;text-decoration: none;}.blog_noibat .blog_content {padding: 12px 14px 6px;}.blog_noibat .blog_content .item {display: flex;flex-wrap: nowrap;align-items: flex-start;gap: 12px;margin-bottom: 12px;border-bottom: 1px solid #f0f2f1;padding-bottom: 12px;}.blog_noibat .blog_content .item:last-child {border: none;margin-bottom: 0;padding-bottom: 6px;}.blog_noibat .blog_content .item .post-thumb {width: 80px;flex-shrink: 0;margin-right: 0;}.blog_noibat .blog_content .item .post-thumb .image-blog {overflow: hidden;width: 100%;display: block;position: relative;height: auto !important;padding-bottom: 72%;border-radius: 8px;}.blog_noibat .blog_content .item .post-thumb .image-blog img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;transition: transform 0.35s ease;}.blog_noibat .blog_content .item:hover .post-thumb .image-blog img {transform: scale(1.05);}.blog_noibat .blog_content .item .contentright {flex: 1;min-width: 0;}.blog_noibat .blog_content .item .contentright h3 {font-family: "Montserrat", sans-serif;font-size: 13px;font-weight: 600;margin: 0;line-height: 1.4;}.blog_noibat .blog_content .item .contentright h3 a {color: #222;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-decoration: none;transition: color 0.2s ease;}.blog_noibat .blog_content .item .contentright h3 a:hover {color: var(--kl-blog-green);}.blog-search-form {overflow: hidden;position: relative;margin-bottom: 16px;max-width: 100%;border-radius: 999px;border: 1px solid var(--kl-blog-border);}.blog-search-form input {width: 100%;height: 42px;padding-right: 48px;padding-left: 16px;border: 0;font-size: 14px;}.blog-search-form button {position: absolute;right: 4px;width: 36px;height: 34px;background: var(--kl-blog-green);border: 0;border-radius: 999px;top: 4px;cursor: pointer;transition: background 0.2s ease;}.blog-search-form button:hover {background: var(--kl-blog-green-dark);}.kl-blog .nav_pagi .pagination .page-link, .layout-blog .nav_pagi .pagination .page-link {font-weight: 500;margin: 0 3px;min-width: 36px;height: 36px;background: #fff;border: 1px solid var(--kl-blog-border);text-align: center;font-size: 14px;padding: 0 10px;line-height: 34px;color: #333;text-decoration: none;border-radius: 8px;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.kl-blog .nav_pagi .pagination .page-link:hover, .layout-blog .nav_pagi .pagination .page-link:hover {background: var(--kl-blog-green-light);border-color: var(--kl-blog-green);color: var(--kl-blog-green);}.kl-blog .nav_pagi .pagination .page-item.active .page-link, .layout-blog .nav_pagi .pagination .page-item.active .page-link {background: var(--kl-blog-green);border-color: var(--kl-blog-green);color: #fff;font-weight: 600;}.kl-blog .nav_pagi .pagination .page-item.disabled .page-link, .layout-blog .nav_pagi .pagination .page-item.disabled .page-link {opacity: 0.4;}.layout-article {padding-bottom: 56px;background: #fafbfa;}.kl-blog__hero--detail {padding-bottom: 20px;}.kl-blog__hero--detail .kl-blog__breadcrumb span:last-child {color: var(--kl-blog-green);font-weight: 600;max-width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.kl-blog__article {background: #fff;border: 1px solid var(--kl-blog-border);border-radius: 16px;padding: 28px 28px 32px;box-shadow: 0 4px 20px rgba(27, 77, 46, 0.06);}.article-main .article-title {font-family: "Montserrat", sans-serif;margin-top: 0;margin-bottom: 16px;font-size: 28px;font-weight: 800;color: var(--kl-blog-green);line-height: 1.35;}.kl-blog__meta {display: flex;flex-wrap: wrap;align-items: center;gap: 16px;padding-bottom: 20px;margin-bottom: 24px;border-bottom: 1px solid var(--kl-blog-border);}.article-main .posts {margin-bottom: 0;}.article-main .time-post {display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: var(--kl-blog-muted);margin-right: 0;}.article-main .time-post svg {width: 14px;height: 14px;flex-shrink: 0;color: var(--kl-blog-green);}.kl-blog__tags {display: flex;flex-wrap: wrap;gap: 8px;width: 100%;}.kl-blog__tag {display: inline-block;font-size: 12px;font-weight: 600;color: var(--kl-blog-green);background: var(--kl-blog-green-light);padding: 4px 12px;border-radius: 999px;text-decoration: none;transition: background 0.2s ease, color 0.2s ease;}.kl-blog__tag:hover {background: var(--kl-blog-green);color: #fff;}.article-main .article-image {margin-bottom: 28px;border-radius: 12px;overflow: hidden;border: 1px solid var(--kl-blog-border);}.article-main .article-image img {display: block;width: 100%;height: auto;}.article-main .article-content.rte, .article-main .rte {font-size: 15px;line-height: 1.8;color: #333;}.article-main .rte p {margin-bottom: 16px;}.article-main .rte h2, .article-main .rte h3, .article-main .rte h4 {font-family: "Montserrat", sans-serif;color: #1a1a1a;margin: 28px 0 12px;line-height: 1.35;}.article-main .rte h2 {font-size: 22px;font-weight: 800;}.article-main .rte h3 {font-size: 18px;font-weight: 700;}.article-main .rte img {max-width: 100%;height: auto;border-radius: 10px;margin: 16px 0;}.article-main .rte ul, .article-main .rte ol {margin: 0 0 16px;padding-left: 24px;}.article-main .rte li {margin-bottom: 8px;}.article-main .rte blockquote {margin: 20px 0;padding: 16px 20px;border-left: 4px solid var(--kl-blog-green);background: var(--kl-blog-green-light);border-radius: 0 10px 10px 0;color: #444;font-style: italic;}.article-main .rte table {width: 100%;border-collapse: collapse;margin-bottom: 16px;font-size: 14px;}.article-main .rte table th, .article-main .rte table td {border: 1px solid var(--kl-blog-border);padding: 10px 12px;}.article-main .rte table th {background: var(--kl-blog-green-light);font-weight: 700;}.article-main .rte a {color: var(--kl-blog-green);text-decoration: underline;}.article-main .rte a:hover {color: var(--kl-blog-green-dark);}@media (max-width: 767px) {.article-main .rte iframe {width: 100%;max-width: 100%;}}.kl-blog__share {margin-top: 32px;padding-top: 24px;border-top: 1px solid var(--kl-blog-border);display: flex;align-items: center;flex-wrap: wrap;gap: 14px;}.share-group__heading {font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700;color: #1a1a1a;margin: 0;}.share-group__list {display: flex;align-items: center;gap: 10px;}.share-group__item {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: #f5f7f6;border: 1px solid var(--kl-blog-border);overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease;}.share-group__item:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(27, 77, 46, 0.15);}.share-group__item img {width: 22px;height: 22px;object-fit: contain;display: block;}.article-main .button_45 {height: 42px;line-height: 40px;padding: 0 28px;background: var(--kl-blog-green);font-size: 14px;color: #fff;border: 1px solid var(--kl-blog-green);font-weight: 600;margin-top: 10px;border-radius: 999px;cursor: pointer;transition: background 0.2s ease;}.article-main .button_45:hover {background: var(--kl-blog-green-dark);}.article-main .form-group input, .article-main .form-group textarea {width: 100%;margin-bottom: 14px;outline: none;font-size: 14px;border-radius: 8px;padding: 10px 16px;border: 1px solid var(--kl-blog-border);}.blog-lienquan .title a {font-family: "Montserrat", sans-serif;color: var(--kl-blog-green);font-size: 24px;font-weight: 800;}.blog-lienquan .title a:hover {color: var(--kl-blog-green-dark);}.social-sharing {border-top: 1px solid var(--kl-blog-border);border-bottom: 1px solid var(--kl-blog-border);padding: 20px 0;margin: 20px 0;display: flex;align-items: center;}.item_blog_index .blog_content h3 a:hover {color: var(--kl-blog-green);}.item_blog_index .update_date .user_name b {color: var(--kl-blog-green);}@media (max-width: 991px) {.aside-content-blog, .blog_left_base {margin-top: 32px;}}@media (max-width: 767px) {.item-blog .block-content h3 {font-size: 14px;}.kl-blog__article {padding: 20px 16px 24px;border-radius: 12px;}.article-main .article-title {font-size: 22px;}.kl-blog__hero--detail .kl-blog__breadcrumb span:last-child {max-width: 160px;}.title-page span, .title-page a {font-size: 20px;}}