/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2026 | 09:32:21 */
/*
Theme Name: Cream Magazine
Theme URI: https://themebeez.com/themes/cream-magazine/
Author: themebeez
Author URI: https://themebeez.com/
Description: Cream Magazine is a news & magazine WordPress theme with a clean & modern design suitable for everyone who wish to share their stories, publish a breaking daily news or write on different topics. Everything in Cream Magazine is very easy to deal with, after assigning a front-page one can fully get started to build a website though WordPress Live Customizer.Cream magazine is build taking SEO, Speed & Responsive in mind. Build-in features like lazy load for images has been implemented to make cream mag load faster & extra library files have been bundled to minimize  HTTP requests. For more information go to https://themebeez.com/themes/cream-magazine/
Version: 2.1.11
Requires PHP: 5.6
Tested up to: 6.9.1
Requires at least: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cream-magazine
Tags: custom-background, custom-header, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, blog, news, right-sidebar, theme-options, footer-widgets, left-sidebar, grid-layout, rtl-language-support


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cream Magazine WordPress Theme, Copyright (C) 2025, themebeez.
Cream Magazine is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.comment-meta time,.comment-metadata time,.comment-meta .comment-date,.comment-meta .comment-meta-label,.comment-meta-label,.says{display:none !important}.wp-show-posts img{max-width:100%;width:200px;height:auto}.wp-show-posts .wp-show-posts-entry-title{font-size:16px;line-height:1.4}.smart-slider img{max-width:100%;height:auto;object-fit:cover}.smart-slider .n2-ss-slider{max-width:900px;margin:auto}h1{text-align:center}.aligncenter{display:block;margin-left:auto;margin-right:auto;clear:both}.widget a{color:#0066bf !important;text-decoration:none !important}.single-post .entry-content img.wp-post-image,.single .featured-image,.single .post-thumbnail{display:none !important}@media (max-width:767px){.breadcrumb{display:none}.author-info{text-align:center}}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.game-card{background-color:#1a1a24;border:1px solid #2a2a35;border-radius:10px;padding:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-5px);border-color:#d4af37;box-shadow:0 8px 20px rgba(0,0,0,.6)}.game-card h3{color:#d4af37;font-size:20px;margin-top:0;margin-bottom:15px;border-bottom:1px dashed #3a3a48;padding-bottom:10px}.game-card a{color:#4da6ff;text-decoration:none;font-weight:bold}.game-card a:hover{text-decoration:underline}.game-card .game-desc{font-size:15px;line-height:1.5;margin-bottom:15px}.game-card ul{padding-left:20px;margin-bottom:20px}.game-card ul li{font-size:14px;line-height:1.6;margin-bottom:8px;color:#ccc}.game-card ul li strong{color:#fff}.game-rating{background-color:#22222f;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}.game-rating>span{display:flex;justify-content:space-between;font-size:14px;font-weight:bold;color:#e0e0e0}.game-rating .stars{color:#f1c40f;letter-spacing:2px}.game-types-container{max-width:1000px;margin:0 auto;font-family:Arial,sans-serif;color:#e0e0e0}.game-types-container h2{color:#1a1a24;font-size:28px;text-align:center;margin-bottom:10px}.game-types-intro{color:#555;text-align:center;font-size:16px;margin-bottom:30px;line-height:1.6}.we-criteria-wrapper{font-family:'Roboto',sans-serif;line-height:1.6;color:#333;margin:30px 0;clear:both}.we-criteria-intro{font-size:15px;margin-bottom:20px;text-align:justify}.we-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #eaeaea;margin-bottom:20px}.we-criteria-table{width:100%;border-collapse:collapse;background:#fff;min-width:650px}.we-criteria-table th{background:#1a1a1a;color:#ffd700;font-weight:800;text-transform:uppercase;font-size:13px;padding:15px;text-align:left}.we-criteria-table td{padding:15px;border-bottom:1px dashed #eee;vertical-align:middle;font-size:14px}.we-criteria-table tr:hover td{background-color:#fdfdfd}.we-crit-name{display:flex;align-items:center;gap:10px;font-weight:700;color:#be1e2d}.we-crit-name i{font-size:16px;width:20px;text-align:center;color:#555}.we-weight-col{width:140px;text-align:center}.we-weight-value{font-weight:900;font-size:15px;margin-bottom:5px;display:block;color:#222}.we-weight-bar-bg{width:100%;height:7px;background:#f0f0f0;border-radius:10px;overflow:hidden}.we-weight-bar-fill{height:100%;background:linear-gradient(90deg,#be1e2d,#ff4b2b);border-radius:10px}.fill-25{width:25%}.fill-20{width:20%}.fill-10{width:10%}.fill-100{width:100%;background:#27ae60 !important}.we-crit-total td{background:#f8f9fa;font-weight:800;border-top:2px solid #ddd}.we-criteria-outro{background:#fff5f5;border-left:4px solid #be1e2d;padding:15px;font-size:14px;font-style:italic;color:#444;border-radius:0 8px 8px 0}.we-criteria-outro strong{color:#be1e2d}.we-seo-link{color:#005bc2;text-decoration:none;font-weight:600}.we-seo-link:hover{text-decoration:underline}.social-footer{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0}.social-icon{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#333;color:#fff;text-decoration:none;font-size:18px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.social-footer .social-icon svg{display:block !important;width:19px !important;height:19px !important;fill:#fff !important;pointer-events:none}.social-icon.facebook:hover{background-color:#1877f2}.social-icon.x-twitter:hover{background-color:#000}.social-icon.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-icon.youtube:hover{background-color:#f00}.social-icon.pinterest:hover{background-color:#e60023}.social-icon.medium:hover{background-color:#111}.social-icon.linkedin:hover{background-color:#0a66c2}.social-icon:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff}@media (max-width:480px){.social-footer{gap:12px}.social-icon{width:36px;height:36px;font-size:16px}}.custom-author-page-wrapper{background:#f9f9f9;padding:40px 0;font-family:sans-serif}.author-hero{display:flex;align-items:center;margin-bottom:30px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.author-avatar-circle img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #d93025;margin-right:25px}.author-meta-info h1{margin:0;font-size:28px;color:#333;text-transform:uppercase}.author-meta-info .tagline{margin:5px 0 0;color:#d93025;font-weight:bold;font-style:italic}.author-layout-body{display:flex;gap:30px}.author-sidebar{flex:0 0 260px}.author-nav-tabs{list-style:none;padding:0;margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}.author-nav-tabs li{padding:15px 20px;border-bottom:1px solid #eee;cursor:pointer;font-weight:bold;transition:background-color .3s ease,color .3s ease;color:#555}.author-nav-tabs li.active{background:#d93025;color:#fff;border-left:5px solid #333}.author-nav-tabs li:hover:not(.active){background:#f0f0f0}.author-main-content{flex:1;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);min-height:400px}.tab-content-item{display:none}.tab-content-item.active{display:block;animation:fadeIn .5s}.tab-title{color:#d93025;font-size:22px;border-bottom:2px solid #f0f0f0;padding-bottom:15px;margin-bottom:20px;text-transform:uppercase}.inner-text{line-height:1.8;color:#444;font-size:16px}.post-card{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.post-card-thumb img{width:180px;height:110px;object-fit:cover;border-radius:4px}.post-card-body h3{margin:0 0 10px;font-size:18px}.post-card-body h3 a{color:#333;text-decoration:none}.post-card-body h3 a:hover{color:#d93025}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.author-layout-body{flex-direction:column}.author-hero{flex-direction:column;text-align:center}.author-avatar-circle img{margin-right:0;margin-bottom:15px}.author-sidebar{flex:none;width:100%}}.author-socials{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap}.author-socials .social-btn{display:inline-block;padding:6px 15px;background:#333;color:#fff;border-radius:5px;font-size:13px;font-weight:bold;text-decoration:none;text-transform:capitalize;transition:opacity .3s ease,transform .3s ease}.author-socials .social-btn:hover{opacity:.8;transform:translateY(-2px)}.author-socials .social-btn.facebook{background:#1877f2}.author-socials .social-btn.soundcloud{background:#f50}.author-socials .social-btn.google{background:#db4437}.author-socials .social-btn.youtube{background:#f00}.author-socials .social-btn.twitter{background:#1da1f2}.author-box,.cm-author-box,.post-author-section{display:none !important}.saboxplugin-wrap{display:block !important}.author-verification-box{background:#fdfdfd;border:1px solid #e2e8f0;border-left:5px solid #2b6cb0;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.avb-details{padding:12px 18px;cursor:pointer}.avb-summary{font-size:14px;color:#2d3748;font-weight:bold;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;align-items:center}.avb-summary::-webkit-details-marker{display:none}.avb-summary-title{display:flex;align-items:center;gap:8px}.avb-icon-main{font-size:18px}.avb-summary-hint{font-size:12px;color:#2b6cb0;font-weight:normal;text-transform:none}.avb-content{margin-top:15px;padding-top:15px;border-top:1px dashed #e2e8f0}.avb-item{margin-bottom:15px;display:flex;align-items:flex-start;gap:10px}.avb-item-border{padding-top:12px;border-top:1px solid #edf2f7;margin-bottom:0}.avb-icon{font-size:20px}.avb-text{font-size:13.5px;line-height:1.6;color:#4a5568}.avb-text-italic{font-size:13px;line-height:1.5;color:#718096;font-style:italic}.avb-highlight{font-weight:bold;color:#e53e3e}.avb-link{color:#e53e3e;text-decoration:underline}.footer-title{font-size:16px;text-transform:uppercase;color:#fff;border-bottom:2px solid #007bff;padding-bottom:5px;margin-bottom:10px}.footer-disclaimer{color:#777;font-size:12px;line-height:1.5;text-align:justify;padding-top:15px}.footer-disclaimer .disclaimer-title{color:#999;font-weight:bold;font-size:13px;text-transform:uppercase;margin-bottom:8px}.footer-disclaimer p{margin-bottom:8px}.footer-disclaimer strong{color:#888}.warning-18plus{border-left:3px solid #b8860b;padding-left:10px;color:#b8860b !important}.copyright-year{text-align:center;margin-top:15px;padding-top:10px;border-top:1px dashed #333;font-size:11px;color:#666}.ai-summary-box{margin:20px 0;text-align:right}.ai-summary-box .label{display:block;font-size:14px;margin-bottom:10px;color:#555}.ai-buttons{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ai-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:999px;background:#f3f3f3;font-size:14px;color:#333;text-decoration:none;transition:background-color .2s ease;cursor:pointer;font-family:inherit}.ai-btn:hover{background:#e8e8e8}#ez-toc-container{position:fixed !important;top:50% !important;transform:translateY(-50%) !important;left:10px !important;right:auto !important;width:50px !important;height:50px !important;background:#111 !important;border:2px solid #ffc107 !important;border-radius:12px !important;z-index:999999 !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 5px 20px rgba(0,0,0,.5) !important;transition:width .3s ease,height .3s ease,left .3s ease,transform .3s ease,border-radius .3s ease,background-color .3s ease,box-shadow .3s ease !important;margin:0 !important}#ez-toc-container .ez-toc-title{display:none !important}#ez-toc-container::before{content:"" !important;width:20px !important;height:2px !important;background:#ffc107 !important;box-shadow:0 6px 0 #ffc107,0 -6px 0 #ffc107 !important;display:block !important}#ez-toc-container nav,#ez-toc-container ul,#ez-toc-container .ez-toc-list{display:none !important}#ez-toc-container.is-open{width:85% !important;max-width:400px !important;height:auto !important;max-height:75vh !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;border-radius:15px !important;flex-direction:column !important;justify-content:flex-start !important;background:#1a1a1a !important;box-shadow:0 0 0 2000px rgba(0,0,0,.65),0 10px 30px rgba(0,0,0,.9) !important}#ez-toc-container.is-open::before{display:none !important}#ez-toc-container.is-open .ez-toc-title{display:flex !important;flex:0 0 auto !important;width:100% !important;height:50px !important;color:#ffc107 !important;font-size:15px !important;font-weight:bold !important;text-transform:uppercase !important;align-items:center !important;justify-content:space-between !important;padding:0 15px !important;background:#222 !important;border-bottom:1px solid #444 !important;margin:0 !important;cursor:pointer !important}#ez-toc-container.is-open .ez-toc-title::after{content:"✕" !important;font-size:20px !important;opacity:.8 !important}#ez-toc-container.is-open nav{display:block !important;flex:1 1 auto !important;width:100% !important;padding:0 10px 15px 10px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#ez-toc-container.is-open ul.ez-toc-list,#ez-toc-container.is-open .ez-toc-list{display:block !important;visibility:visible !important}#ez-toc-container ul.ez-toc-list{margin:0 !important;padding:0 !important;list-style:none !important}#ez-toc-container ul.ez-toc-list li{border-bottom:1px solid rgba(255,255,255,.05) !important;padding:0 !important;margin:0 !important}#ez-toc-container ul.ez-toc-list li a{color:#ddd !important;display:block !important;padding:15px 10px !important;font-size:15px !important;text-decoration:none !important;line-height:1.5 !important;transition:.2s}#ez-toc-container ul.ez-toc-list li a:active,#ez-toc-container ul.ez-toc-list li a:hover{background:rgba(255,193,7,.1) !important;color:#ffc107 !important}#ez-toc-container ul.ez-toc-list ul{display:none !important}.ez-toc-title-toggle{display:none !important}.screen-reader-text,.sr-only,.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.screen-reader-text:focus,.screen-reader-text:focus-visible,.sr-only:focus,.sr-only:focus-visible,.visually-hidden:focus,.visually-hidden:focus-visible{position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:8px 12px !important;overflow:visible !important;clip:auto !important;white-space:normal !important;border:2px solid #005fcc !important;background:#fff !important;color:#111 !important;z-index:100000 !important}html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible,html body summary:focus-visible,html body [tabindex]:focus-visible,html body .avb-details:focus-visible,html body .cm-submit-btn:focus-visible,html body #toTop:focus-visible{outline:3px solid #005fcc !important;outline-offset:3px !important;box-shadow:0 0 0 5px rgba(0,95,204,.18) !important}@supports not selector(:focus-visible){html body a:focus,html body button:focus,html body input:focus,html body select:focus,html body textarea:focus,html body summary:focus,html body [tabindex]:focus{outline:3px solid #005fcc !important;outline-offset:3px !important;box-shadow:0 0 0 5px rgba(0,95,204,.18) !important}}.cm-submit-btn svg,#toTop svg{pointer-events:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}}
/* =====================================================
   GB247 - LUCKYWP TOC FINAL CSS ONLY
   PC nhỏ: đóng mặc định, hover/focus thì mở
   Mobile: đóng mặc định, dùng class gb247-toc-open để mở
   PC rộng >=1920px: mở sẵn bên trái
===================================================== */

