*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#12100d!important;color-scheme:dark}
:root{
  color-scheme:dark;
  --bg:#12100d;--bg2:#1a1814;--bg3:#201e1a;
  --brand:#c8993a;--brand-dim:rgba(200,153,58,.18);
  --text:#ece6da;--text-2:#c8c0b4;--muted:#8c867c;
  --border:rgba(200,153,58,.15);--border-2:rgba(255,255,255,.07);
  --c1:#4d78c0;--c2:#3d9e72;--c3:#b88830;--c4:#b05040;--c5:#8860c0;
  --radius:12px;
}

/* ─── BASE ─── */
body{
  font-family:'IBM Plex Sans',sans-serif;
  background:#12100d!important;background:var(--bg)!important;
  color:var(--text)!important;min-height:100vh;color-scheme:dark;
  -webkit-text-size-adjust:100%;
}

/* ─── HEADER ─── */
.site-header{
  padding:60px 48px 44px;
  border-bottom:1px solid var(--border);
  text-align:center;
  background:#12100d;background:var(--bg);
}
.header-inner{max-width:820px;margin:0 auto}
.header-eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:5px;
  color:var(--brand);margin-bottom:20px;font-weight:600;opacity:.85;
}
.header-title{
  font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;
  color:#f2ede3;line-height:1.08;margin-bottom:0;
}
.header-title em{color:var(--brand);font-style:italic;font-weight:700}
.header-divider{
  width:48px;height:1px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
  margin:26px auto 24px;
}
.header-intro{
  font-size:14px;color:#9c968e;max-width:680px;
  margin:0 auto 12px;line-height:1.9;text-align:center;
}
.header-intro:last-child{margin-bottom:0}
.header-intro strong{color:#c8aa60;font-weight:600}
.header-intro em{color:var(--text-2);font-style:italic}

/* ─── SEARCH ─── */
.search-wrap{
  max-width:1100px;margin:0 auto;padding:24px 48px;
  background:#12100d;background:var(--bg);position:relative;
}
.search-box{
  display:flex;align-items:center;gap:12px;
  background:var(--bg2);
  border:1px solid rgba(200,153,58,.22);
  border-radius:var(--radius);padding:13px 18px;
  transition:border-color .2s,box-shadow .2s;
}
.search-box:focus-within{
  border-color:rgba(200,153,58,.5);
  box-shadow:0 0 0 3px rgba(200,153,58,.06);
}
.search-icon{flex-shrink:0;opacity:.45;color:var(--brand)}
.search-input{
  flex:1;background:none;border:none;outline:none;
  font-family:inherit;font-size:14px;color:var(--text);
  caret-color:var(--brand);
}
.search-input::placeholder{color:var(--muted);opacity:.7}
.search-clear{
  flex-shrink:0;width:20px;height:20px;border-radius:50%;
  background:rgba(255,255,255,.08);border:none;cursor:pointer;
  display:none;align-items:center;justify-content:center;
  color:var(--muted);font-size:11px;transition:background .15s;
}
.search-clear.vis{display:flex}
.search-clear:hover{background:rgba(255,255,255,.14);color:var(--text)}
.search-count{font-size:11px;color:var(--muted);margin-top:7px;min-height:14px;padding:0 2px;opacity:0;transition:opacity .2s}
.search-count.vis{opacity:1}
.search-results{display:none;flex-direction:column;gap:0;margin-top:4px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:rgba(20,18,14,.97)}
.search-results.vis{display:flex}
.s-item{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-2);transition:background .14s;touch-action:manipulation}
.s-item:last-child{border-bottom:none}
.s-item:hover,.s-item:active{background:var(--brand-dim)}
.s-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.8}
.s-body{flex:1;min-width:0}
.s-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:2px}
.s-title mark{background:none;color:var(--brand);font-weight:700}
.s-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-sub mark{background:none;color:rgba(200,153,58,.7);font-weight:600}
.s-ch{font-size:9px;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0;padding:3px 8px;border-radius:10px;font-weight:600;border:1px solid}
.s-empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}
.s-empty span{display:block;font-size:20px;margin-bottom:8px;opacity:.5}

/* ─── CHAPTERS ─── */
.chapters{
  max-width:1100px;margin:0 auto;padding:0 48px 80px;
  background:#12100d;background:var(--bg);
}
.chapter{border-bottom:1px solid var(--border-2);--accent:#888}
.chapter[data-ch="1"]{--accent:var(--c1)}
.chapter[data-ch="2"]{--accent:var(--c2)}
.chapter[data-ch="3"]{--accent:var(--c3)}
.chapter[data-ch="4"]{--accent:var(--c4)}
.chapter[data-ch="5"]{--accent:var(--c5)}

.ch-header{
  display:flex;align-items:center;gap:18px;padding:28px 0 12px;
  cursor:pointer;user-select:none;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .2s;
}
.ch-header:active{opacity:.75}
.ch-num{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:700;
  color:var(--accent);letter-spacing:3px;text-transform:uppercase;
  opacity:.5;min-width:48px;flex-shrink:0;
}
.ch-icon{
  width:44px;height:44px;border:1.5px solid var(--accent);
  border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;transition:all .2s;
  background:rgba(255,255,255,.02);
}
.ch-header:hover .ch-icon{background:rgba(255,255,255,.05);box-shadow:0 0 12px rgba(0,0,0,.3)}
.ch-info{flex:1;min-width:0}
.ch-title{
  font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;
  color:#eae4d8;line-height:1.15;transition:color .2s;
}
.ch-header:hover .ch-title{color:var(--accent)}
.ch-tagline{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.ch-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ch-badge{
  font-size:10px;color:var(--muted);
  background:rgba(255,255,255,.04);
  border:1px solid var(--border-2);
  padding:4px 11px;border-radius:20px;white-space:nowrap;
}
.ch-btn{
  width:26px;height:26px;border:1px solid var(--border-2);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:14px;transition:all .25s;
  background:rgba(255,255,255,.03);
}
.chapter.open .ch-btn{transform:rotate(45deg);color:var(--accent);border-color:var(--accent);background:rgba(0,0,0,.2)}
.ch-teasers{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0 0 62px}
.t-pill{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.025);border:1px solid var(--border-2);
  border-radius:6px;padding:7px 13px;font-size:12px;color:var(--text-2);
  cursor:pointer;transition:all .2s;
}
.t-pill::before{content:'→';color:var(--accent);font-size:10px;transition:transform .2s}
.t-pill:hover{border-color:var(--accent);background:var(--brand-dim)}
.t-pill:hover::before{transform:translateX(2px)}
.t-more{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--accent);cursor:pointer;padding:7px 10px;border-radius:6px;transition:background .2s;font-weight:500}
.t-more:hover{background:var(--brand-dim)}
.chapter.open .t-more{display:none}
.ch-list{display:none;padding:12px 0 28px 0}
.chapter.open .ch-list{display:block;animation:fadeIn .2s ease}
.ch-body{display:none;border-top:1px solid var(--border-2)}
.chapter.open .ch-body{display:block;animation:fadeIn .2s ease}
.chapter.open .ch-btn{transform:rotate(45deg)}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ─── ART ROW ─── */
.art-row{
  padding:13px 16px 13px 20px;
  border:1px solid transparent;
  border-radius:9px;cursor:pointer;
  display:flex;align-items:center;gap:12px;
  transition:all .18s;touch-action:manipulation;
  margin-bottom:3px;
  -webkit-tap-highlight-color:transparent;
}
.art-row:hover,.art-row:active{
  background:rgba(255,255,255,.035);
  border-color:var(--border-2);
}
.art-title{
  font-family:'Cormorant Garamond',serif;
  font-size:17px;font-weight:600;
  color:#ddd8ce;flex:1;line-height:1.35;
}
.art-row:hover .art-title{color:#f0ebe0}
.art-sub{font-size:11px;color:var(--muted);line-height:1.5;margin-top:2px}
.art-arrow{color:var(--muted);font-size:16px;flex-shrink:0;opacity:.6}

/* ─── OVERLAY & PANEL ─── */
#overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.6);z-index:200;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
#overlay.on{display:block}
#panel{
  position:fixed;top:0;right:0;bottom:0;
  width:min(640px,100%);
  background:#1a1814;background:var(--bg2);
  z-index:201;transform:translateX(100%);
  transition:transform .32s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;display:flex;flex-direction:column;
  border-left:1px solid var(--border);
}
#panel.on{transform:translateX(0)}
#panel::-webkit-scrollbar{width:3px}
#panel::-webkit-scrollbar-thumb{background:rgba(200,153,58,.2);border-radius:2px}
#pStrip{height:3px;flex-shrink:0;background:var(--accent,var(--brand))}
#pHead{
  display:flex;align-items:center;gap:12px;padding:16px 20px 14px;
  border-bottom:1px solid var(--border-2);flex-shrink:0;
  position:sticky;top:0;
  background:rgba(26,24,20,.95);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  z-index:5;
}
#pTag{font-size:9.5px;text-transform:uppercase;letter-spacing:2px;font-weight:700;flex:1;color:var(--muted)}
.p-close{
  background:rgba(255,255,255,.05);border:1px solid var(--border-2);
  color:var(--muted);width:30px;height:30px;border-radius:50%;cursor:pointer;
  font-size:13px;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .18s;
}
.p-close:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-dim)}
.p-export-pdf{
  background:rgba(200,153,58,.1);border:1px solid var(--brand);
  color:var(--brand);width:30px;height:30px;border-radius:50%;cursor:pointer;
  font-size:13px;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .18s;
}
.p-export-pdf:hover{border-color:var(--brand);color:#fff;background:var(--brand)}
.p-export-pdf:disabled{opacity:.5;cursor:not-allowed}
#pBody{flex:1;padding:22px 20px 40px}

/* ─── PANEL TYPOGRAPHY ─── */
.p-h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(24px,5vw,38px);font-weight:700;
  color:#f0ebe0;line-height:1.12;margin-bottom:18px;
}
.p-lead{
  font-size:14px;color:var(--muted);line-height:1.82;margin-bottom:28px;
  border-left:2.5px solid var(--pc,var(--brand));
  padding-left:16px;font-style:italic;
}
.p-h2{
  font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;
  color:var(--pc,var(--brand));margin:32px 0 12px;
  display:flex;align-items:center;gap:9px;
}
.p-h2::before{content:'';display:block;width:20px;height:2px;background:var(--pc,var(--brand));flex-shrink:0}
.p-p{font-size:14px;color:var(--text-2);line-height:1.8;margin-bottom:16px}
.p-p:last-child{margin-bottom:0}

