/* One clear navigation style at the top and bottom of the page. */
header .nav #nav>a,.holee-footer .footer-explore li>a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;padding:9px 11px;border:0;border-radius:3px;background:transparent;color:#fff0d2;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0;text-transform:none;text-shadow:none;white-space:nowrap;transition:color .18s,background .18s;position:relative}
header .nav #nav>a::after,.holee-footer .footer-explore li>a::after{content:'';position:absolute;bottom:5px;left:11px;right:11px;height:2px;background:#efd09b;transform:scaleX(0);transform-origin:left;transition:transform .18s}
header .nav #nav>a:hover,.holee-footer .footer-explore li>a:hover{background:#efd09b12;color:#ffe0a6}
header .nav #nav>a:hover::after,.holee-footer .footer-explore li>a:hover::after{transform:scaleX(1)}
header .nav #nav>a:focus-visible,.holee-footer .footer-explore li>a:focus-visible{outline:2px solid #efd09b;outline-offset:3px;color:#ffe0a6}
header .nav #nav{gap:4px;background:transparent;flex-shrink:0}
.holee-footer .footer-explore ul{gap:2px}.holee-footer .footer-explore h3{margin-bottom:13px}
@media(min-width:761px){header .nav{gap:14px;padding-left:3%;padding-right:3%}}
@media(min-width:761px) and (max-width:1200px){header .nav #nav>a,.holee-footer .footer-explore li>a{font-size:14px;padding-left:8px;padding-right:8px}header .nav #nav{gap:0}header .nav{gap:9px}}
@media(max-width:760px){header .nav #nav>a,.holee-footer .footer-explore li>a{font-size:15px;padding:10px 11px;min-height:44px}header .nav #nav{gap:4px;align-items:stretch}header .nav #nav>a{width:100%}}
@media(prefers-reduced-motion:reduce){header .nav #nav>a,.holee-footer .footer-explore li>a,header .nav #nav>a::after,.holee-footer .footer-explore li>a::after{transition:none}}
@media(min-width:761px) and (max-width:960px){header .nav #nav>a{width:100%}header .nav #nav{align-items:stretch}}
@media(max-width:960px){header .nav #nav{background:#1b2b11}}
/* Matching rust-square descriptor beside the unframed wordmark. */
header .header-brand a.logo,.holee-footer .footer-brand a.logo{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:0;box-shadow:none;background:none;padding:0;outline:0;text-decoration:none}
.logo .logo-pub-badge{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;width:44px;height:44px;background:#985033;color:#fff0d1;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.3px;text-align:center;border:0;border-radius:0;text-shadow:none}
.logo .logo-wordmark{display:block;line-height:1.1}
.holee-footer .logo .logo-pub-badge{width:54px;height:54px;font-size:13px;letter-spacing:.4px}
header .header-brand a.logo:focus-visible,.holee-footer .footer-brand a.logo:focus-visible{outline:none;filter:brightness(1.16);text-decoration:none}
@media(max-width:600px){header .header-brand a.logo{gap:6px;font-size:28px}header .logo .logo-pub-badge{width:34px;height:34px;font-size:9px}header .header-brand{gap:6px}header .header-vn-flag{width:18px;flex-basis:18px}header .header-hotline{padding-left:6px}header .header-hotline>strong{font-size:12px}header .nav{padding:0 3%;gap:6px}header .nav>.mobile-menu{padding:8px;font-size:11px}}
@media(max-width:360px){header .header-brand a.logo{font-size:25px;gap:4px}header .logo .logo-pub-badge{width:30px;height:30px;font-size:8px}header .header-brand{gap:4px}header .header-hotline>strong{font-size:11px}header .header-hotline>span{font-size:7px}}

/* Rusted raised square, with clear moss lettering and no text rules. */
header .header-brand a.logo,.holee-footer .footer-brand a.logo,
header .header-brand a.logo:hover,.holee-footer .footer-brand a.logo:hover,
header .header-brand a.logo:focus,.holee-footer .footer-brand a.logo:focus,
header .header-brand a.logo *,.holee-footer .footer-brand a.logo *{text-decoration:none!important;border-bottom:0}
header .header-brand a.logo::before,header .header-brand a.logo::after,
.holee-footer .footer-brand a.logo::before,.holee-footer .footer-brand a.logo::after{content:none!important;display:none!important}
.logo .logo-pub-badge{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#d69b69b3,#b47248a6 48%,#c38857bf),url('assets/palette/earth.webp') center/110px;color:#243213;border:1px solid #c99562;border-top-color:#e5b184;border-left-color:#d9a171;border-radius:0;box-shadow:inset 1px 1px 0 #f2c99c9c,inset -2px -2px 0 #74402788,1px 1px 0 #78402a,2px 2px 0 #713b27,3px 3px 0 #633322,4px 4px 0 #502b1d,5px 6px 5px #08150980;text-shadow:none;font-weight:900;letter-spacing:.1px;line-height:1.4;transform:translateY(-1px)}
.logo .logo-pub-badge::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 13% 16%,#62321b80 0 4%,transparent 11%),radial-gradient(ellipse at 85% 76%,#70371888 0 6%,transparent 18%),radial-gradient(ellipse at 26% 83%,#77402370 0 3%,transparent 12%),radial-gradient(ellipse at 75% 21%,#e3b48055 0 8%,transparent 20%);opacity:.7;z-index:-1}
.logo .logo-pub-badge>span{display:block;color:#243213!important;background:none;border:0!important;box-shadow:none;line-height:1.4;font-weight:900;text-shadow:none;text-decoration:none!important}
@media(max-width:600px){.logo .logo-pub-badge{box-shadow:inset 1px 1px 0 #f2c99c99,inset -1px -1px 0 #74402788,1px 1px 0 #78402a,2px 2px 0 #633322,3px 3px 0 #502b1d,4px 4px 4px #08150970}}