/* =====================================================
   RESET CHUNG
===================================================== */

.lwptoc,
.lwptoc *,
.lwptoc_i,
.lwptoc_header,
.lwptoc_items {
    box-sizing: border-box !important;
}

.lwptoc {
    z-index: 999999 !important;
}

.lwptoc_i {
    font-family: Arial, sans-serif !important;
}

.lwptoc_toggle {
    display: none !important;
}

/* =====================================================
   PC NHỎ + TABLET
   768px -> 1919px
   Đóng mặc định, hover/focus thì mở
===================================================== */

@media (min-width: 768px) and (max-width: 1919px) {
    .lwptoc {
        position: fixed !important;
        left: 16px !important;
        top: 96px !important;
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    .lwptoc_i {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #111111 !important;
        border: 2px solid #e71920 !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
        transition: width .22s ease, max-width .22s ease, height .22s ease, max-height .22s ease, background .22s ease !important;
    }

    .lwptoc_header {
        width: 52px !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        cursor: pointer !important;
    }

    .lwptoc_title {
        font-size: 0 !important;
        line-height: 1 !important;
        color: transparent !important;
    }

    .lwptoc_title:before {
        content: "☰" !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffcc00 !important;
        font-size: 26px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .lwptoc_items,
    .lwptoc_items-visible {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* PC nhỏ: rê chuột vào icon hoặc focus vào TOC thì mở */
    .lwptoc:hover,
    .lwptoc:focus-within,
    body.gb247-toc-open .lwptoc,
    .lwptoc.gb247-toc-open {
        width: 330px !important;
        max-width: 330px !important;
        height: auto !important;
    }

    .lwptoc:hover .lwptoc_i,
    .lwptoc:focus-within .lwptoc_i,
    body.gb247-toc-open .lwptoc .lwptoc_i,
    .lwptoc.gb247-toc-open .lwptoc_i {
        width: 330px !important;
        max-width: 330px !important;
        height: auto !important;
        max-height: calc(100vh - 125px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 14px 13px 15px !important;
        background: #ffffff !important;
        border: 1px solid #e6e9ef !important;
        border-left: 4px solid #e71920 !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.24) !important;
    }

    .lwptoc:hover .lwptoc_header,
    .lwptoc:focus-within .lwptoc_header,
    body.gb247-toc-open .lwptoc .lwptoc_header,
    .lwptoc.gb247-toc-open .lwptoc_header {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 0 10px !important;
        margin: 0 0 10px !important;
        border-bottom: 1px solid #edf0f4 !important;
    }

    .lwptoc:hover .lwptoc_title,
    .lwptoc:focus-within .lwptoc_title,
    body.gb247-toc-open .lwptoc .lwptoc_title,
    .lwptoc.gb247-toc-open .lwptoc_title {
        display: block !important;
        font-size: 15px !important;
        color: #111827 !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
        letter-spacing: -.2px !important;
    }

    .lwptoc:hover .lwptoc_title:before,
    .lwptoc:focus-within .lwptoc_title:before,
    body.gb247-toc-open .lwptoc .lwptoc_title:before,
    .lwptoc.gb247-toc-open .lwptoc_title:before {
        content: "" !important;
        display: none !important;
    }

    .lwptoc:hover .lwptoc_header:after,
    .lwptoc:focus-within .lwptoc_header:after,
    body.gb247-toc-open .lwptoc .lwptoc_header:after,
    .lwptoc.gb247-toc-open .lwptoc_header:after {
        content: "×" !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        background: #e71920 !important;
        color: #ffffff !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .lwptoc:hover .lwptoc_items,
    .lwptoc:hover .lwptoc_items-visible,
    .lwptoc:focus-within .lwptoc_items,
    .lwptoc:focus-within .lwptoc_items-visible,
    body.gb247-toc-open .lwptoc .lwptoc_items,
    body.gb247-toc-open .lwptoc .lwptoc_items-visible,
    .lwptoc.gb247-toc-open .lwptoc_items,
    .lwptoc.gb247-toc-open .lwptoc_items-visible {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =====================================================
   MOBILE
   <=767px
   Đóng mặc định, mở bằng class gb247-toc-open
===================================================== */

@media (max-width: 767px) {
    .lwptoc {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 12px !important;
        top: auto !important;
        bottom: 82px !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2147483647 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    .lwptoc_i {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #111111 !important;
        border: 2px solid #e71920 !important;
        border-radius: 13px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
        transition: width .22s ease, max-width .22s ease, height .22s ease, max-height .22s ease, background .22s ease !important;
    }

    .lwptoc_header {
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        cursor: pointer !important;
    }

    .lwptoc_title {
        display: flex !important;
        font-size: 0 !important;
        line-height: 1 !important;
        color: transparent !important;
    }

    .lwptoc_title:before {
        content: "☰" !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffcc00 !important;
        font-size: 25px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .lwptoc_items,
    .lwptoc_items-visible {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gb247-toc-open .lwptoc,
    .lwptoc.gb247-toc-open {
        width: min(318px, calc(100vw - 24px)) !important;
        max-width: min(318px, calc(100vw - 24px)) !important;
        height: auto !important;
        max-height: none !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_i,
    .lwptoc.gb247-toc-open .lwptoc_i {
        width: min(318px, calc(100vw - 24px)) !important;
        max-width: min(318px, calc(100vw - 24px)) !important;
        height: auto !important;
        max-height: calc(100vh - 120px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 13px 13px 15px !important;
        background: #ffffff !important;
        border: 1px solid #e6e9ef !important;
        border-left: 4px solid #e71920 !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.24) !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_header,
    .lwptoc.gb247-toc-open .lwptoc_header {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 0 10px !important;
        margin: 0 0 10px !important;
        border-bottom: 1px solid #edf0f4 !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_title,
    .lwptoc.gb247-toc-open .lwptoc_title {
        display: block !important;
        font-size: 15px !important;
        color: #111827 !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
        letter-spacing: -.2px !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_title:before,
    .lwptoc.gb247-toc-open .lwptoc_title:before {
        content: "" !important;
        display: none !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_header:after,
    .lwptoc.gb247-toc-open .lwptoc_header:after {
        content: "×" !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        background: #e71920 !important;
        color: #ffffff !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    body.gb247-toc-open .lwptoc .lwptoc_items,
    body.gb247-toc-open .lwptoc .lwptoc_items-visible,
    .lwptoc.gb247-toc-open .lwptoc_items,
    .lwptoc.gb247-toc-open .lwptoc_items-visible {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =====================================================
   PC RỘNG
   >=1920px
   Mở sẵn bên trái
===================================================== */

@media (min-width: 1920px) {
    .lwptoc {
        position: fixed !important;
        top: 96px !important;
        left: 18px !important;
        width: 300px !important;
        max-width: 300px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .lwptoc_i {
        width: 100% !important;
        max-width: 300px !important;
        max-height: calc(100vh - 125px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #ffffff !important;
        border: 1px solid #e6e9ef !important;
        border-left: 4px solid #e71920 !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
        padding: 14px 13px !important;
    }

    .lwptoc_header {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        border-bottom: 1px solid #edf0f4 !important;
        cursor: default !important;
    }

    .lwptoc_title {
        display: block !important;
        color: #111827 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
        letter-spacing: -.2px !important;
    }

    .lwptoc_title:before {
        content: "☰" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        margin-right: 7px !important;
        border-radius: 7px !important;
        background: #e71920 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    .lwptoc_items,
    .lwptoc_items-visible {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =====================================================
   STYLE ITEM CHUNG
===================================================== */

.lwptoc_item {
    margin: 3px 0 !important;
    padding: 0 !important;
}

.lwptoc_item a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    padding: 7px 8px !important;
    border-radius: 9px !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

.lwptoc_item a:hover {
    color: #e71920 !important;
    background: #fff1f1 !important;
    transform: translateX(2px) !important;
}

.lwptoc_item_number {
    min-width: 18px !important;
    color: #e71920 !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.lwptoc_itemWrap {
    margin-left: 9px !important;
    padding-left: 8px !important;
    border-left: 1px dashed #edf0f4 !important;
}

/* =====================================================
   SCROLLBAR
===================================================== */

.lwptoc_i::-webkit-scrollbar {
    width: 5px !important;
}

.lwptoc_i::-webkit-scrollbar-track {
    background: #f3f4f6 !important;
    border-radius: 999px !important;
}

.lwptoc_i::-webkit-scrollbar-thumb {
    background: #e71920 !important;
    border-radius: 999px !important;
}

/* =====================================================
   FOOTER - TƯƠNG PHẢN VÀ NHẬN BIẾT LIÊN KẾT
===================================================== */

body .footer_inner,
body .footer_inner p,
body .copyright-year,
body .footer_inner [class*="copyright"] {
    color: #f7f7f7 !important;
    opacity: 1 !important;
}

body .footer_inner a,
body .footer_inner a:visited,
body .copyright-year a,
body .copyright-year a:visited {
    color: #b9dcff !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
}

body .footer_inner a:hover,
body .footer_inner a:focus-visible,
body .copyright-year a:hover,
body .copyright-year a:focus-visible {
    color: #ffffff !important;
    text-decoration: underline !important;
}

body .footer_inner a:focus-visible,
body .copyright-year a:focus-visible {
    outline: 3px solid #ffe082 !important;
    outline-offset: 3px !important;
}
.gb247-team {
	--team-green: #13733f;
	--team-green-dark: #09592e;
	--team-green-soft: #edf8f1;

	--team-red: #d71920;
	--team-red-dark: #a90f15;
	--team-red-soft: #fff3f3;

	--team-yellow-soft: #fff7e6;
	--team-text: #17231c;
	--team-muted: #5d6c63;
	--team-border: #d7e3db;

	color: var(--team-text);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.7;
}

.gb247-team *,
.gb247-team *::before,
.gb247-team *::after {
	box-sizing: border-box;
	font-family: inherit;
}

.gb247-team a {
	color: var(--team-green-dark);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.gb247-team h2,
.gb247-team h3,
.gb247-team h4 {
	font-family: inherit;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
}

.gb247-team-hero {
	margin-bottom: 32px;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid var(--team-border);
	border-radius: 20px;
	background: linear-gradient(
		135deg,
		rgba(19, 115, 63, 0.09),
		#ffffff
	);
	box-shadow: 0 12px 32px rgba(17, 72, 42, 0.08);
}

.gb247-team-label,
.gb247-author-role {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-bottom: 10px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--team-green-soft);
	color: var(--team-green-dark);
	font-size: 13px;
	font-weight: 700;
}

.gb247-team-hero h2 {
	margin: 0 0 14px;
	font-size: clamp(25px, 4vw, 36px);
}

.gb247-team-hero p {
	max-width: 920px;
	margin: 0 0 14px;
}

.gb247-team-notice {
	margin-top: 22px;
	padding: 16px 18px;
	border-left: 4px solid var(--team-green);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.85);
}

.gb247-team-actions,
.gb247-author-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

/* Nút chính: nền đỏ, chữ trắng */
.gb247-team-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 17px;
	border: 2px solid var(--team-red);
	border-radius: 9px;
	background: var(--team-red);
	color: #ffffff !important;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.gb247-team-button:hover {
	border-color: var(--team-red-dark);
	background: var(--team-red-dark);
	color: #ffffff !important;
	transform: translateY(-1px);
}

.gb247-team-button:focus-visible {
	outline: 3px solid #f2b705;
	outline-offset: 3px;
}

/* Nút phụ: nền trắng, chữ và viền đỏ */
.gb247-team-button-secondary {
	border-color: var(--team-red);
	background: #ffffff;
	color: var(--team-red) !important;
}

.gb247-team-button-secondary:hover {
	border-color: var(--team-red-dark);
	background: var(--team-red-soft);
	color: var(--team-red-dark) !important;
}

.gb247-section-title {
	margin: 38px 0 8px;
	font-size: clamp(24px, 3vw, 31px);
}

.gb247-section-description {
	max-width: 900px;
	margin: 0 0 22px;
	color: var(--team-muted);
}

.gb247-author-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.gb247-author-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--team-border);
	border-radius: 19px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(16, 54, 33, 0.07);
}

.gb247-author-header {
	padding: 26px 22px 20px;
	text-align: center;
	background: linear-gradient(
		180deg,
		var(--team-green-soft),
		#ffffff
	);
}

.gb247-author-avatar {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto 16px;
	border: 5px solid #ffffff;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 8px 22px rgba(18, 78, 43, 0.16);
}

.gb247-author-header h3 {
	margin: 0 0 9px;
	font-size: 23px;
}

.gb247-author-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0 22px 24px;
}

.gb247-author-body p {
	margin: 0 0 14px;
}

.gb247-author-body h4 {
	margin: 7px 0;
	color: #183c27;
	font-size: 16px;
}

.gb247-author-body ul {
	margin: 0 0 10px;
	padding-left: 21px;
}

.gb247-author-body li {
	margin-bottom: 6px;
}

.gb247-author-actions {
	margin-top: auto;
	padding-top: 12px;
}

.gb247-team-process {
	margin-top: 32px;
	padding: clamp(22px, 4vw, 34px);
	border: 1px solid var(--team-border);
	border-radius: 20px;
	background: #fbfdfb;
}

.gb247-team-process h2,
.gb247-team-transparency h2,
.gb247-team-contact h2 {
	margin-top: 0;
}

.gb247-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	counter-reset: team-step;
}

.gb247-process-item {
	padding: 20px;
	border: 1px solid var(--team-border);
	border-radius: 14px;
	background: #ffffff;
	counter-increment: team-step;
}

.gb247-process-item::before {
	content: counter(team-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--team-green);
	color: #ffffff;
	font-weight: 700;
}

.gb247-process-item h3 {
	margin: 0 0 7px;
	font-size: 18px;
}

.gb247-team-transparency {
	margin-top: 26px;
	padding: 23px;
	border: 1px solid #efd9a5;
	border-radius: 18px;
	background: var(--team-yellow-soft);
}

.gb247-team-transparency ul {
	margin-bottom: 0;
	padding-left: 21px;
}

.gb247-team-contact {
	margin-top: 26px;
	padding: 25px;
	border-radius: 18px;
	background: #102b1d;
	color: #ffffff;
}

.gb247-team-contact h2 {
	color: #ffffff;
}

.gb247-team-contact a:not(.gb247-team-button) {
	color: #c9f4d9;
}

/* Nút trong khung liên hệ vẫn dùng màu đỏ, chữ trắng */
.gb247-team-contact .gb247-team-button {
	border-color: var(--team-red);
	background: var(--team-red);
	color: #ffffff !important;
}

.gb247-team-contact .gb247-team-button:hover {
	border-color: var(--team-red-dark);
	background: var(--team-red-dark);
	color: #ffffff !important;
}

/* Nếu có nút phụ trong khung liên hệ */
.gb247-team-contact .gb247-team-button-secondary {
	border-color: var(--team-red);
	background: #ffffff;
	color: var(--team-red) !important;
}

.gb247-team-contact .gb247-team-button-secondary:hover {
	border-color: var(--team-red-dark);
	background: var(--team-red-soft);
	color: var(--team-red-dark) !important;
}

@media (max-width: 920px) {
	.gb247-author-grid,
	.gb247-process-grid {
		grid-template-columns: 1fr;
	}

	.gb247-author-card {
		max-width: 680px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 560px) {
	.gb247-team-hero,
	.gb247-team-process,
	.gb247-team-transparency,
	.gb247-team-contact {
		padding: 20px;
		border-radius: 15px;
	}

	.gb247-author-avatar {
		width: 130px;
		height: 130px;
	}

	.gb247-team-button {
		width: 100%;
	}
}