/* Shared shell; authored Header / Content / Footer blocks keep their own styles. */
body.blog-modern{--theme-bg:#f6f8fc;--theme-surface:#fff;--theme-ink:#24354c;--theme-muted:#738095;--theme-accent:#3269ba;--theme-soft:#eaf0f9;--theme-line:#e1e8f0;--theme-radius:20px;--theme-font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--theme-title:var(--theme-font);--default-font:var(--theme-font);--heading-font:var(--theme-font);--nav-font:var(--theme-font);--background-color:var(--theme-bg);--surface-color:var(--theme-surface);--default-color:var(--theme-ink);--heading-color:var(--theme-ink);--accent-color:var(--theme-accent);--nav-color:var(--theme-ink);--nav-hover-color:var(--theme-accent);--nav-mobile-background-color:var(--theme-surface);--nav-dropdown-background-color:var(--theme-surface);--nav-dropdown-color:var(--theme-ink);--nav-dropdown-hover-color:var(--theme-accent);background:var(--theme-bg);color:var(--theme-ink);font-family:var(--theme-font);line-height:1.75;}
body.blog-theme-5{--theme-bg:#faf7f2;--theme-ink:#43382f;--theme-muted:#8c7c6e;--theme-accent:#a46a4e;--theme-soft:#f1e8df;--theme-line:#e9dfd3;--theme-radius:12px;--theme-title:var(--theme-font);--template-five-accent:var(--theme-accent);--template-five-ink:var(--theme-ink);--template-five-surface:var(--theme-surface);}
body.blog-theme-6{--theme-bg:#f4f7f1;--theme-ink:#294638;--theme-muted:#77877a;--theme-accent:#52795c;--theme-soft:#e6eee0;--theme-line:#dfe7db;--theme-radius:26px;--theme-title:var(--theme-font);}
.blog-modern .modern-header{background:var(--theme-surface);border-bottom:1px solid var(--theme-line);padding:0;box-shadow:0 4px 24px #152d4305;z-index:1030;}
.blog-modern .modern-header-inner{display:flex;align-items:center;gap:24px;min-height:88px;padding:14px 28px;}
.blog-modern .modern-brand{display:flex;align-items:center;min-width:0;margin-right:auto;gap:12px;flex-shrink:1;}
.blog-modern .modern-brand .sitename{font-family:var(--theme-title);font-weight:700;font-size:clamp(17px,1.8vw,25px);letter-spacing:-.6px;color:var(--theme-ink);line-height:1.25;overflow-wrap:anywhere;}
.blog-modern .modern-brand img{width:auto;max-width:220px;max-height:48px;object-fit:contain;}
.blog-modern .modern-site-link{flex-shrink:0;border-right:1px solid var(--theme-line);padding-right:18px;}
.blog-modern .modern-site-link img{width:34px;height:34px;object-fit:contain;}
.blog-modern .modern-tour{color:var(--theme-accent);font-size:12px;font-weight:700;white-space:nowrap;padding:10px 16px;border-radius:999px;background:var(--theme-soft);}
.blog-modern .modern-header .btn-cart{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 13px;border:1px solid var(--theme-line);border-radius:14px;color:var(--theme-ink);background:var(--theme-surface);font-size:12px;white-space:nowrap;position:relative;}
.blog-modern .modern-header .kc-cart-count{position:absolute;top:-5px;right:-5px;background:var(--theme-accent);color:#fff;min-width:18px;min-height:18px;border-radius:50%;padding:4px;line-height:1;}
.blog-modern .modern-header a:focus-visible,.blog-modern .modern-header button:focus-visible{outline:3px solid var(--theme-accent);outline-offset:4px;}
.blog-modern .modern-main{min-height:50vh;}
.blog-modern .starter-section{background:transparent;padding:48px 0 64px;}
.blog-modern .starter-section>.container,.blog-modern .starter-section>div>.container{max-width:1240px;}
.blog-modern .template-five-page__body{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0;}
.blog-modern .template-six-page__body{margin-top:32px;}
.blog-modern .template-six-page__body>*{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;}
.blog-modern .blog-content-block{margin-bottom:32px;}
.blog-modern .template-six-page__hero{background:transparent;border:0;box-shadow:none;max-width:800px;padding:20px 16px 36px;margin:0 auto 24px;border-radius:0;}
.blog-modern .template-six-page__hero h1{font-family:var(--theme-title);font-size:clamp(32px,4.6vw,60px);line-height:1.16;letter-spacing:-1.5px;color:var(--theme-ink);margin:16px 0;}
.blog-modern .template-six-page__hero p{font-size:16px;color:var(--theme-muted);line-height:1.85;max-width:600px;}
.blog-modern .template-six-page__label{display:inline-block;border-radius:999px;padding:6px 14px;background:var(--theme-soft);color:var(--theme-accent);font-size:10px;letter-spacing:1.8px;line-height:1.8;}
.blog-modern .template-five-card,.blog-modern .template-six-card{background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:var(--theme-radius);box-shadow:0 8px 30px #152d4305;transition:transform .2s,box-shadow .2s;}
.blog-modern .template-five-card:hover,.blog-modern .template-six-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #152d4310;}
.blog-modern .template-five-card h3,.blog-modern .template-six-card h3{font-family:var(--theme-title);font-size:clamp(22px,2.2vw,30px);line-height:1.25;letter-spacing:-.6px;}
.blog-modern .template-five-card__body,.blog-modern .template-six-card__body{padding:26px;}
.blog-modern .template-five-card p,.blog-modern .template-six-card p{color:var(--theme-muted);font-size:14px;line-height:1.85;}
.blog-modern .template-five-card__meta,.blog-modern .template-six-card__date{color:var(--theme-accent);font-size:10px;letter-spacing:1.2px;}
.blog-modern .template-five-articles__heading,.blog-modern .template-six-articles__heading{margin-bottom:32px;}
.blog-modern .template-five-articles__heading h2,.blog-modern .template-six-articles__heading h2{font-family:var(--theme-title);font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-1px;}
.blog-modern .starter-section .blog-posts.section:not(.blog-content-block){padding:28px 0;}
.blog-modern .starter-section .blog-posts.section>.container>.row>div>.card{border-radius:var(--theme-radius);border:1px solid var(--theme-line)!important;overflow:hidden;box-shadow:0 8px 25px #152d4306!important;}
.blog-modern .starter-section .blog-posts.section .card-body{padding:24px;}
.blog-modern .modern-footer{padding:44px 0;background:var(--theme-surface);color:var(--theme-ink);border-top:1px solid var(--theme-line);font-size:13px;}
.blog-modern .modern-footer-inner{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:0 28px;}
.blog-modern .modern-footer-name{font-family:var(--theme-title);font-size:22px;font-weight:600;margin:0 0 8px;line-height:1.4;}
.blog-modern .modern-footer-note{font-size:12px;color:var(--theme-muted);margin:0;}
.blog-modern .modern-footer-credit{font-size:10px;color:var(--theme-muted);margin:0;text-align:right;}
/* Three distinct personalities: precise blue, warm editorial, soft botanical. */
.blog-theme-4 .modern-header{border-top:3px solid var(--theme-accent);}
.blog-theme-4 .modern-footer{background:#20344e;color:#fff;border:0;}
.blog-theme-4 .modern-footer-note,.blog-theme-4 .modern-footer-credit{color:#b0bfd3;}
.blog-theme-5 .modern-header-inner{min-height:104px;}
.blog-theme-5 .modern-brand .sitename{font-size:29px;font-weight:400;letter-spacing:-1px;}
.blog-theme-5 .modern-footer{background:#f0e8df;}
.blog-theme-5 .template-five-card{box-shadow:none;border-radius:10px;}
.blog-theme-5 .template-five-card__thumb{min-height:240px;}
.blog-theme-6 .modern-header{margin:16px auto 0;width:calc(100% - 40px);max-width:1320px;border:1px solid var(--theme-line);border-radius:24px;top:12px;box-shadow:0 6px 25px #29463808;}
.blog-theme-6 .modern-header-inner{min-height:80px;}
.blog-theme-6 .modern-main{padding-top:20px;}
.blog-theme-6 .modern-footer{background:#e6eee0;border-radius:40px 40px 0 0;margin-top:20px;}
@media(min-width:1200px){
 .blog-modern .modern-header .modern-brand{flex:0 1 auto;max-width:24%;}
 .blog-modern .modern-header .modern-brand .sitename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .blog-modern .modern-header .modern-brand img{max-width:100%;}
 .blog-modern .modern-header .modern-tour,.blog-modern .modern-header .btn-cart{flex-shrink:0;}
 .blog-modern .modern-header .navmenu{flex:1 1 0;min-width:80px;}
 .blog-modern .modern-header .navmenu>ul{display:flex;width:100%;gap:4px;flex-wrap:nowrap;justify-content:flex-end;}
 .blog-modern .modern-header .navmenu>ul>li{flex:0 0 auto;white-space:nowrap;}
 .blog-modern .modern-header .navmenu>ul>.modern-overflow[hidden]{display:none!important;}
 .blog-modern .modern-overflow{position:relative;}
 .blog-modern .modern-overflow-button{display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 14px;font:600 13px/1.5 var(--theme-font);color:var(--theme-ink);background:transparent;cursor:pointer;white-space:nowrap;}
 .blog-modern .modern-overflow-button:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;}
 .blog-modern .modern-overflow-button:hover,.blog-modern .modern-overflow.is-open>.modern-overflow-button,.blog-modern .modern-overflow.has-active>.modern-overflow-button{background:var(--theme-soft);color:var(--theme-accent);}
 .blog-modern .modern-header .navmenu>ul>.modern-overflow>ul{display:none;position:absolute;top:100%;right:0;left:auto;width:300px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 140px);overflow-y:auto;padding:10px;margin:8px 0 0;list-style:none;border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface);box-shadow:0 14px 40px #152d4320;z-index:100;}
 .blog-modern .modern-header .navmenu>ul>.modern-overflow.is-open>ul{display:block;}
 .blog-modern .modern-header .navmenu .modern-overflow-panel li{min-width:0;white-space:normal;}
 .blog-modern .modern-header .navmenu .modern-overflow-panel a{padding:12px 14px;border-radius:8px;font-size:13px;white-space:normal;overflow-wrap:anywhere;}
 .blog-modern .modern-header .navmenu .modern-overflow-panel a:hover,.blog-modern .modern-header .navmenu .modern-overflow-panel a.active{background:var(--theme-soft);color:var(--theme-accent);}
 .blog-modern .modern-header .navmenu .modern-overflow-panel .dropdown>ul{display:block;position:static;opacity:1;visibility:visible;transform:none;min-width:0;width:auto;margin:0 0 4px 12px;padding:0 0 0 8px;border:0;border-left:1px solid var(--theme-line);border-radius:0;box-shadow:none;}
 .blog-modern .modern-header .navmenu .modern-overflow-panel .toggle-dropdown{display:none;}
 .blog-modern .modern-header .navmenu>ul>li>a{padding:10px 14px;font-size:13px;font-weight:600;border-radius:999px;}
 .blog-modern .modern-header .navmenu>ul>li>a:hover,.blog-modern .modern-header .navmenu>ul>li>a.active{background:var(--theme-soft);color:var(--theme-accent);}
 .blog-modern .modern-header .navmenu .dropdown ul{border:1px solid var(--theme-line);border-radius:16px;padding:10px;box-shadow:0 14px 40px #152d4312;}
 .blog-modern .modern-header .navmenu .dropdown ul a{border-radius:8px;font-size:13px;}
 .blog-theme-5 .modern-header .navmenu>ul>li>a{border-radius:0;border-bottom:1px solid transparent;}
 .blog-theme-5 .modern-header .navmenu>ul>li>a:hover,.blog-theme-5 .modern-header .navmenu>ul>li>a.active{background:transparent;border-bottom-color:var(--theme-accent);}
}
@media(max-width:1199px){
 .blog-theme-4 .modern-header .modern-site-link{order:0;}
 .blog-theme-4 .modern-header .modern-brand{order:1;}
 .blog-theme-4 .modern-header .modern-tour{order:2;}
 .blog-theme-4 .modern-header .btn-cart{order:3;}
 .blog-modern .modern-header-inner{gap:14px;min-height:78px;padding:12px 20px;}
 .blog-modern .modern-header .navmenu{order:4;flex-shrink:0;}
 .blog-modern .modern-header .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--theme-line);border-radius:12px;background:var(--theme-surface);color:var(--theme-ink);padding:0;margin:0;cursor:pointer;}
 .blog-modern .modern-menu-icon{width:18px;height:2px;background:currentColor;position:relative;display:block;}
 .blog-modern .modern-menu-icon:before,.blog-modern .modern-menu-icon:after{content:'';position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .2s;}
 .blog-modern .modern-menu-icon:before{top:-6px;}.blog-modern .modern-menu-icon:after{top:6px;}
 .blog-modern.mobile-nav-active .modern-header .navmenu{position:fixed;inset:0;z-index:9997;background:#14223480;}
 .blog-modern.mobile-nav-active .modern-header .navmenu>ul{display:block;position:absolute;inset:80px 16px auto;margin:0;padding:14px;max-height:calc(100dvh - 104px);overflow-y:auto;border:1px solid var(--theme-line);border-radius:20px;background:var(--theme-surface);box-shadow:0 20px 60px #14223426;}
 .blog-modern.mobile-nav-active .modern-header .mobile-nav-toggle{position:fixed;top:20px;right:20px;color:var(--theme-ink);z-index:9999;}
 .blog-modern.mobile-nav-active .modern-menu-icon{background:transparent;}
 .blog-modern.mobile-nav-active .modern-menu-icon:before{top:0;transform:rotate(45deg);}.blog-modern.mobile-nav-active .modern-menu-icon:after{top:0;transform:rotate(-45deg);}
 .blog-modern .modern-header .navmenu a{padding:14px 16px;border-radius:12px;font-size:15px;color:var(--theme-ink);}
 .blog-modern .modern-header .navmenu a:hover,.blog-modern .modern-header .navmenu a.active{background:var(--theme-soft);color:var(--theme-accent);}
 .blog-modern .modern-header .navmenu .dropdown ul{position:static;padding:8px;margin:6px 10px;background:var(--theme-bg);box-shadow:none;border:0;border-radius:12px;}
 .blog-modern .modern-header .navmenu .dropdown-active{display:block;}
}
@media(max-width:600px){
 .blog-modern .modern-header-inner{gap:10px;min-height:70px;padding:10px 16px;}
 .blog-modern .modern-brand img{max-width:140px;max-height:40px;}
 .blog-modern .modern-brand .sitename{font-size:17px;letter-spacing:-.3px;}
 .blog-modern .modern-site-link{padding-right:10px;}.blog-modern .modern-site-link img{width:26px;height:26px;}
 .blog-modern .modern-tour,.blog-modern .kc-header-cart-label{display:none;}
 .blog-modern .modern-header .btn-cart{padding:8px;min-width:40px;min-height:40px;flex-shrink:0;}
 .blog-modern .starter-section{padding:28px 0 40px;}
 .blog-modern .starter-section>.container,.blog-modern .starter-section>div>.container{padding-left:16px;padding-right:16px;}
 .blog-modern .template-six-page__hero{padding:12px 0 24px;margin-bottom:0;}
 .blog-modern .template-six-page__hero h1{font-size:32px;letter-spacing:-.8px;}
 .blog-modern .template-five-card__body,.blog-modern .template-six-card__body{padding:22px;}
 .blog-modern .template-five-card{grid-template-columns:1fr;}
 .blog-modern .template-five-card__thumb{min-height:0;aspect-ratio:16/10;}
 .blog-modern .modern-footer{padding:32px 0;}
 .blog-modern .modern-footer-inner{flex-direction:column;align-items:start;gap:22px;padding:0 20px;}
 .blog-modern .modern-footer-credit{text-align:left;}
 .blog-theme-6 .modern-header{width:calc(100% - 20px);margin-top:10px;top:8px;border-radius:18px;}
 .blog-theme-6 .modern-main{padding-top:12px;}
 .blog-theme-6 .modern-footer{border-radius:26px 26px 0 0;}
}
@media(prefers-reduced-motion:reduce){.blog-modern .template-five-card,.blog-modern .template-six-card,.blog-modern .modern-menu-icon:before,.blog-modern .modern-menu-icon:after{transition:none;}.blog-modern .template-five-card:hover,.blog-modern .template-six-card:hover{transform:none;}}

/* Consistent Vietnamese typography for article listings and reading views. */
.blog-modern .template-five-articles,
.blog-modern .template-six-articles,
.blog-modern .article-reader { font-family:var(--theme-font); }
.blog-modern .template-five-card h3,
.blog-modern .template-six-card h3,
.blog-modern .template-five-articles__heading h2,
.blog-modern .template-six-articles__heading h2,
.blog-modern .blog__item__text h6 { font-family:var(--theme-font);font-weight:650;line-height:1.4;letter-spacing:normal; }
.blog-modern .template-five-card__meta,
.blog-modern .template-six-card__date { letter-spacing:.2px;text-transform:none; }
/* Page titles and dynamic forms share the same Vietnamese font as articles. */
body.blog-modern h1,
body.blog-modern h2,
body.blog-modern h3,
body.blog-modern h4,
body.blog-modern h5,
body.blog-modern h6,
body.blog-modern .h1,
body.blog-modern .h2,
body.blog-modern .h3,
body.blog-modern .h4,
body.blog-modern .h5,
body.blog-modern .h6 {
  font-family:var(--theme-font, system-ui, -apple-system, "Segoe UI", Arial, sans-serif);
}
.blog-modern .template-five-page__intro h1,
.blog-modern .template-six-page__hero h1 {
  font-family:var(--theme-font);
  font-weight:600;
  line-height:1.35;
  letter-spacing:normal;
}
.blog-modern .template-five-page__label,
.blog-modern .template-six-page__label {
  font-family:var(--theme-font);
  text-transform:none;
  letter-spacing:.03em;
  line-height:1.8;
}