/* ─── PANEL COMPONENTS ─── */
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.p-card{
  background:rgba(255,255,255,.03);
  border:1px solid var(--border-2);
  border-radius:9px;padding:15px;
}
.p-card strong{
  display:block;font-size:9.5px;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--pc,var(--brand));
  margin-bottom:8px;font-weight:600;
}
.p-card p{font-size:12.5px;color:#b4aea6;line-height:1.65}
.p-call{
  background:rgba(200,153,58,.05);
  border:1px solid rgba(200,153,58,.2);
  border-radius:9px;padding:18px 20px;margin:20px 0;
}
.p-call-lbl{
  font-size:9px;text-transform:uppercase;letter-spacing:2px;
  color:var(--brand);font-weight:700;margin-bottom:8px;
}
.p-call p{font-size:13px;color:#d4cec6;line-height:1.75}
.p-warn{
  background:rgba(220,80,50,.07);border:1px solid rgba(220,80,50,.22);
  border-radius:8px;padding:16px 20px;margin:16px 0;
  font-size:13px;color:#e0a090;line-height:1.7;
}
.knums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.knum{
  text-align:center;padding:18px 10px;
  background:rgba(255,255,255,.03);border:1px solid var(--border-2);border-radius:8px;
}
.knum-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--pc,var(--brand));line-height:1}
.knum-l{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}
.p-tl{margin:16px 0}
.p-tl-row{display:flex;gap:14px;padding-bottom:20px;position:relative}
.p-tl-row:not(:last-child)::before{content:'';position:absolute;left:11px;top:24px;bottom:0;width:1px;background:var(--border-2)}
.p-tl-dot{
  width:24px;height:24px;border:2px solid var(--pc,var(--brand));
  border-radius:50%;background:var(--bg2);
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:700;color:var(--pc,var(--brand));flex-shrink:0;
}
.p-tl-yr{font-size:9.5px;color:var(--pc,var(--brand));font-weight:600;text-transform:uppercase;letter-spacing:1px}
.p-tl-ti{font-size:13.5px;font-weight:500;color:var(--text);margin:3px 0}
.p-tl-ds{font-size:12px;color:var(--muted);line-height:1.6}
.files-sec{margin:28px 0}
.files-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:10px;font-weight:500}
.file-row{
  display:flex;align-items:center;gap:12px;padding:11px 14px;
  border:1px solid var(--border-2);border-radius:8px;margin-bottom:6px;
  cursor:pointer;transition:border-color .2s;background:rgba(255,255,255,.018);
}
.file-row:hover{border-color:var(--brand)}
.file-ico{width:34px;height:34px;background:rgba(255,255,255,.05);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.file-inf{flex:1}.file-nm{font-size:12.5px;color:var(--text);font-weight:500}.file-mt{font-size:10.5px;color:var(--muted);margin-top:2px}
.file-dl{font-size:17px;color:var(--muted)}

/* ─── ZONE / AREA STYLES ─── */
.vis-wrap{margin:24px 0;border-radius:10px;overflow:hidden;border:1px solid rgba(74,170,127,.2)}
.vis-hd{background:rgba(74,170,127,.06);padding:9px 16px;border-bottom:1px solid rgba(74,170,127,.15);font-size:9.5px;text-transform:uppercase;letter-spacing:2px;color:#5aaa80;font-weight:600;display:flex;align-items:center;gap:8px}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pillar-cell{padding:18px 16px;border-right:1px solid rgba(74,170,127,.1);border-bottom:1px solid rgba(74,170,127,.1);transition:background .2s;cursor:default}
.pillar-cell:nth-child(3n){border-right:none}
.pillar-cell:nth-child(n+4){border-bottom:none}
.pillar-cell:hover{background:rgba(74,170,127,.04)}
.pillar-ico{font-size:24px;margin-bottom:9px;display:block}
.pillar-name{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#4aaa7f;margin-bottom:5px}
.pillar-desc{font-size:11.5px;color:#8aaa98;line-height:1.55}
.pillar-stat{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:#c9a84c;margin-top:7px}
.video-wrap{margin:24px 0;border-radius:10px;overflow:hidden;border:1px solid rgba(74,170,127,.2);background:var(--bg)}
.video-hd{background:rgba(74,170,127,.06);padding:9px 16px;border-bottom:1px solid rgba(74,170,127,.15);font-size:9.5px;text-transform:uppercase;letter-spacing:2px;color:#5aaa80;font-weight:600;display:flex;align-items:center;gap:8px}
.video-frame{position:relative;padding-bottom:56.25%;height:0}
.video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.urban-legend{display:flex;flex-wrap:wrap;gap:14px;padding:12px 18px;background:rgba(255,255,255,.02);border-top:1px solid rgba(74,170,127,.1);font-size:10.5px;color:var(--muted)}
.legend-item{display:flex;align-items:center;gap:5px}
.legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}
.zone-map{width:100%;border-radius:9px;overflow:hidden;margin:16px 0;border:1px solid rgba(196,160,82,.16);display:block;background:#161410}
.zone-map svg{width:100%;height:auto;display:block}
.zm-water{fill:#0f1c26}.zm-land{fill:#1c1810}.zm-land2{fill:#231e14}
.zm-road{stroke:rgba(196,160,82,.2);stroke-width:1.5;fill:none}
.zm-road-main{stroke:rgba(196,160,82,.42);stroke-width:2.5;fill:none}
.zm-road-hw{stroke:rgba(196,160,82,.62);stroke-width:3.5;fill:none}
.zm-metro{stroke:#5280c8;stroke-width:2.5;fill:none;stroke-dasharray:6,3}
.zm-dot{fill:#c4a052;filter:drop-shadow(0 0 4px rgba(196,160,82,.6))}
.zm-dot-sm{fill:#c4a052;opacity:.7}
.zm-dot-pri{fill:#e8d070;filter:drop-shadow(0 0 6px rgba(232,208,112,.8))}
.zm-label{font-family:'Cormorant Garamond',Georgia,serif;fill:#ede8dc;font-size:9px;letter-spacing:.5px}
.zm-label-sm{font-family:'Cormorant Garamond',Georgia,serif;fill:rgba(237,232,220,.6);font-size:7.5px}
.zm-badge{fill:rgba(196,160,82,.1);stroke:rgba(196,160,82,.3);stroke-width:.8}
.zm-badge-txt{font-size:8px;fill:#c4a052;font-family:sans-serif;letter-spacing:1px;text-transform:uppercase}
.zm-title{font-family:'Cormorant Garamond',Georgia,serif;fill:#c4a052;font-size:12px;font-weight:700;letter-spacing:1px}
.zm-river{fill:#0f1c26;stroke:#162230;stroke-width:.5}
.zm-border{fill:none;stroke:rgba(196,160,82,.1);stroke-width:1}
.zm-halo{fill:rgba(196,160,82,.06);stroke:rgba(196,160,82,.18);stroke-width:.8}
.zone-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;padding:4px 10px;border-radius:4px;margin-bottom:12px}
.zone-priority{background:rgba(196,160,82,.1);color:#c4a052;border:1px solid rgba(196,160,82,.28)}
.zone-normal{background:rgba(255,255,255,.03);color:#7a756c;border:1px solid var(--border-2)}
.zone-header-row{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-2)}
.zone-ico{font-size:36px;flex-shrink:0;line-height:1}
.zone-role{font-size:11px;color:var(--muted);line-height:1.65;margin-top:5px;max-width:520px}
.project-hub{display:flex;flex-direction:column;gap:5px;margin:16px 0}
.proj-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:rgba(255,255,255,.022);border:1px solid var(--border-2);border-radius:8px;cursor:pointer;transition:all .18s}
.proj-row:hover{border-color:var(--pc,var(--brand));background:rgba(255,255,255,.04)}
.proj-row-ico{font-size:17px;flex-shrink:0}
.proj-row-name{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;color:#ede8dc;flex:1}
.proj-row:hover .proj-row-name{color:#fff}
.proj-row-tag{font-size:9.5px;color:var(--pc,var(--brand));border:1px solid;border-radius:10px;padding:2px 8px;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;opacity:.8}
.proj-row-arrow{color:var(--muted);font-size:13px;flex-shrink:0}

/* ─── SWOT ─── */
.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}
.swot-cell{border-radius:8px;padding:14px 16px}
.swot-s{background:rgba(61,158,114,.09);border:1px solid rgba(61,158,114,.26)}
.swot-w{background:rgba(180,70,60,.09);border:1px solid rgba(180,70,60,.26)}
.swot-o{background:rgba(77,120,192,.09);border:1px solid rgba(77,120,192,.26)}
.swot-t{background:rgba(184,136,48,.07);border:1px solid rgba(184,136,48,.22)}
.swot-label{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;margin-bottom:9px}
.swot-s .swot-label{color:#3d9e72}.swot-w .swot-label{color:#c05050}
.swot-o .swot-label{color:#4d78c0}.swot-t .swot-label{color:#c4a052}
.swot-cell ul{font-size:12px;line-height:1.72;color:#b0a89e;margin-left:13px}
.swot-cell li{margin-bottom:4px}
.swot-cell p{font-size:12px;color:#b0a89e;line-height:1.68;margin-top:6px}

/* ─── FAQ ─── */
.faq-clusters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding-bottom:18px;border-bottom:1px solid var(--border-2)}
.faq-cluster-btn{font-size:11px;font-weight:600;padding:7px 13px;border-radius:20px;cursor:pointer;border:1px solid var(--border-2);color:var(--muted);background:rgba(255,255,255,.022);transition:all .2s;user-select:none;white-space:nowrap}
.faq-cluster-btn:hover{border-color:var(--pc,var(--brand));color:var(--pc,var(--brand))}
.faq-cluster-btn.active{background:var(--pc,var(--brand));color:#0a0800;border-color:var(--pc,var(--brand));font-weight:700}
.faq-cluster-hd{font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:700;color:var(--pc,var(--brand));padding:22px 0 7px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-2);margin-bottom:4px}
.faq-clusters-wrap{margin-top:0}
.faq-list{margin:0 0 18px}
.faq-item{border-bottom:1px solid var(--border-2);overflow:hidden}
.faq-q{display:flex;align-items:center;gap:12px;padding:16px 4px;cursor:pointer;font-size:13px;font-weight:500;color:#cac4bc;transition:color .2s;user-select:none}
.faq-item:hover .faq-q{color:var(--pc,var(--brand))}
.faq-num{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:700;color:var(--pc,var(--brand));opacity:.45;min-width:24px;flex-shrink:0}
.faq-arr{margin-left:auto;font-size:18px;font-weight:300;color:var(--muted);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-arr{transform:rotate(45deg);color:var(--pc,var(--brand))}
.faq-item.open .faq-q{color:var(--pc,var(--brand))}
.faq-a{display:none;padding:0 4px 20px 36px;font-size:12.5px;color:#a8a29a;line-height:1.8}
.faq-item.open .faq-a{display:block;animation:fadeIn .2s ease}
.faq-a ul{margin:9px 0 11px 15px}.faq-a li{margin-bottom:5px;line-height:1.7}.faq-a p{margin-bottom:9px}.faq-a strong{color:var(--text)}
.faq-formula{background:rgba(255,255,255,.035);border:1px solid var(--border-2);border-left:3px solid var(--pc,var(--brand));border-radius:6px;padding:13px 16px;margin:10px 0;font-family:"IBM Plex Mono","Courier New",monospace;font-size:12px;color:#cec8c0;line-height:1.8;white-space:pre-line}
.faq-note{background:rgba(255,255,255,.022);border-radius:6px;padding:11px 15px;margin:12px 0 4px;font-size:12px;color:#8a8880;line-height:1.7}
.faq-law{font-size:10px;color:var(--muted);margin-top:11px;padding-top:9px;border-top:1px solid var(--border-2);opacity:.7}

/* ─── PILLAR DETAIL ─── */
.pillar-detail-grid{display:flex;flex-direction:column;gap:16px;margin:22px 0}
.pillar-detail{background:rgba(255,255,255,.025);border:1px solid var(--border-2);border-radius:10px;padding:20px 22px;transition:border-color .2s}
.pillar-detail:hover{border-color:rgba(61,158,114,.25)}
.pillar-detail-hd{display:flex;align-items:flex-start;gap:12px}
.pillar-detail-ico{font-size:26px;flex-shrink:0;line-height:1;margin-top:2px}
.pillar-detail-num{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#4aaa7f;font-weight:600;margin-bottom:3px}
.pillar-detail-title{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:700;color:#ede8dc;line-height:1.25}
.pillar-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.pillar-stat-box{background:rgba(74,170,127,.05);border:1px solid rgba(74,170,127,.14);border-radius:7px;padding:11px 12px;text-align:center}
.pillar-stat-n{font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:700;color:#4aaa7f;line-height:1.1;margin-bottom:4px}
.pillar-stat-l{font-size:10px;color:var(--muted);line-height:1.45}
.pillar-impact{background:rgba(184,136,48,.06);border-left:3px solid var(--brand);border-radius:0 5px 5px 0;padding:11px 14px;font-size:12px;color:#a09060;line-height:1.7;margin-top:12px}
.pillar-impact strong{color:#c9a84c}
.pillar-synthesis{background:linear-gradient(135deg,rgba(61,158,114,.07),rgba(184,136,48,.05));border:1px solid rgba(61,158,114,.18);border-radius:10px;padding:20px 24px;margin:22px 0}
.pillar-synthesis-label{font-size:9.5px;text-transform:uppercase;letter-spacing:2px;color:#4aaa7f;font-weight:700;margin-bottom:10px}
.pillar-synthesis p{font-size:13.5px;color:#c4bcb4;line-height:1.78;margin:0}
.fact-check-bar{display:flex;align-items:flex-start;gap:9px;background:rgba(61,158,114,.05);border:1px solid rgba(61,158,114,.18);border-radius:7px;padding:10px 13px;margin:12px 0;font-size:11px;color:#5a9a70;line-height:1.6}
.fact-icon{font-size:13px;flex-shrink:0;margin-top:1px;color:#4aaa7f}
.fact-check-bar strong{color:#4aaa7f}

/* ─── PRINCIPLE CARDS ─── */
.principle-list{display:flex;flex-direction:column;gap:0;margin:22px 0}
.principle-card{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border-2)}
.principle-card:last-child{border-bottom:none}
.principle-num{font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:700;color:var(--pc,var(--brand));opacity:.16;line-height:1;flex-shrink:0;min-width:48px;text-align:right}
.principle-body{flex:1}
.principle-hook{font-family:"Cormorant Garamond",serif;font-size:16.5px;font-weight:700;color:#ede8dc;line-height:1.4;margin-bottom:12px;padding:11px 14px;background:rgba(184,136,48,.06);border-left:3px solid var(--pc,var(--brand));border-radius:0 5px 5px 0;font-style:italic}
.principle-apply{background:rgba(255,255,255,.022);border-radius:6px;padding:10px 14px;margin-top:12px;font-size:12px;color:#8a8278;line-height:1.7}
.principle-apply strong{color:#c89540}
.tag-filter-wrap{background:rgba(255,255,255,.025);border:1px solid var(--border-2);border-radius:9px;padding:14px 16px;margin:18px 0 22px}
.tag-filter-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.tag-filter-row:last-of-type{margin-bottom:0}
.tag-filter-label{font-size:10px;color:#6a6460;text-transform:uppercase;letter-spacing:1px;font-weight:600;min-width:64px;flex-shrink:0}
.tag-btn{border:1px solid rgba(255,255,255,.1);background:transparent;color:#8a8278;padding:5px 11px;border-radius:20px;font-size:11.5px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}
.tag-btn:hover{border-color:var(--pc,var(--brand));color:var(--pc,var(--brand))}
.tag-btn.active{background:rgba(184,136,48,.14);border-color:var(--pc,var(--brand));color:#e8d070;font-weight:600}
.tag-count{font-size:11px;color:#5a5450;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.05)}
.principle-tags-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
.ptag{font-size:10px;padding:3px 8px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);color:#7a7470;white-space:nowrap}

/* ─── AUTHOR PANEL (main page) ─── */
.author-panel{
  background:#0e1c2a;
  background:linear-gradient(150deg,#0f0d0a 0%,#1c1810 50%,#161410 100%);
  border:1px solid rgba(200,153,58,.22);border-radius:14px;
  margin:0 0 0;overflow:hidden;position:relative;
  box-shadow:0 6px 32px rgba(0,0,0,.45);
}
.author-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(200,153,58,.04) 0%,transparent 60%);pointer-events:none}
.author-panel-top-bar{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(200,153,58,.3) 20%,rgba(200,153,58,.85) 50%,rgba(200,153,58,.3) 80%,transparent 100%)}
.author-inner{display:flex;align-items:stretch}
.author-photo-col{flex:0 0 32%;position:relative;overflow:hidden;min-height:480px;background:#1c1810}
.author-photo-col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:contrast(1.04) saturate(1.02)}
.author-photo-col::after{content:'';position:absolute;inset:0;background:linear-gradient(95deg,transparent 0%,transparent 28%,rgba(22,20,16,.32) 60%,rgba(22,20,16,.78) 86%,#1c1810 100%);pointer-events:none}
.author-photo-col::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(22,20,16,.18) 0%,transparent 10%,transparent 82%,rgba(22,20,16,.45) 100%);pointer-events:none}
.author-info-col{flex:1;padding:32px 28px 26px 24px;display:flex;flex-direction:column;gap:0;justify-content:center}
.author-eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:2.5px;color:rgba(200,153,58,.48);margin-bottom:7px}
.author-name{font-size:20px;font-weight:800;color:#ede8dc;letter-spacing:.3px;line-height:1.2;margin-bottom:3px}
.author-era-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;background:rgba(200,153,58,.06);border:1px solid rgba(200,153,58,.2);border-radius:20px;margin-bottom:13px}
.author-era-badge span{font-size:9.5px;color:rgba(237,232,220,.65);letter-spacing:1px;font-weight:600;text-transform:uppercase}
.author-era-dot{width:5px;height:5px;border-radius:50%;background:var(--brand);box-shadow:0 0 5px rgba(200,153,58,.5)}
.author-tagline-main{font-size:14px;font-weight:700;color:#ede8dc;line-height:1.35;margin-bottom:3px}
.author-tagline-sub{font-size:11px;color:rgba(237,232,220,.45);margin-bottom:13px;line-height:1.6}
.author-quote{padding:9px 13px;background:rgba(200,153,58,.045);border-left:2px solid rgba(200,153,58,.42);border-radius:0 6px 6px 0;margin-bottom:16px}
.author-quote-mark{font-size:16px;color:rgba(200,153,58,.38);line-height:1;margin-bottom:2px}
.author-quote-text{font-size:11px;color:rgba(237,232,220,.6);line-height:1.72;font-style:italic}
.author-contacts{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.author-cr{display:flex;align-items:center;gap:9px;font-size:11.5px;text-decoration:none;color:inherit;padding:5px 8px;margin-left:-8px;border-radius:7px;transition:background .18s}
.author-cr:hover{background:rgba(200,153,58,.06)}
.author-cr-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(200,153,58,.07);border:1px solid rgba(200,153,58,.16);flex-shrink:0;color:rgba(200,153,58,.65);transition:all .18s}
.author-cr:hover .author-cr-icon{background:rgba(200,153,58,.15);border-color:rgba(200,153,58,.4);color:var(--brand)}
.author-cr-val{color:rgba(237,232,220,.78);font-weight:500}
.author-cr-label{color:rgba(237,232,220,.38);font-size:9.5px;margin-left:auto;letter-spacing:.5px;text-transform:uppercase}
.author-services{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.author-svc{padding:9px 11px;background:rgba(200,153,58,.07);border:1px solid rgba(200,153,58,.2);border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s}
.author-svc:hover{background:rgba(200,153,58,.12);border-color:rgba(200,153,58,.35)}
.author-svc-icon{flex-shrink:0;opacity:.85;color:rgba(200,153,58,.7)}
.author-svc-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:rgba(210,175,95,.8);font-weight:700;line-height:1.4}

/* ─── PANEL FOOTER (author) ─── */
#pFooter{flex-shrink:0;border-top:1px solid var(--border);background:linear-gradient(135deg,rgba(26,24,20,.95),rgba(18,16,13,.98));padding:18px 20px 22px}
.pf-inner{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pf-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(200,153,58,.4);object-fit:cover;flex-shrink:0;box-shadow:0 0 0 3px rgba(200,153,58,.07)}
.pf-info{flex:1;min-width:0}
.pf-name{font-size:13px;font-weight:700;color:#ede8dc;letter-spacing:.2px;line-height:1.2}
.pf-role{font-size:10px;color:rgba(200,153,58,.6);letter-spacing:.8px;text-transform:uppercase;margin-top:2px}
.pf-cta{font-size:10.5px;color:rgba(237,232,220,.4);font-style:italic;margin-bottom:12px;line-height:1.6;padding-left:2px}
.pf-contacts{display:flex;gap:7px;flex-wrap:wrap}
.pf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.3px;text-decoration:none;cursor:pointer;border:1px solid;transition:all .18s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.pf-btn-phone{color:#c4a052;border-color:rgba(200,153,58,.32);background:rgba(200,153,58,.07);flex:1;justify-content:center}
.pf-btn-phone:hover{background:rgba(200,153,58,.14);border-color:rgba(200,153,58,.55)}
.pf-btn-yt{color:#e05050;border-color:rgba(224,80,80,.28);background:rgba(224,80,80,.05)}
.pf-btn-yt:hover{background:rgba(224,80,80,.12);border-color:rgba(224,80,80,.5)}
.pf-btn-fb{color:#5b9bd5;border-color:rgba(91,155,213,.28);background:rgba(91,155,213,.05)}
.pf-btn-fb:hover{background:rgba(91,155,213,.12);border-color:rgba(91,155,213,.5)}
.pf-divider{height:1px;background:linear-gradient(to right,rgba(200,153,58,.22),transparent);margin-bottom:14px}

/* ─── RESPONSIVE ─── */
@media(max-width:960px){
  .site-header{padding:44px 28px 34px;background:#12100d}
  .search-wrap{padding:18px 28px}
  .chapters{padding:0 28px 70px}
  .header-title{font-size:40px}
  .header-eyebrow{font-size:9.5px;letter-spacing:4px;margin-bottom:16px}
  .header-divider{margin:20px auto 18px}
  .header-intro{font-size:13px;line-height:1.82}
  .ch-teasers,.ch-list{padding-left:0}
  .ch-num{display:none}
  .p-grid,.knums{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .site-header{padding:32px 18px 26px;background:#12100d}
  .search-wrap{padding:16px 18px}
  .chapters{padding:0 18px 56px}
  .header-title{font-size:32px}
  .header-eyebrow{font-size:9px;letter-spacing:3.5px}
  .header-intro{font-size:12.5px}
  .ch-title{font-size:20px}
  .ch-badge,.ch-meta{display:none}
  .art-right{display:none}
  .p-body{padding:20px 16px 36px}
  .p-grid,.knums{grid-template-columns:1fr}
  .swot-grid{grid-template-columns:1fr}
  .pillars-grid{grid-template-columns:1fr 1fr}
  .pillar-cell:nth-child(3n){border-right:1px solid rgba(74,170,127,.1)}
  .pillar-cell:nth-child(2n){border-right:none}
  .pillar-stat-row{grid-template-columns:1fr 1fr}
  .pillar-stat-box:last-child{grid-column:span 2}
  .principle-num{font-size:24px;min-width:34px}
}
@media(max-width:480px){
  .author-inner{flex-direction:column}
  .author-photo-col{flex:0 0 auto;min-height:auto;height:380px}
  .author-photo-col img{object-position:center 15%}
  .author-photo-col::after{background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(22,20,16,.65) 84%,#1c1810 100%)}
  .author-photo-col::before{background:none}
  .author-info-col{padding:22px 18px 20px;background:#12100d}
  #pFooter{padding:14px 16px 18px}
  .pf-avatar{width:42px;height:42px}
  .pf-btn{font-size:10.5px;padding:7px 10px}
  .p-h1{font-size:22px}
}

/* ═══ THANH ĐIỀU HƯỚNG TOÀN SITE + TRANG ẤN PHẨM + NÚT SAO CHÉP LIÊN KẾT
   (lấy nguyên văn từ website đang chạy nguyenanhtu.vn — giao diện đã duyệt) ═══ */
.rei-global-nav, .rei-global-nav *{box-sizing:border-box}
  .rei-global-nav{
    position:relative; z-index:999999; width:100%;
    background:#0d0f12; color:#f5f3ee; border-bottom:1px solid rgba(255,255,255,.12);
    font-family:Inter,"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  }
  .rei-global-nav__inner{
    max-width:1500px; min-height:54px; margin:0 auto; padding:0 28px;
    display:flex; align-items:center; justify-content:space-between; gap:26px;
  }
  .rei-global-nav__brand{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:inherit}
  .rei-global-nav__mark{width:28px;height:28px;border:1px solid rgba(220,182,97,.7);border-radius:50%;display:grid;place-items:center;color:#ddb761;font:700 11px Georgia,serif;flex:none}
  .rei-global-nav__brandtext{line-height:1.08;white-space:nowrap}
  .rei-global-nav__brandtext b{display:block;font-size:11px;letter-spacing:1.45px;font-weight:750;color:#fff}
  .rei-global-nav__brandtext span{display:block;margin-top:4px;font-size:8px;letter-spacing:1.65px;color:#9ca3ad;text-transform:uppercase}
  .rei-global-nav__links{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none}
  .rei-global-nav__links::-webkit-scrollbar{display:none}
  .rei-global-nav__link{
    min-height:54px;display:flex;align-items:center;padding:0 16px;
    text-decoration:none;color:#b8bdc5!important;font-size:10px;font-weight:750;
    letter-spacing:1.15px;text-transform:uppercase;white-space:nowrap;
    border-bottom:2px solid transparent;transition:.18s ease;
  }
  @media (hover:hover){.rei-global-nav__link:hover{color:#fff!important;background:rgba(255,255,255,.045)}}
  .rei-global-nav__link.is-active{color:#fff!important;border-bottom-color:#d7ad55;background:rgba(215,173,85,.075)}
  .rei-global-nav__home-note{font-size:8px;color:#d7ad55;margin-left:6px;letter-spacing:.8px}
  @media(max-width:720px){
    .rei-global-nav__inner{padding:0 14px;gap:12px;display:block}
    .rei-global-nav__brand{min-height:48px;border-bottom:1px solid rgba(255,255,255,.08)}
    .rei-global-nav__brandtext b{font-size:10px}
    .rei-global-nav__brandtext span{font-size:7px}
    .rei-global-nav__links{width:100%}
    .rei-global-nav__link{min-height:43px;padding:0 13px;font-size:9px}
    .rei-global-nav__home-note{display:none}
  }
.rei-global-nav__links{overflow:visible;flex-wrap:wrap;align-items:center}
.rei-global-nav__link{font-size:14px;letter-spacing:.45px;padding:0 12px}
.rei-contact{position:relative}
.rei-contact summary{cursor:pointer;list-style:none;gap:8px}
.rei-contact summary::-webkit-details-marker{display:none}
.rei-contact summary:focus-visible{outline:2px solid #d9b467;outline-offset:-3px}
.rei-contact[open] summary{color:#d9b467!important}
.rei-contact__panel{position:absolute;right:0;top:100%;width:240px;max-width:calc(100vw - 28px);padding:8px;background:#14171c;border:1px solid #51452c;box-shadow:0 12px 30px #0008;border-radius:4px;z-index:30}
.rei-contact__panel a{display:flex;flex-direction:column;gap:5px;padding:13px 12px;color:#f5f3ee;font-size:14px;text-decoration:none;line-height:1.5}
.rei-contact__panel a:hover{background:#24252a}
.rei-contact__panel span{color:#aaa;font-size:13px}
.rei-contact__panel strong{color:#d9b467;font-size:18px;letter-spacing:.7px}
@media(max-width:1000px){.rei-global-nav__inner{display:block;padding:0 14px}.rei-global-nav__brand{min-height:48px}.rei-global-nav__links{width:100%;gap:0}.rei-global-nav__link{min-height:44px;padding:0 10px;font-size:14px}.rei-global-nav__home-note{display:none}.rei-contact__panel{right:0;left:auto}}
@media(max-width:600px){.rei-contact{position:static}.rei-contact__panel{left:14px;right:14px;width:auto;max-width:none}}
.rei-global-nav{z-index:20}a:focus-visible,button:focus-visible{outline:2px solid #d9b467;outline-offset:4px}.publication-shell{max-width:1060px;margin:0 auto;padding:80px 24px 100px}.publication-shell h1{font-family:Georgia,serif;font-size:clamp(44px,8vw,84px);font-weight:400;color:#eee5d5;margin:18px 0}.publication-shell p{line-height:1.9;color:#a9a9a9;max-width:650px}.edition-empty{margin:48px 0;padding:40px;border:1px solid #3b3428;border-radius:4px;background:#151615}.edition-empty h2{font-size:22px;color:#ddd3bf}.publication-shell a{color:#d9b467}.publication-footer{padding:28px 24px;border-top:1px solid #34302a;color:#aaa;text-align:center;font-size:13px}.publication-footer a{color:#d9b467}.pub-label{letter-spacing:3px;color:#c8993a;font-size:11px}
#pHead{flex-wrap:wrap;gap:8px}#pTag{flex:1;min-width:100px}#copyArticleLink{background:#25231e;color:#e7c680;border:1px solid #665333;border-radius:4px;padding:9px 12px;font:500 14px "IBM Plex Sans",sans-serif;cursor:pointer;min-height:40px}#copyArticleLink:disabled{opacity:.5;cursor:default}#copyArticleLink:focus-visible{outline:2px solid #e7c680;outline-offset:2px}#articleLinkStatus:not(:empty){padding:10px 24px;color:#e7c680;font-size:14px}

/* ═══════════════════════════════════════════════════════════════
   CẨM NANG BĐS 2.0 — BỔ SUNG CHO KIẾN TRÚC ĐA TRANG
   (Mọi quy tắc phía trên giữ nguyên từ v57 — giao diện đã duyệt.)
   ═══════════════════════════════════════════════════════════════ */
@view-transition{navigation:auto}
/* Liên kết thật thay cho onclick="openPanel()" — không đổi giao diện */
:where(a.xl-b){display:block;color:inherit;text-decoration:none}
:where(a.xl-i){color:inherit;text-decoration:none}
[data-href]{cursor:pointer}
/* Trang bài: tái sử dụng khung panel cũ ở chế độ trang */
body.page-article{min-height:100vh}
#panel.page{position:relative;inset:auto;transform:none;transition:none;margin:0 auto;
  min-height:100vh;min-height:100dvh;overflow:visible;box-shadow:1px 0 0 var(--border-2);
  animation:pageIn .32s cubic-bezier(.4,0,.2,1)}
@keyframes pageIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#panel.page{animation:none}}
#panel.page #pHead{top:0}
#pBody img{max-width:100%;height:auto}
a.p-close{text-decoration:none}
.nf-wrap{max-width:560px;margin:0 auto;padding:90px 24px;text-align:center}
.nf-wrap h1{font-family:'Cormorant Garamond',serif;font-size:40px;color:#f2ede3;margin-bottom:12px}
.nf-wrap p{color:var(--muted);font-size:14px;margin-bottom:22px}
.nf-wrap a{color:var(--brand)}
/* Ấn phẩm theo kỳ (World Atlas, Nhật san) — nền .publication-shell giữ nguyên từ bản đang chạy */
.edition-list{margin:48px 0}
.pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:18px}
.pub-card{display:block;background:#151615;border:1px solid #3b3428;border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
@media (hover:hover){.pub-card:hover{border-color:#d9b467;transform:translateY(-2px)}}
.pub-card img,.pub-card-nocover{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#1b1a17}
.pub-card-nocover{display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:22px;color:#6f6552}
.pub-card-body{padding:14px 16px 16px}
.pub-card-meta{font-size:11px;letter-spacing:1.5px;color:#c8993a;margin-bottom:6px}
.pub-card-title{font-family:Georgia,serif;font-size:18px;color:#eee5d5;line-height:1.35}
.pub-issue h1{font-size:clamp(34px,6vw,60px)}
.pub-back{display:inline-block;margin:6px 0 4px;font-size:13px}
.pub-meta{font-size:12px;letter-spacing:1.5px;color:#c8993a;margin:-6px 0 14px}
.pub-cover{display:block;max-width:100%;max-height:78vh;margin:26px 0;border:1px solid #3b3428;border-radius:4px}
.pub-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 30px}
.publication-shell a.pub-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:4px;background:#d9b467;color:#14120e;font-weight:600;text-decoration:none}
.publication-shell a.pub-btn-ghost{background:transparent;color:#d9b467;border:1px solid #665333}
.pub-pages{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}
.pub-page{display:block;width:100%;height:auto;border-radius:3px}
.pub-draft{margin-bottom:26px;padding:12px 16px;border:1px dashed #c8993a;color:#e7c680;font-size:13px;border-radius:4px}

/* ═══════════════════════════════════════════════════════════════
   2.1.0 — TRANG DỰ ÁN: thanh điều hướng nổi · số liệu đầu trang ·
   thanh cơ cấu sản phẩm · vị trí theo phút · CTA di động
   (Chỉ bổ sung; không đổi quy tắc đã duyệt ở trên.)
   ═══════════════════════════════════════════════════════════════ */
/* Sửa lỗi có từ 2.0.0: hiệu ứng pageIn (trượt 28px) làm trang rộng thêm 28px → điện thoại thu nhỏ trang, thanh cố định lệch khỏi màn hình. clip không tạo vùng cuộn nên #pHead vẫn dính. */
html.is-article,html.is-article body{overflow-x:clip}
/* Thanh điều hướng nổi: nằm trong #pHead (đã dính đầu trang) nên luôn bám theo khi cuộn */
#pHead #secNav{flex:0 0 100%;display:flex;gap:6px;overflow-x:auto;margin-top:2px;padding-top:8px;border-top:1px solid var(--border-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}
#secNav::-webkit-scrollbar{display:none}
#secNav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:12.5px;letter-spacing:.3px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .18s,border-color .18s,background .18s}
#secNav a:hover{color:var(--text)}
#secNav a.on{color:var(--pc,var(--brand));border-color:var(--pc,var(--brand));background:rgba(255,255,255,.04)}
#secNav a:focus-visible{outline:2px solid #e7c680;outline-offset:2px}
.p-sec{scroll-margin-top:var(--head-h,124px)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Số liệu lớn đầu trang (dùng lại khối .knums đã duyệt, to hơn) */
.p-facts{grid-template-columns:repeat(2,1fr);margin:16px 0 22px}
.p-facts .knum{padding:16px 10px}
.p-facts .knum-n{font-size:32px}
.p-facts .knum-l{font-size:11px}
.p-facts .knum:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:641px){.p-facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.p-facts .knum:last-child:nth-child(odd){grid-column:auto}}
/* Bảng cơ cấu sản phẩm: thanh tỷ lệ + số % dưới tên ở cột đầu (JS thêm; bảng gốc giữ nguyên) */
.mix-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.mix-bar{display:block;flex:1;max-width:120px;height:4px;border-radius:2px;background:rgba(255,255,255,.09);overflow:hidden}
.mix-bar i{display:block;height:100%;border-radius:2px;background:var(--pc,var(--brand))}
.mix-row small{font-size:10.5px;line-height:1;color:var(--muted);white-space:nowrap}
/* Vị trí theo thời gian di chuyển */
.p-travel{list-style:none;margin:12px 0 18px;padding:0;border:1px solid var(--border-2);border-radius:9px;overflow:hidden}
.p-travel li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-top:1px solid var(--border-2);font-size:13px;line-height:1.5;color:var(--text-2)}
.p-travel li:first-child{border-top:0}
.p-travel small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}
.p-travel b{flex:0 0 auto;font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--pc,var(--brand));white-space:nowrap;text-align:right}
/* CTA cố định (chỉ điện thoại) */
#ctaBar{display:none}
@media (max-width:720px){
  body.has-cta{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  #ctaBar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:210;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(20,18,14,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #51452c}
  #ctaBar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:6px;font:600 14.5px "IBM Plex Sans",sans-serif;text-decoration:none}
  #ctaBar .cta-call{background:#d9b467;color:#14120e}
  #ctaBar .cta-zalo{flex:0 0 36%;background:transparent;color:#e7c680;border:1px solid #665333}
  #ctaBar a:focus-visible{outline:2px solid #fff;outline-offset:2px}
}
@media print{#ctaBar{display:none!important}}

/* ═══ 2.1.1 — BỐ CỤC MÁY TÍNH cho trang dự án (≥ 1100px): khung rộng, nội dung + cột mục lục/liên hệ dính theo khi cuộn ═══ */
.p-layout{flex:1;min-width:0}
#pAside{display:none}
.p-h2[id]{scroll-margin-top:calc(var(--head-h,124px) + 6px)}
@media (min-width:1100px){
  /* mọi bài: khung rộng 860px (trước là 640px); có cột phải thì 1180px */
  html.is-article #panel.page{width:min(860px,100%);border-right:1px solid var(--border)}
  html.is-article #pBody{padding:32px 44px 56px}
  html.is-article #pHead{padding:18px 44px 14px}
  html.has-aside #panel.page{width:min(1180px,100%)}
  html.has-aside .p-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start}
  html.has-aside #pBody{padding:32px 34px 56px 40px}
  html.has-aside #pHead{padding:18px 40px 14px}
  html.has-aside #pHead #secNav{display:none}
  #pAside{display:block;position:sticky;top:calc(var(--head-h,76px) + 14px);padding:32px 34px 40px 0}
  #pAside .aside-card{margin-bottom:14px;padding:16px 14px 14px;border:1px solid var(--border-2);border-radius:10px;background:rgba(255,255,255,.025)}
  .aside-ttl{margin:0 0 10px 6px;font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
  #asideNav{max-height:max(220px,calc(100vh - var(--head-h,76px) - 300px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,153,58,.3) transparent}
  #asideNav.is-heads a{align-items:flex-start;padding:8px 10px;font-size:13px;line-height:1.45}
  #asideNav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-left:2px solid transparent;border-radius:0 7px 7px 0;font-size:13.5px;color:var(--text-2);text-decoration:none;transition:background .18s,color .18s,border-color .18s}
  #asideNav a span{width:24px;font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--muted);transition:color .18s}
  #asideNav a:hover{background:rgba(255,255,255,.04);color:var(--text)}
  #asideNav a.on{background:rgba(255,255,255,.05);border-left-color:var(--pc,var(--brand));color:var(--text)}
  #asideNav a.on span{color:var(--pc,var(--brand))}
  #asideNav a:focus-visible,.aside-cta a:focus-visible{outline:2px solid #e7c680;outline-offset:2px}
  .aside-cta p{margin:0 6px 12px;font-size:12.5px;line-height:1.55;color:var(--text-2)}
  .aside-cta a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;border-radius:6px;font:600 14px "IBM Plex Sans",sans-serif;text-decoration:none}
  .aside-cta .cta-call{background:#d9b467;color:#14120e}
  .aside-cta .cta-call:hover{background:#e6c47a}
  .aside-cta .cta-zalo{border:1px solid #665333;color:#e7c680}
  .aside-cta .cta-zalo:hover{background:rgba(231,198,128,.08)}
}
@media print{#pAside{display:none!important}}

/* ═══ 2.3.0 — KHỐI THAM QUAN 360° / MẶT BẰNG NHÚNG (.p-360) — iframe do JS tạo khi người đọc bấm ═══ */
.p-360{margin:14px 0 22px;border:1px solid var(--border-2);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02)}
.p-360-tabs{display:flex;gap:6px;padding:10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border-2)}
.p-360-tabs::-webkit-scrollbar{display:none}
.p-360-tab{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--border-2);border-radius:999px;font-size:12.5px;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:color .18s,border-color .18s,background .18s}
.p-360-tab:hover{color:var(--text);border-color:var(--pc,var(--brand))}
.p-360-tab.on{color:var(--pc,var(--brand));border-color:var(--pc,var(--brand));background:rgba(255,255,255,.04)}
.p-360-tab:focus-visible,.p-360-play:focus-visible,.p-360-full:focus-visible{outline:2px solid #e7c680;outline-offset:2px}
.p-360-stage{position:relative;aspect-ratio:16/9;background:#0e0d0b}
#pBody .p-360-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.p-360-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.p-360-play{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid var(--pc,var(--brand));border-radius:999px;background:rgba(20,18,14,.88);color:#f2ede3;font:600 14px "IBM Plex Sans",sans-serif;cursor:pointer;white-space:nowrap}
.p-360.is-js .p-360-play,.p-360[data-mode="link"] .p-360-play{display:inline-flex}
a.p-360-play{text-decoration:none}
.p-360-play:hover{background:var(--pc,var(--brand));color:#14120e}
.p-360-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:10px 14px;font-size:11.5px;color:var(--muted)}
.p-360-full{color:var(--pc,var(--brand));font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:720px){.p-360-stage{aspect-ratio:auto;height:min(72vh,560px);min-height:380px}}
@media print{.p-360{display:none!important}}
/* Liên kết ra website chủ đầu tư trong thẻ .p-card */
.p-card p a{color:var(--pc,var(--brand));font-weight:600;text-decoration:none}
.p-card p a:hover{text-decoration:underline}
.p-card p a:focus-visible{outline:2px solid #e7c680;outline-offset:2px}

/* ─── 2.4: breadcrumb + tiêu đề ngữ nghĩa ─── */
.p-crumb{margin:0 0 14px;font-size:12px;line-height:1.5;color:var(--muted)}
.p-crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center}
.p-crumb li{display:inline;min-width:0;overflow-wrap:anywhere}
.p-crumb li+li::before{content:'›';margin:0 7px;opacity:.55}
.p-crumb a{color:var(--text-2);text-decoration:none}
.p-crumb a:hover{color:var(--pc,var(--brand));text-decoration:underline}
.p-crumb [aria-current]{color:var(--muted)}
h2.p-sec{font:inherit}
@media print{.p-crumb{display:none}}

/* ─── 2.5: trang hồ sơ + trang chủ đề ─── */
.p-card a{color:var(--pc,var(--brand));text-decoration:none;font-weight:700}
.p-card a:hover{text-decoration:underline}
.p-hubline{margin:28px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
.p-hubline a{color:var(--pc,var(--brand));text-decoration:none}
.p-hubline a:hover{text-decoration:underline}
.p-linklist{list-style:none;margin:0 0 16px}
.p-linklist li{margin-bottom:8px;font-size:14px;line-height:1.7}
.p-linklist a{color:var(--pc,var(--brand));text-decoration:none}
.p-linklist a:hover{text-decoration:underline}
.p-who{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.p-who img{border-radius:50%;flex-shrink:0}
@media print{.p-hubline{display:none}}


/* ─── 2.6: khối nút kêu gọi mở công cụ (bảng tính) ─── */
.p-cta-box{margin:20px 0;padding:20px 20px 18px;border:1px solid rgba(200,153,58,.5);border-radius:14px;background:linear-gradient(135deg,rgba(200,153,58,.16),rgba(176,80,64,.09));box-shadow:0 8px 28px rgba(0,0,0,.28)}
.p-cta-t{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;line-height:1.25;color:#f4eee2}
.p-cta-d{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--text-2)}
.p-cta-n{margin:12px 0 0;font-size:11px;line-height:1.5;font-style:italic;color:var(--muted)}
.p-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 28px;border-radius:12px;background:linear-gradient(135deg,#e8bd5c,#c8993a);color:#1a140a!important;font-size:17px;font-weight:700;letter-spacing:.2px;text-decoration:none!important;box-shadow:0 8px 24px rgba(200,153,58,.32);transition:transform .15s,box-shadow .15s}
.p-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,153,58,.45)}
.p-cta .arr{display:inline-block;font-size:22px;line-height:1;transition:transform .15s}
.p-cta:hover .arr{transform:translateX(5px)}
.p-cta:focus-visible{outline:3px solid #f3d58d;outline-offset:3px}
@media(min-width:700px){.p-cta{display:inline-flex;min-width:340px}}
@media(prefers-reduced-motion:reduce){.p-cta,.p-cta .arr{transition:none}}
@media print{.p-cta-box{display:none}}

/* ═══ 2.7.0 — Chữ lớn hơn trên trang bài, khối giá/ưu đãi, hiệu ứng hiện dần ═══
   Chỉ áp dụng trong thân bài (#pBody). Trang chủ, menu, thanh bên giữ nguyên. */
#pBody .p-p{font-size:16px;line-height:1.8}
#pBody .p-lead{font-size:16.5px;line-height:1.8;color:#b4aea6}
#pBody .p-h1{font-size:clamp(28px,6vw,42px)}
#pBody .p-h2{font-size:22px;line-height:1.3}
#pBody .p-card strong{font-size:12.5px;text-transform:none;letter-spacing:.3px}
#pBody .p-card p{font-size:15px;line-height:1.7}
#pBody .p-call-lbl{font-size:12px;letter-spacing:1.2px}
#pBody .p-call p{font-size:15.5px}
#pBody .p-warn{font-size:15px}
#pBody .knum-n{font-size:32px}
#pBody .knum-l{font-size:13px}
#pBody .p-facts .knum-n{font-size:36px}
#pBody .p-facts .knum-l{font-size:13px}
#pBody .p-tl-yr{font-size:12px}
#pBody .p-tl-ti{font-size:16px}
#pBody .p-tl-ds{font-size:14.5px}
#pBody .p-travel li{font-size:15px}
#pBody .p-travel small{font-size:13px}
#pBody .p-travel b{font-size:22px}
#pBody .swot-label{font-size:12.5px;letter-spacing:1px}
#pBody .swot-cell ul,#pBody .swot-cell p{font-size:14.5px;line-height:1.75}
#pBody .faq-q{font-size:15.5px}
#pBody .faq-a{font-size:15px;line-height:1.8}
#pBody .faq-num{font-size:19px}
#pBody .proj-row-name{font-size:17px}
#pBody .proj-row-tag{font-size:11.5px}
#pBody .p-cta-d{font-size:15.5px}
#pBody .p-cta-n{font-size:13px}
#pBody figcaption{font-size:13px!important}
/* Chữ viết inline trong bài cũ: nâng theo thang mới mà không phải sửa 180 file nội dung */
#pBody [style*="font-size:9px"],#pBody [style*="font-size:9.5px"],#pBody [style*="font-size:10px"]{font-size:12px!important}
#pBody [style*="font-size:10.5px"],#pBody [style*="font-size:11px"],#pBody [style*="font-size:11.5px"]{font-size:13px!important}
#pBody [style*="font-size:12px"],#pBody [style*="font-size:12.5px"]{font-size:14.5px!important}
#pBody [style*="font-size:13px"],#pBody [style*="font-size:13.5px"]{font-size:15px!important}

/* Khối giá + ưu đãi (dùng lại cho các dự án khác) */
.p-price{margin:14px 0 10px;padding:22px 20px;text-align:center;border:1px solid rgba(200,153,58,.38);border-radius:12px;background:linear-gradient(135deg,rgba(200,153,58,.14),rgba(176,80,64,.08))}
.p-price-l{font-size:13px;color:var(--muted)}
.p-price-n{margin:4px 0;font-family:'Cormorant Garamond',serif;font-size:clamp(54px,17vw,76px);font-weight:700;line-height:1.05;color:#f4eee2}
.p-price-n span{margin-left:6px;font-size:.34em;font-weight:600;color:var(--brand)}
.p-price-d{font-size:14.5px;color:var(--text-2)}
.p-offers{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 12px;overflow:hidden;border:1px solid var(--border-2);border-radius:12px;background:rgba(255,255,255,.03)}
.p-offers>div{padding:18px 8px;text-align:center}
.p-offers>div+div{border-left:1px solid var(--border-2)}
.p-offers b{display:block;font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;line-height:1;color:var(--pc,var(--brand))}
.p-offers span{display:block;margin-top:8px;font-size:13px;line-height:1.35;color:var(--text-2)}

/* Hiện dần khi lướt tới: lớp .rv do JS gắn, chỉ gắn cho khối nằm dưới màn hình lúc mở trang.
   Không có JS hoặc chọn "giảm chuyển động" thì không có gì bị ẩn. Chỉ dùng opacity + transform (không gây xô lệch bố cục). */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--rv-d,0ms)}
  figure.rv{transform:translateY(12px) scale(.985)}
  .rv.rv-in{opacity:1;transform:none}
}
@media print{.rv{opacity:1!important;transform:none!important}}

/* Chữ nhỏ màu đỏ đất: sáng hơn một chút để đạt độ tương phản 4,5:1 (trước đó 3,4–3,7:1). Chữ lớn giữ nguyên màu. */
#pBody .p-card strong,#pBody .p-tl-yr{color:#c9604d;color:color-mix(in srgb,var(--pc,var(--brand)) 78%,#fff)}
#pTag[style*="#b05040"],#pBody [style*="color:#b05040"]{color:#d4705d!important}

/* 2.8.0 — Ấn phẩm không hiện ảnh bìa trên web (cover:false): thẻ chữ gồm số kỳ, tiêu đề, đoạn trích */
.pub-grid.pub-list{grid-template-columns:1fr;max-width:760px}
.pub-card-text .pub-card-body{padding:22px 24px 24px}
.pub-card-text .pub-card-title{font-size:clamp(22px,4.2vw,30px);margin:0;font-weight:400;overflow-wrap:anywhere}
.pub-card-excerpt{margin:12px 0 16px;font-size:15px;line-height:1.75;color:#a9a9a9;max-width:none}
.pub-card-more{font-size:13px;font-weight:600;color:#d9b467;letter-spacing:.3px}

/* ─── GIAO DIỆN RIÊNG: Norton Park (2.11.1) — nền xanh rêu đậm, chữ kem, dải họa tiết lá #545748, họa tiết lá của dự án ─── */
html.theme-norton-park{background:#2b2d24!important}
body.theme-norton-park{
  --bg:#2b2d24;--bg2:#383b2f;--bg3:#424538;
  --text:#f4e8da;--text-2:#ecdfcf;--muted:#d8c9b6;--ok:#b5e0c6;
  --brand:#e6c58f;--brand-dim:rgba(230,197,143,.18);
  --border:rgba(234,214,197,.2);--border-2:rgba(234,214,197,.16);
  --pc-soft:#f0d9b5;--pc-num:rgba(230,197,143,.65);
  background:#2b2d24!important;
}
body.theme-norton-park #panel{--pc:#e6c58f!important;background:#383b2f;box-shadow:1px 0 0 var(--border-2)}
body.theme-norton-park #pStrip{height:88px;background:url(../images/site/norton-pattern.webp) repeat-x left top/238px 88px,#545748!important}
body.theme-norton-park #pTag{color:#e6c58f!important}
body.theme-norton-park #pHead{background:rgba(56,59,47,.96)}
body.theme-norton-park #panel::-webkit-scrollbar-thumb{background:rgba(234,214,197,.3)}
body.theme-norton-park .p-h1{color:#f6e9da}
body.theme-norton-park .p-card{background:rgba(234,214,197,.06)}
body.theme-norton-park .p-card p,body.theme-norton-park #pBody .p-lead,body.theme-norton-park .p-call p{color:#ecdfcf}
body.theme-norton-park .p-call,body.theme-norton-park .p-warn,body.theme-norton-park .knum{background:rgba(234,214,197,.06)}
body.theme-norton-park .proj-row{background:rgba(234,214,197,.06)}
body.theme-norton-park .proj-row:hover{background:rgba(234,214,197,.11)}
body.theme-norton-park .proj-row-name{color:#f6e9da}
body.theme-norton-park #copyArticleLink{background:rgba(0,0,0,.2);color:#f4e8da;border-color:rgba(234,214,197,.35)}
body.theme-norton-park #articleLinkStatus:not(:empty){color:#e6c58f}
body.theme-norton-park #ctaBar{background:rgba(43,45,36,.97);border-top-color:rgba(234,214,197,.22)}
body.theme-norton-park #ctaBar .cta-call,body.theme-norton-park .aside-cta .cta-call{background:#e6c58f;color:#2b2d23}
body.theme-norton-park #ctaBar .cta-zalo,body.theme-norton-park .aside-cta .cta-zalo{color:#f4e8da;border-color:rgba(234,214,197,.4)}
body.theme-norton-park .swot-cell ul,body.theme-norton-park .swot-cell p{color:#ecdfcf}
body.theme-norton-park .swot-s .swot-label{color:#b5e0c6}body.theme-norton-park .swot-w .swot-label{color:#f2aea0}
body.theme-norton-park .swot-o .swot-label{color:#bcd3f2}body.theme-norton-park .swot-t .swot-label{color:#e6c58f}
body.theme-norton-park .faq-q{color:#f4e8da}
body.theme-norton-park .faq-num{opacity:.85}
body.theme-norton-park .faq-a{color:#ecdfcf}
body.theme-norton-park #pFooter{background:rgba(0,0,0,.22);border-top-color:rgba(234,214,197,.2)}
body.theme-norton-park .pf-name{color:#f6e9da}
body.theme-norton-park .pf-role{color:#e6c58f}
body.theme-norton-park .pf-cta{color:#d8c9b6}
body.theme-norton-park .pf-btn-phone{color:#e6c58f;border-color:rgba(230,197,143,.45);background:rgba(230,197,143,.1)}

/* ─── WATERMARK CHÂN DUNG TÁC GIẢ (2.13.0, Tú yêu cầu) ───
   Ảnh chân dung ở trang chủ hiện mờ phía sau nội dung mọi trang bài/trang riêng.
   Nằm trong ngữ cảnh xếp lớp của #panel (z-index:-1) nên luôn ở dưới chữ, trên nền khung. */
#panel.page{--panel-w:640px}
#panel.page::after{
  content:'';position:fixed;z-index:-1;pointer-events:none;
  bottom:0;right:max(0px,calc((100vw - var(--panel-w)) / 2));
  width:min(46vh,62%);height:88vh;max-width:440px;
  background:url(../images/site/tac-gia-nguyen-anh-tu.webp) right bottom/contain no-repeat;
  opacity:.07;filter:grayscale(1) sepia(.35);
  -webkit-mask-image:linear-gradient(to top,#000 55%,transparent),linear-gradient(to left,#000 60%,transparent);
  mask-image:linear-gradient(to top,#000 55%,transparent),linear-gradient(to left,#000 60%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
@media (min-width:1100px){
  html.is-article #panel.page{--panel-w:860px}
  html.has-aside #panel.page{--panel-w:1180px}
}
@media (max-width:640px){#panel.page::after{opacity:.05;width:min(58vw,300px)}}
@media print{#panel.page::after{display:none!important}}