/* R21: review-only treatments. All selectors scoped to a preview theme. */
html[data-hly-theme="emerald"]{--r-paper:#0c2924;--r-band:#10332b;--r-card:#153b32;--r-ink:#fff8e8;--r-body:#edf3ea;--r-muted:#c7d8cc;--r-accent:#ebd294;--r-line:#557365;--r-gold:#ebd294;--r-btn:#ebd294;--r-btn-text:#102f24;--r-garden:.50;color-scheme:dark}
html[data-hly-theme="emerald"]{--paper:var(--r-paper);--paper-2:var(--r-band);--paper-3:var(--r-card);--ink:var(--r-ink);--ink-soft:var(--r-body);--ink-mute:var(--r-muted);--line:var(--r-line);--line-strong:var(--r-ink);--emerald:var(--r-accent);--green-text:var(--r-accent);--t-body:17px;--t-lede:19px}
html[data-hly-theme="emerald"] body{background:var(--r-paper)!important;color:var(--r-body);font-weight:400;line-height:1.8}
html[data-hly-theme="emerald"] main,html[data-hly-theme="emerald"] main>section:not(.hero):not(.ig7-cinematic),html[data-hly-theme="emerald"] .ux-page,html[data-hly-theme="emerald"] .site-footer{background:var(--r-paper)!important;color:var(--r-body)}
html[data-hly-theme="emerald"] main>section.hly379-section--paper,html[data-hly-theme="emerald"] main>section.section--band{background:var(--r-band)!important}
html[data-hly-theme="emerald"] :is(main,.site-footer) :is(h1,h2,h3,h4,p,li,small,span,a,blockquote,figcaption,summary){text-shadow:none!important}
html[data-hly-theme="emerald"] :is(h1,h2,h3,h4){color:var(--r-ink);font-weight:600;line-height:1.18}
html[data-hly-theme="emerald"] :is(h1,h2,h3) em{color:var(--r-accent);font-weight:600}
html[data-hly-theme="emerald"] :is(.lede,.ux-lead,.ux-page .ux-lead){color:var(--r-body)!important;font-size:19px;font-weight:400;line-height:1.8}
html[data-hly-theme="emerald"] :is(.eyebrow,.ux-page-heading .eyebrow,.cms-meta,.ux-status,.ux-footnote,.ux-meeting,.ux-inline-steps,.cms-article-note,.note,.note--legal){color:var(--r-muted);font-weight:500}
html[data-hly-theme="emerald"] .eyebrow{font-size:12px;letter-spacing:.13em}
html[data-hly-theme="emerald"] :is(.ux-page-heading,.hly379-head){margin-bottom:36px}
html[data-hly-theme="emerald"] :is(.hly379-head>p:not(.eyebrow),.hly379-card p,.m32-story-chapter p,.ux-item p,.steps p,.statements p,.ledger-row p,.ux-checklist,.ux-details details>div){color:var(--r-body);font-weight:400;font-size:17px;line-height:1.85}
html[data-hly-theme="emerald"] :is(.cms-card,.hly379-card,.ux-contact-tile){background:var(--r-card);border:1px solid var(--r-line);box-shadow:0 8px 24px #102c2210;border-radius:8px 8px 28px 8px}
html[data-hly-theme="emerald"] .hly379-card{padding:28px}
html[data-hly-theme="emerald"] :is(.cms-card h3,.cms-card-link h3,.cms-card h3 a){font-weight:600;font-size:32px;line-height:1.22;color:var(--r-ink)}
html[data-hly-theme="emerald"] .cms-card p{font-size:17px;color:var(--r-body);line-height:1.8;font-weight:400}
html[data-hly-theme="emerald"] .cms-card .eyebrow{font-size:11px;color:var(--r-muted);font-weight:500}
html[data-hly-theme="emerald"] .cms-card small{font-size:13px;color:var(--r-muted)}
html[data-hly-theme="emerald"] .cms-card .review-read{color:var(--r-accent);font-size:15px;font-weight:600;padding-top:12px}
html[data-hly-theme="emerald"] .cms-card-link>.cms-card-body{gap:16px;padding:28px}
html[data-hly-theme="emerald"] .cms-card:hover{border-color:var(--r-gold);box-shadow:0 12px 32px #102c2220}
html[data-hly-theme="emerald"] :is(.cms-body,.prose){color:var(--r-body);font-size:20px;line-height:1.9;font-weight:400}
html[data-hly-theme="emerald"] .cms-body p{margin:0 0 1.3em}
html[data-hly-theme="emerald"] .cms-body h2{font-size:36px;margin:1.7em 0 .65em}
html[data-hly-theme="emerald"] .cms-article h1{font-size:clamp(38px,4.8vw,68px);line-height:1.14;letter-spacing:-.015em}
html[data-hly-theme="emerald"] .cms-article header{margin-top:28px}
html[data-hly-theme="emerald"] .cms-article nav a,html[data-hly-theme="emerald"] .cms-body a{color:var(--r-accent)}
html[data-hly-theme="emerald"] .cms-body a{text-underline-offset:4px;text-decoration-thickness:1px}
html[data-hly-theme="emerald"] :is(.ux-item,.ux-details,.ux-details details,.ux-split,.ledger,.ledger>li,.faq,.faq details){border-color:var(--r-line)}
html[data-hly-theme="emerald"] :is(.ux-item h2,.ux-details summary,.ux-contact-tile strong){color:var(--r-ink);font-weight:600}
html[data-hly-theme="emerald"] :is(.ux-number,.hly379-number,.steps .num){color:var(--r-gold)}
html[data-hly-theme="emerald"] :is(.ux-contact-tile,.ux-chips a,.ux-secondary){background:var(--r-card);color:var(--r-ink);border-color:var(--r-line)}
html[data-hly-theme="emerald"] :is(.ux-primary,.btn--primary){background:var(--r-btn);color:var(--r-btn-text);font-weight:600}
html[data-hly-theme="emerald"] .btn--ghost{color:var(--r-ink);border-color:var(--r-line)}
html[data-hly-theme="emerald"] :is(.arrow-link,.ux-item>a,.hly379-card>a){color:var(--r-accent);font-weight:500}
html[data-hly-theme="emerald"] .site-header{background:#fffdf6!important;border-bottom:1px solid #bac4b4;box-shadow:0 3px 18px #0d302012}
html[data-hly-theme="emerald"] .site-header .nav :is(ul a,.nav-cta){background:#fffdf8;color:#20412e;font-weight:500;border-color:#aebca7;box-shadow:none}
html[data-hly-theme="emerald"] .site-header .nav a[aria-current="page"]{background:#154f38;color:#fffdf2;border-color:#806c39;font-weight:600}
html[data-hly-theme="emerald"] .site-header .menu-btn{color:#19382c}
html[data-hly-theme="emerald"] #menu-panel{background:#fffdf6;color:#19382c}
html[data-hly-theme="emerald"] .hly-r6-garden{opacity:var(--r-garden);mask-image:linear-gradient(90deg,#000 0%,#000 4%,transparent 22%,transparent 78%,#000 96%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 4%,transparent 22%,transparent 78%,#000 96%,#000)}
html[data-hly-theme="emerald"] .hly-r6-cinema-garden{opacity:.3}
html[data-hly-theme="emerald"] .hly-r6-garden{filter:brightness(1.08) saturate(.82)}
html[data-hly-theme="emerald"] .hly-r6-cinema-garden{opacity:.46;filter:brightness(1.08) saturate(.82)}
/* Keep the reveal movement; readable text reaches full opacity early. */
html[data-hly-theme="emerald"].hly3793-presentation .hly3793-text{opacity:max(.84,var(--hly3793-alpha,1))}
html[data-hly-theme="emerald"].ig377 :is(.ig377-line>.ig377-inner,.ig377-mask>.ig377-inner,.ig377-self){opacity:max(.84,var(--ig377-alpha,1))}
html[data-hly-theme="emerald"] .hero{background:linear-gradient(110deg,#062f25,#104e37)!important}
html[data-hly-theme="emerald"] .hero :is(h1,.lede,.eyebrow,.v3-hero-edition,.plate-name){color:#fff9ed!important}
html[data-hly-theme="emerald"] .hero h1{font-weight:500}
html[data-hly-theme="emerald"] .hero em.hero-role{color:#f2e0ae!important;border-color:#b9a779;background:#083b2b}
html[data-hly-theme="emerald"] .hero .btn--primary{background:#ebd8a0;color:#133c2b}
html[data-hly-theme="emerald"] .hero .link{color:#fff9ed}
html[data-hly-theme="emerald"] .ig7-cinema-content :is(h2,p,span){color:#fff9ed}
html[data-hly-theme="emerald"] .ig7-cinema-content h2 em{color:#ebd8a0}
html[data-hly-theme="emerald"] .site-footer :is(p,a,li,.footer-bottom,.footer-heading){color:var(--r-body);opacity:1}
html[data-hly-theme="emerald"] .site-footer .brand-home{display:inline-block;background:#fffdf6;border-radius:12px}
html[data-hly-theme="emerald"] .site-footer .footer-heading{font-weight:600}
html[data-hly-theme="emerald"] .cms-pagination a{border-color:var(--r-line);color:var(--r-ink);background:var(--r-card)}
html[data-hly-theme="emerald"] .cms-pagination [aria-current="page"]{background:var(--r-btn);color:var(--r-btn-text)}
html[data-hly-theme="emerald"] .hero{background:linear-gradient(115deg,#0b261f,#154230)!important}
html[data-hly-theme="emerald"] .hly379-quote{color:var(--r-ink);border-color:var(--r-line)}
html[data-hly-theme="emerald"] .v3-map-node{background:#153b32;color:#f7f4e5;border-color:var(--r-line)}
html[data-hly-theme="emerald"] .v3-map-node :is(span,b){color:#f7f4e5}
html[data-hly-theme="emerald"] .v3-map-core :is(span,strong){color:#f7f4e5}
html[data-hly-theme="emerald"] .cms-cover img{background:var(--r-card)}
html[data-hly-theme="emerald"] .cms-lightbox{background:var(--r-card);color:var(--r-ink)}
html[data-hly-theme="emerald"] ::selection{background:#efdba5;color:#112e22}
/* Selected emerald direction: eliminate the pale inherited spotlight. */
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-art.m32-halo{background:radial-gradient(ellipse at 50% 50%,#17533b30 0%,#103a2b12 38%,transparent 67%);border-radius:32px}
html[data-hly-theme="emerald"] #ban-do-bao-ve .m32-halo::before{background:radial-gradient(circle,rgba(104,155,97,.10),rgba(29,99,67,.05) 36%,transparent 63%);filter:none;opacity:.65}
html[data-hly-theme="emerald"] #ban-do-bao-ve .m32-halo-rings span{border-color:#b9a26c55;box-shadow:none;opacity:.8}
html[data-hly-theme="emerald"] #ban-do-bao-ve .m32-halo-rings span:nth-child(2){border-color:#d5bd7d55;border-style:dashed}
html[data-hly-theme="emerald"] #ban-do-bao-ve .m32-halo-rings span:nth-child(3){border-color:#b9a26c70}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-core{background:linear-gradient(145deg,#1c6044,#0d392a);border:1px solid #bb9d60;box-shadow:inset 0 1px 0 #f4df9f30,0 12px 32px #031d1666,0 0 0 7px #bca16b0c}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-core span{color:#e8d6a5;font-weight:500}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-core strong{color:#fff5dc}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-node{background:linear-gradient(125deg,#1a4234,#10362a);border:1px solid #7e865a;border-radius:12px 12px 22px 12px;box-shadow:0 6px 20px #031d1630}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-node span{color:#e4d3a4;font-size:11px;font-weight:500}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-node b{color:#fff9ed}
html[data-hly-theme="emerald"] #ban-do-bao-ve .v3-map-node:is(:hover,:focus-visible,.is-active){background:#234f3b;border-color:#e5ca8a;box-shadow:0 0 0 2px #e5ca8a25,0 8px 24px #031d1640}
/* Original full-color logo on a pearl arch, echoing the homepage portrait frame. */
html[data-hly-theme="emerald"] .site-footer .footer-brand{max-width:220px;text-align:center}
html[data-hly-theme="emerald"] .site-footer .brand-home{display:inline-flex;align-items:center;justify-content:center;width:184px;height:190px;box-sizing:border-box;padding:20px 18px 14px;line-height:0;position:relative;border:1px solid #b4bea7;border-radius:92px 92px 13px 13px;background:linear-gradient(145deg,#fdfdf7,#e9ede3);box-shadow:0 0 0 4px #cad4be0a,0 10px 24px #00191130}
html[data-hly-theme="emerald"] .site-footer .brand-home::before{content:"";position:absolute;inset:6px;border:1px solid #bbc4af;border-radius:84px 84px 8px 8px;pointer-events:none}
html[data-hly-theme="emerald"] :is(.site-footer,#menu-panel) .brand-home picture{display:block;background:none;mask:none;-webkit-mask:none}
html[data-hly-theme="emerald"] :is(.site-footer,#menu-panel) .brand-home img{opacity:1;filter:none}
html[data-hly-theme="emerald"] .site-footer .brand-logo{display:block;width:144px;height:144px;object-fit:contain}
html[data-hly-theme="emerald"] .site-footer .footer-brand::after{content:"Lắng nghe · Thấu hiểu · Đồng hành";display:block;margin-top:22px;max-width:220px;color:#d0ddcf;font:400 12px/1.8 var(--f-body);letter-spacing:.015em}
/* A light jade/ivory footer lets the original brand breathe without a badge. */
html[data-hly-theme="emerald"] .site-footer{position:relative;background:linear-gradient(135deg,#f8f6ed 0%,#eff1e8 55%,#e5ece2 100%)!important;color:#274735;border-top:1px solid #b4a779;box-shadow:0 -12px 32px #001b1412}
html[data-hly-theme="emerald"] .site-footer::before{content:"";position:absolute;top:9px;left:max(var(--gutter),22px);right:max(var(--gutter),22px);height:1px;background:linear-gradient(90deg,transparent,#b6ac835c 18%,#b6ac835c 82%,transparent);pointer-events:none}
html[data-hly-theme="emerald"] .site-footer :is(p,a,li,span,.footer-bottom,.footer-heading){color:#294934;opacity:1}
html[data-hly-theme="emerald"] .site-footer .footer-heading{color:#25452f;font-size:12px;letter-spacing:.13em}
html[data-hly-theme="emerald"] .site-footer .brand-home{width:164px;height:164px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html[data-hly-theme="emerald"] .site-footer .brand-home::before{content:none}
html[data-hly-theme="emerald"] .site-footer .brand-logo{width:164px;height:164px}
html[data-hly-theme="emerald"] .site-footer .footer-brand::after{color:#4e6551;margin-top:14px}
html[data-hly-theme="emerald"] .site-footer .footer-bottom{border-color:#b1bea8}
html[data-hly-theme="emerald"] .site-footer a:not(.brand-home):hover{color:#075538;text-decoration-color:#8d9d7b}
html[data-hly-theme="emerald"] .site-footer a:focus-visible{outline:2px solid #507245;outline-offset:4px}
html[data-hly-theme="emerald"] .hly-social-link{background:linear-gradient(145deg,#f4f7f0,#d8e3d8);color:#254e3c;border-color:#a1b29b;box-shadow:0 4px 14px #001b1545,inset 0 1px 0 #ffffff90}
html[data-hly-theme="emerald"] .hly-social-link:is(:hover,:focus-visible){background:linear-gradient(145deg,#fffef8,#e6eee2);color:#123e2b;border-color:#c6d0b8;box-shadow:0 0 0 3px #c4cfb81a,0 6px 18px #001b1550}
html[data-hly-theme="emerald"] .hly-social-link:focus-visible{outline-color:#e1e8d6}
html[data-hly-theme="emerald"] .hly-social-link .hly-floral{opacity:.78}
html[data-hly-theme="emerald"] .hly-social-label{background:#eef3e9;color:#214732;border-color:#a1b29b}
html[data-hly-theme="emerald"] .cms-card-link:is(:hover,:focus-visible) h3{color:#f2d793}
/* Emerald navigation panel with a real backdrop, clear close button and generous targets. */
html[data-hly-theme="emerald"] .site-header .menu-btn{border:1px solid #bbc6b3;border-radius:50%;background:#ecf1e6;width:46px;height:46px;margin-right:0;padding:12px;color:#16432f}
html[data-hly-theme="emerald"] .site-header .menu-btn span{width:20px;height:2px}
html[data-hly-theme="emerald"] .site-header .menu-btn span+span{width:14px;margin-top:6px}
html[data-hly-theme="emerald"] #menu-panel{inset:0 0 0 auto;width:min(560px,100vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 38px;background:#0b2e24!important;color:#fff5dc;border-left:1px solid #baa16b66;z-index:1000;isolation:isolate;box-shadow:-12px 0 50px #001a1240}
html[data-hly-theme="emerald"] #menu-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/garden-r5-dark.webp') center/cover no-repeat;opacity:.16;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
html[data-hly-theme="emerald"] #menu-panel .panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #a78e5840;margin-bottom:24px}
html[data-hly-theme="emerald"] #menu-panel .brand-home{display:block;background:linear-gradient(145deg,#fdfdf7,#e9ede3);border:1px solid #b4bea7;border-radius:50px 50px 8px 8px;padding:9px 7px 7px;line-height:0}
html[data-hly-theme="emerald"] #menu-panel .brand-logo{width:78px;height:78px;object-fit:contain}
html[data-hly-theme="emerald"] #menu-close{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #bba16b;border-radius:24px;background:#194333;color:#fff3d5;font:500 14px/1.4 var(--f-body);cursor:pointer}
html[data-hly-theme="emerald"] #menu-close::after{content:"×";font-size:23px;line-height:1;font-weight:400}
html[data-hly-theme="emerald"] #menu-panel .r21-menu-intro{margin:0 0 24px}
html[data-hly-theme="emerald"] #menu-panel .r21-menu-intro p{color:#d7c18b;font:500 10px/1.6 var(--f-body);letter-spacing:.18em;margin:0 0 9px}
html[data-hly-theme="emerald"] #menu-panel .r21-menu-intro h2{color:#fff5df;font:500 37px/1.2 var(--f-display);margin:0}
html[data-hly-theme="emerald"] #menu-panel ul{display:grid;gap:10px;margin:0;list-style:none;padding:0}
html[data-hly-theme="emerald"] #menu-panel ul li{margin:0;padding:0}
html[data-hly-theme="emerald"] #menu-panel ul a{display:grid;grid-template-columns:1fr auto;gap:4px 18px;min-height:63px;padding:12px 18px;border:1px solid #73907766;border-radius:9px 9px 19px 9px;background:linear-gradient(120deg,#224937,#183e30);color:#fff7e6;box-shadow:inset 0 1px 0 #e4ce9512;font:500 17px/1.4 var(--f-body);text-decoration:none}
html[data-hly-theme="emerald"] #menu-panel ul a::after{color:#ead296;grid-column:2;grid-row:1/3;align-self:center;font-size:19px}
html[data-hly-theme="emerald"] #menu-panel ul a small{grid-column:1;grid-row:2;color:#c5d7c8;font:400 11px/1.6 var(--f-body);letter-spacing:0}
html[data-hly-theme="emerald"] #menu-panel ul a:is(:hover,[aria-current="page"]){background:linear-gradient(120deg,#365a40,#264c36);color:#fff6dc;border-color:#d3b777;box-shadow:inset 3px 0 #d3b777}
html[data-hly-theme="emerald"] #menu-panel ul a.nav-cta{margin:4px 0 0;background:linear-gradient(120deg,#f0dca8,#dcc184);color:#133e2b;border-color:#e0c789;box-shadow:none}
html[data-hly-theme="emerald"] #menu-panel ul a.nav-cta::after,html[data-hly-theme="emerald"] #menu-panel ul a.nav-cta small{color:#294e36}
html[data-hly-theme="emerald"] .r21-menu-backdrop{position:fixed;inset:0;z-index:999;background:#021a13bb;border:0;margin:0;padding:0;cursor:pointer;display:none}
html[data-hly-theme="emerald"] body:has(#menu-panel:not([hidden])) .r21-menu-backdrop{display:block}
html[data-hly-theme="emerald"] body:has(#menu-panel:not([hidden])) :is(.ig7-cursor,.ig7-cursor-ring,.ig7-side-index){visibility:hidden!important}
html[data-hly-theme="emerald"] #menu-panel a:focus-visible,html[data-hly-theme="emerald"] #menu-close:focus-visible{outline:2px solid #f3daa0;outline-offset:4px}
html[data-hly-theme="emerald"] #menu-panel,html[data-hly-theme="emerald"] #menu-panel *{cursor:auto!important}
html[data-hly-theme="emerald"] #menu-panel :is(a,button),html[data-hly-theme="emerald"] #menu-panel a *,html[data-hly-theme="emerald"] .r21-menu-backdrop{cursor:pointer!important}
html[data-hly-theme="emerald"] #menu-panel ul a{font-style:normal}
@media(max-width:600px){html[data-hly-theme="emerald"] #menu-panel{padding:20px 22px 30px}html[data-hly-theme="emerald"] #menu-panel .panel-top{margin-bottom:20px;padding-bottom:15px}html[data-hly-theme="emerald"] #menu-panel .brand-logo{width:64px;height:64px}html[data-hly-theme="emerald"] #menu-panel .r21-menu-intro h2{font-size:32px}html[data-hly-theme="emerald"] #menu-panel .r21-menu-intro{margin-bottom:20px}html[data-hly-theme="emerald"] #menu-panel ul a{min-height:62px;font-size:16px;padding:11px 15px}html[data-hly-theme="emerald"] #menu-panel ul{gap:8px}}
@media(max-width:600px){
 html[data-hly-theme="emerald"] .ux-page>.wrap{padding-left:22px;padding-right:max(64px,env(safe-area-inset-right,0px))}
 html[data-hly-theme="emerald"] :is(.lede,.ux-lead,.ux-page .ux-lead){font-size:17px}
 html[data-hly-theme="emerald"] .cms-card h3{font-size:29px}
 html[data-hly-theme="emerald"] .cms-card-link>.cms-card-body{padding:24px;gap:15px}
 html[data-hly-theme="emerald"] .cms-card p{font-size:16px}
 html[data-hly-theme="emerald"] :is(.cms-body,.prose){font-size:18px;line-height:1.9}
 html[data-hly-theme="emerald"] .cms-body h2{font-size:29px}
 html[data-hly-theme="emerald"] .hly-r6-garden{opacity:.18;mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000)}
 html[data-hly-theme="emerald"] .hly-r6-garden{opacity:.32}
}

/* Keep the page-count label readable on the selected emerald surface. */
html[data-hly-theme="emerald"] .cms-pagination-summary,html[data-hly-theme="emerald"] .cms-pagination-summary span,html[data-hly-theme="emerald"] .cms-page-gap{color:#c7d8cc}
