/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX-Themes
Author URI: http://uxthemes.com/
Template: flatsome
Version: 3.0
*/


/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font_5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font_9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font_2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_15.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_10.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font_12.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font_16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font_13.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_14.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_18.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_17.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font_3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_17.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font_3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root{
  color-scheme:dark;
  --bg:#050506;
  --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.028);
  --heading:#ededef; --body:#b8c0cf; --muted:#8a8f98;
  --accent:#d4cdb4;
  --rose:#e79aa8;
  --border:rgba(255,255,255,.09); --border-strong:rgba(255,255,255,.18);
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ag:linear-gradient(100deg,#3186FF,#749BFF 20%,#00B95C 46%,#FBBC04 72%,#FC413D 100%);
  --shadow:0 20px 60px -22px rgba(0,0,0,.75);
  --sans:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --star:233,238,255;
  --heart:231,154,168;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f3eee5;
  --surface:rgba(255,255,255,.74);
  --surface-2:rgba(255,255,255,.52);
  --heading:#20262f; --body:#414a5b; --muted:#76808f;
  --accent:#9a7b3f;
  --rose:#e0577a;
  --border:rgba(26,32,46,.12); --border-strong:rgba(26,32,46,.22);
  --shadow:0 20px 55px -26px rgba(70,60,90,.3);
  --heart:224,87,122;
}
:root[data-theme="light"] .aurora span{opacity:.3}
:root[data-theme="light"] .veil{background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,rgba(255,251,245,.25),rgba(243,238,229,.6))}
:root[data-theme="light"] .parts{background:linear-gradient(180deg,rgba(243,238,229,.92),rgba(243,238,229,.55) 70%,transparent)}
:root[data-theme="light"] .progress,:root[data-theme="light"] .bartrack{background:rgba(20,26,40,.08)}
:root[data-theme="light"] .fld input,:root[data-theme="light"] .fld textarea{background:rgba(20,26,40,.04)}
:root[data-theme="light"] .fld input::placeholder,:root[data-theme="light"] .fld textarea::placeholder{color:#98a0ad}
:root[data-theme="light"] .gate{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,253,249,.9))}
:root[data-theme="light"] .gate .glow{background:radial-gradient(120% 90% at 50% 0%,rgba(224,87,122,.12),transparent 60%)}
:root[data-theme="light"] thead th{background:rgba(20,26,40,.045)}
:root[data-theme="light"] .modal .sheet,:root[data-theme="light"] .unlocked-flash .card{background:#fff}
:root[data-theme="light"] .locked::after{background:rgba(243,238,229,.4)}
*{box-sizing:border-box}
*::selection{background:rgba(212,205,180,.28);color:#fff}
html{background:var(--bg);-webkit-text-size-adjust:100%;transition:background .4s var(--ease)}
body{
  margin:0;background:transparent;color:var(--body);
  font-family:var(--sans);font-size:16px;line-height:1.68;
  min-height:100dvh;overflow-x:hidden;
}
h1,h2,h3{color:var(--heading);font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0}
p{margin:0 0 .85em}
a{color:var(--accent);text-underline-offset:3px}
img,svg{max-width:100%}
:focus-visible{outline:2.5px solid #8fb4ff;outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:12px;top:-60px;z-index:2000;background:#111;color:#fff;padding:10px 16px;border-radius:10px;transition:top .2s}
.skip:focus{top:12px}

/* ---------- background layers ---------- */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora .a1{width:52vw;height:52vw;left:-12vw;top:-14vw;background:radial-gradient(circle at 30% 30%,rgba(49,134,255,.5),transparent 62%);animation:drift1 30s var(--ease) infinite alternate}
.aurora .a2{width:46vw;height:46vw;right:-12vw;top:6vh;background:radial-gradient(circle at 60% 40%,rgba(231,154,168,.42),transparent 62%);animation:drift2 26s var(--ease) infinite alternate}
.aurora .a3{width:50vw;height:50vw;left:22vw;bottom:-22vw;background:radial-gradient(circle at 50% 50%,rgba(0,185,92,.30),transparent 64%);animation:drift3 34s var(--ease) infinite alternate}
@keyframes drift1{to{transform:translate(8vw,7vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-7vw,9vh) scale(1.1)}}
@keyframes drift3{to{transform:translate(6vw,-8vh) scale(1.18)}}
canvas.stars{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;opacity:1!important}
.aurora{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important}
.veil{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:
  radial-gradient(120% 80% at 50% -10%,rgba(20,26,40,.35),transparent 60%),
  linear-gradient(180deg,rgba(5,5,6,.2),rgba(5,5,6,.72))}

/* ---------- shell ---------- */
.wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 clamp(14px,4vw,34px)}
header.top{position:relative;z-index:1;padding:clamp(26px,5vw,54px) 0 8px}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:var(--surface);padding:7px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.kicker b{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 12px var(--rose)}
h1.title{font-size:clamp(30px,7.2vw,62px);margin:.34em 0 .12em;letter-spacing:-.02em}
.grad{background:var(--ag)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;background-size:220% 100%!important;animation:sh 9s linear infinite!important;display:inline-block!important}
@keyframes sh{0%{background-position:0% 0}100%{background-position:220% 0}}
.subtitle{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2.5vw,21px);color:var(--body);max-width:54ch}
.byline{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted)}
.byline .dot{color:var(--accent)}

/* ---------- part switcher (main tabs) ---------- */
.parts{position:sticky;top:0;z-index:60;margin-top:22px;padding:10px 0 6px;
  background:linear-gradient(180deg,rgba(5,5,6,.86),rgba(5,5,6,.5) 70%,transparent);backdrop-filter:blur(6px)}
.parts-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-behavior:smooth}
.parts-scroll::-webkit-scrollbar{display:none}
.parts-arrow{position:absolute;top:10px;bottom:10px;width:58px;z-index:6;border:0;padding:0;margin:0;cursor:pointer;display:grid;align-items:center;color:var(--heading)}
.parts-arrow[hidden]{display:none}
.parts-arrow-l{left:0;justify-items:start;background:linear-gradient(90deg,var(--bg) 42%,transparent)}
.parts-arrow-r{right:0;justify-items:end;background:linear-gradient(270deg,var(--bg) 42%,transparent)}
.parts-arrow svg{width:32px;height:32px;padding:5px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);backdrop-filter:blur(8px);box-shadow:0 5px 16px -5px rgba(0,0,0,.45);transition:transform .2s var(--ease),background .2s}
.parts-arrow:hover svg{background:var(--surface-2);transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.parts-scroll{scroll-behavior:auto}.parts-arrow:hover svg{transform:none}}
.ptab{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start;
  border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(12px);
  color:var(--body);border-radius:var(--r-md);padding:9px 15px;cursor:pointer;font-family:inherit;
  transition:border-color .35s var(--ease),background .35s,transform .35s var(--ease);min-width:132px}
.ptab small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.ptab span{font-weight:600;font-size:14.5px;color:var(--heading)}
.ptab[aria-selected="true"]{border-color:var(--border-strong);background:rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ptab[aria-selected="true"] small{color:var(--accent)}
.ptab:hover{transform:translateY(-2px)}
.plock{margin-left:6px;font-size:11px}

/* reading progress */
.progress{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:8px 0 2px}
.progress i{display:block;height:100%;width:0;background:var(--ag);background-size:200%;transition:width .15s linear}

/* chapter chips */
.chaps{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:9px 0 4px}
.chaps::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);
  border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;
  transition:.3s var(--ease)}
.chip[aria-current="true"]{color:var(--heading);border-color:var(--border-strong);background:rgba(255,255,255,.07)}
.chip .lk{opacity:.7;font-size:11px}

/* ---------- parts / pages ---------- */
main{position:relative;z-index:1;padding:6px 0 40px}
.part{display:none}
.part.active{display:block}
.chapmark{display:flex;align-items:center;gap:12px;margin:34px 0 4px;scroll-margin-top:150px}
.chapmark .no{font-family:var(--serif);font-size:13px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}
.chapmark h2{font-size:clamp(21px,3.4vw,28px)}
.chapmark .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}

.page:not(body){position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:clamp(20px,3.4vw,32px);margin:16px 0;backdrop-filter:blur(14px);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);scroll-margin-top:150px}
.page .pgno{position:absolute;top:14px;right:18px;font-family:var(--serif);font-size:12px;color:var(--muted);letter-spacing:.1em}
.page h3{font-size:clamp(18px,2.8vw,23px);margin-bottom:.5em}
.lead{font-family:var(--serif);font-style:italic;color:var(--body);font-size:16.5px}
.page h4{color:var(--accent);font-family:var(--sans);font-weight:600;font-size:14.5px;letter-spacing:.02em;margin:18px 0 6px}
.page ul{margin:0 0 .8em;padding-left:1.15em}
.page li{margin:.28em 0}
.page li::marker{color:var(--accent)}
.term{color:var(--heading);font-weight:600}

/* boxes */
.box{border-radius:var(--r-lg);padding:16px 18px;margin:18px 0;border:1px solid var(--border)}
.box h5{margin:0 0 6px;font-family:var(--sans);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.box.red{background:rgba(252,65,61,.07);border-color:rgba(252,65,61,.34);border-left:4px solid #fc413d}
.box.red h5{color:#ff8a86}
.box.blue{background:rgba(49,134,255,.07);border-color:rgba(49,134,255,.32);border-left:4px solid #3186ff}
.box.blue h5{color:#8fb6ff}
.box.qa{background:var(--surface-2);border-color:var(--border)}
.box.qa h5{color:var(--accent)}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.q{color:var(--heading);font-weight:600}

/* tables */
.tbl{width:100%;overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--border);margin:16px 0}
table{width:100%;border-collapse:collapse;min-width:440px;font-size:14px}
th,td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--border);vertical-align:top}
thead th{background:rgba(255,255,255,.05);color:var(--heading);font-weight:600;font-size:12.5px;letter-spacing:.03em}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(255,255,255,.02)}

/* stat row + charts */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:6px 0 4px}
.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}
.stat .n{font-family:var(--serif);font-size:clamp(24px,4.6vw,34px);color:var(--heading);line-height:1}
.stat .l{font-size:12.5px;color:var(--muted);margin-top:5px}
.bars{margin:14px 0 6px}
.barrow{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;margin:9px 0;font-size:13.5px}
.barrow .bl{color:var(--body)}
.bartrack{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.barfill{display:block;position:relative;height:100%;width:0;border-radius:999px;background:var(--ag);background-size:200%;
  clip-path:inset(0 100% 0 0);will-change:clip-path;transition:clip-path 1.05s var(--ease)}
.barfill.wipe{clip-path:inset(0 0 0 0)}
.barfill::after{content:"";position:absolute;inset:0 auto 0 0;width:100%;border-radius:999px;
  background:linear-gradient(90deg,transparent 82%,rgba(255,255,255,.7));opacity:0;transition:opacity .25s}
html.anim .barfill.wiping::after{opacity:.9}
.barrow .bv{color:var(--heading);font-variant-numeric:tabular-nums;font-weight:600;min-width:52px;text-align:right}

/* reveal */
.rv, html.anim .rv, [class*="xc-section"] .rv, .part .rv, .accordion-inner .rv{opacity:1!important;transform:none!important;visibility:visible!important}

/* ---------- gate ---------- */
.locked{filter:blur(7px) saturate(.7);opacity:.5;pointer-events:none;user-select:none}
.locked::after{content:"";position:absolute;inset:0;border-radius:var(--r-xl);background:rgba(5,5,6,.35)}
.fruit-preview { display: none; }
body.is-unlocked .fruit-preview { display: block !important; animation: fadein 0.5s var(--ease); }
body.is-unlocked #unlockCard { display: none !important; }
.gate{position:relative;margin:22px 0 8px;border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(20,24,34,.72),rgba(10,12,18,.86));
  backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.gate.hide{display:none}
.gate .glow{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(49,134,255,.16),transparent 60%);pointer-events:none}
.gate .inner{position:relative;padding:clamp(24px,4vw,40px);max-width:560px;margin:0 auto;text-align:center}
.gate .lockic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;
  background:rgba(212,205,180,.12);border:1px solid rgba(212,205,180,.35)}
.gate h3{font-size:clamp(22px,4vw,30px);margin-bottom:.35em}
.gate .sub{color:var(--body);margin:0 auto 6px;max-width:44ch}
.gate .why{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:16px 0 22px;font-size:13px;color:var(--muted)}
.gate .why span{display:inline-flex;gap:6px;align-items:center}
form.lead-form{display:grid;gap:12px;text-align:left}
.fld{display:grid;gap:6px}
.fld label{font-size:13px;color:var(--body);font-weight:500}
.fld label .req{color:var(--rose)}
.fld input,.fld textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:var(--r-md);
  color:var(--heading);font-family:inherit;font-size:16px;padding:12px 14px;min-height:46px;transition:border-color .25s}
.fld textarea{min-height:84px;resize:vertical;line-height:1.5}
.fld input::placeholder,.fld textarea::placeholder{color:#6a7080}
.fld input:focus,.fld textarea:focus{border-color:#8fb4ff;background:rgba(255,255,255,.07)}
.fld.bad input,.fld.bad textarea{border-color:#fc6b67}
.fld .err{font-size:12px;color:#ff8a86;min-height:0;display:none}
.fld.bad .err{display:block}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:460px){.row2{grid-template-columns:1fr}}
.submit{margin-top:6px;width:100%;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:16px;
  color:#0b1220;background:linear-gradient(100deg,#e9e2c8,#d4cdb4);border-radius:var(--r-md);padding:14px;min-height:50px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s var(--ease),filter .2s}
.submit:hover{filter:brightness(1.06)}
.submit:active{transform:scale(.985)}
.submit[disabled]{opacity:.6;cursor:not-allowed}
.spin{width:17px;height:17px;border:2.5px solid rgba(11,18,32,.35);border-top-color:#0b1220;border-radius:50%;animation:sp .7s linear infinite;display:none}
.submit.loading .spin{display:inline-block}
.submit.loading .lbl{opacity:.75}
@keyframes sp{to{transform:rotate(360deg)}}
.privacy{margin-top:10px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}
.formmsg{margin-top:10px;font-size:13.5px;text-align:center;display:none;border-radius:10px;padding:9px 12px}
.formmsg.ok{display:block;color:#9be6b8;background:rgba(0,185,92,.1);border:1px solid rgba(0,185,92,.3)}
.formmsg.warn{display:block;color:#ffd27a;background:rgba(251,188,4,.08);border:1px solid rgba(251,188,4,.3)}
.gate.shake{animation:shk .4s}
@keyframes shk{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}

/* success flash */
.unlocked-flash{position:fixed;inset:0;z-index:900;display:none;place-items:center;background:rgba(5,5,6,.6);backdrop-filter:blur(4px)}
.unlocked-flash.on{display:grid;animation:fadein .4s}
.unlocked-flash .card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);padding:30px 34px;text-align:center;max-width:360px;box-shadow:var(--shadow)}
.unlocked-flash .ok{width:60px;height:60px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:rgba(0,185,92,.14);border:1px solid rgba(0,185,92,.4)}
.unlocked-flash .card{max-width:400px}
.flash-sub{color:var(--muted);font-size:13.5px;margin:0 0 10px}
.flash-personal{color:var(--heading);font-size:14.5px;line-height:1.5;margin:0 0 10px;font-weight:600}
.flash-offer{color:var(--body);font-size:14px;line-height:1.55;margin:0 0 16px}
.flash-offer mark{background:#ffdf3d;color:#083a8f;padding:0 5px;border-radius:5px;font-weight:800}
.flash-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;
  border:0;border-radius:14px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:800;color:#fff;
  background:linear-gradient(100deg,#0062ff,#00b4ff);box-shadow:0 12px 30px -10px rgba(0,104,255,.85);
  transition:transform .2s var(--ease),filter .2s}
.flash-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.flash-qr{margin-top:14px}
.flash-qr img{width:180px;height:180px;border-radius:12px;background:#fff;padding:8px}
.flash-trust{font-size:11.5px;color:var(--muted);margin:10px 0 0}
.flash-later{display:block;width:100%;margin-top:12px;background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:12.5px;color:var(--muted);text-decoration:underline;padding:6px}
.flash-later:hover{color:var(--body)}
@media(prefers-reduced-motion:reduce){.unlocked-flash.on{animation:none}.flash-cta:hover{transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}

/* ---------- Floating action stack (Permanently Fixed Center Right) ---------- */
.fab-stack, .fab-stack.show {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.fab-mini{width:46px;height:46px;border-radius:13px 0 0 13px;border:1px solid var(--border-strong);border-right:0;
  display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:-8px 12px 32px -14px rgba(0,0,0,.55);
  transition:transform .25s var(--ease),filter .2s;font-family:inherit}
.fab-mini:hover{transform:translateX(-4px);filter:brightness(1.08)}
.fab-mini svg{width:22px;height:22px}
.zalo-fab{display:flex!important;align-items:center!important;gap:9px!important;border:1px solid var(--border-strong)!important;border-right:0!important;
  background:linear-gradient(100deg,#0068ff,#00a8ff)!important;color:#fff!important;font-family:inherit!important;font-weight:600!important;font-size:14px!important;
  padding:12px 18px 12px 16px!important;border-radius:14px 0 0 14px!important;cursor:pointer!important;box-shadow:-8px 12px 40px -12px rgba(0,104,255,.6)!important;
  transition:transform .25s var(--ease),padding-right .3s!important;writing-mode:horizontal-tb!important;text-decoration:none!important}
.zalo-fab:hover{padding-right:22px!important;transform:translateX(-4px)!important}
.zalo-fab .zi{width:22px!important;height:22px!important;flex:0 0 auto!important}
.fab-appt-pill{background:linear-gradient(100deg,#7b61ff,#a06bff)!important;box-shadow:-8px 12px 40px -12px rgba(123,97,255,.5)!important;border-radius:14px 0 0 14px!important;border-right:0!important;padding:12px 18px 12px 16px!important}
@media(max-width:640px){
  .fab-stack, .fab-stack.show{top:50%!important;bottom:auto!important;right:0!important;transform:translateY(-50%)!important;gap:10px!important}
  .fab-appt-pill{border-radius:14px 0 0 14px!important;border-right:0!important;width:auto!important;height:auto!important;padding:10px 14px!important}
  .fab-appt-pill span{display:inline!important;font-size:13px!important;font-weight:600!important}
  .zalo-fab:not(.fab-appt-pill){border-radius:14px 0 0 14px!important;border-right:0!important;padding:10px 14px!important;max-width:none!important}
}
/* back to top / xc-back-to-top */
.totop, .xc-back-to-top{position:fixed!important;right:16px!important;bottom:16px!important;z-index:115!important;width:46px!important;height:46px!important;border-radius:50%!important;
  border:1px solid var(--border-strong)!important;background:var(--surface)!important;backdrop-filter:blur(12px)!important;color:var(--heading)!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;opacity:0!important;transform:translateY(14px) scale(.9)!important;pointer-events:none!important;
  transition:opacity .3s var(--ease),transform .3s var(--ease),border-color .25s!important;box-shadow:var(--shadow)!important}
.totop.show, .xc-back-to-top.show{opacity:1!important;transform:none!important;pointer-events:auto!important}
.totop:hover, .xc-back-to-top:hover{border-color:var(--accent)!important;transform:translateY(-2px)!important}
.totop svg, .xc-back-to-top svg{width:20px!important;height:20px!important;display:block!important;stroke:currentColor!important}
@media(max-width:640px){.totop, .xc-back-to-top{left:16px!important;right:auto!important;bottom:18px!important}}
/* theme toggle */
.ttoggle{position:absolute;top:clamp(18px,4vw,38px);right:clamp(14px,4vw,34px);z-index:75;
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);
  backdrop-filter:blur(12px);color:var(--body);border-radius:999px;padding:8px 13px;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:500;transition:.3s var(--ease)}
.ttoggle:hover{border-color:var(--border-strong);transform:translateY(-1px)}
.ttoggle svg{width:17px;height:17px}
.tt-sun{display:none}.tt-moon{display:inline}
:root[data-theme="light"] .tt-sun{display:inline}
:root[data-theme="light"] .tt-moon{display:none}
.tt-label-dark{display:inline}.tt-label-light{display:none}
:root[data-theme="light"] .tt-label-dark{display:none}
:root[data-theme="light"] .tt-label-light{display:inline}
@media(max-width:640px){ .kx{display:none} .ttoggle span{display:none} .ttoggle{padding:8px;gap:0} }
/* zalo benefit + chapter images */
.zbenefit{display:flex;gap:9px;align-items:flex-start;text-align:left;margin:12px 0 4px;
  background:rgba(224,87,122,.1);border:1px solid rgba(224,87,122,.3);border-radius:12px;padding:11px 13px;
  font-size:13.5px;color:var(--body);line-height:1.5}
.zbenefit svg{flex:0 0 auto;margin-top:2px}
.zbenefit b{color:var(--heading)}
.chap-figs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}
@media(max-width:560px){.chap-figs{grid-template-columns:1fr}}
.chap-figs.one{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
.chap-figs figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);
  background:var(--surface-2);box-shadow:var(--shadow);position:relative;aspect-ratio:3/2}
.chap-figs img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s var(--ease)}
.chap-figs img.loaded{opacity:1}
.chap-figs figure.hasvid video{width:100%;height:100%;object-fit:cover;display:block}
.chap-figs figure.hasvid::before{display:none}
.chap-figs figure::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(150,150,170,.06),rgba(150,150,170,.13),rgba(150,150,170,.06));
  background-size:220% 100%;animation:shimmer 1.5s linear infinite}
.chap-figs figure.ready::before{display:none}
@keyframes shimmer{to{background-position:-220% 0}}
/* references */
.refs{position:relative;margin:16px 0 6px;padding:16px 20px;border:1px dashed var(--border-strong);
  border-radius:var(--r-lg);background:var(--surface-2);backdrop-filter:blur(6px)}
.refs h4{color:var(--accent);font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;margin:0 0 9px;display:flex;align-items:center;gap:8px}
.refs h4 svg{width:15px;height:15px}
.refs ol{margin:0;padding-left:1.35em;font-size:12.5px;color:var(--muted);line-height:1.55}
.refs li{margin:5px 0}
.refs li i{color:var(--body)}

.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;
  background:rgba(5,5,6,.66);backdrop-filter:blur(6px)}
.modal.on{display:grid;animation:fadein .3s}
.modal .sheet{position:relative;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);
  padding:clamp(24px,5vw,34px);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow);
  animation:pop .45s var(--ease)}
@keyframes pop{from{transform:scale(.92) translateY(10px);opacity:.4}to{transform:none;opacity:1}}
.modal .x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);
  background:var(--surface-2);color:var(--body);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center}
.modal .zlogo{width:46px;height:46px;margin:0 auto 12px}
.modal h3{font-size:22px;margin-bottom:.3em}
.modal p{color:var(--body);font-size:14.5px}
.qrbox{background:#fff;border-radius:16px;padding:14px;width:210px;margin:16px auto 6px;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.qrbox svg{display:block;width:100%;height:auto}
.qrhint{font-size:12.5px;color:var(--muted)}
.zbtn{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:linear-gradient(100deg,#0068ff,#00a8ff);color:#fff;font-weight:600;font-size:16px;text-decoration:none;
  padding:14px;border-radius:var(--r-md);min-height:50px}
.zsteps{text-align:left;margin:16px 0 0;font-size:13px;color:var(--body);border-top:1px solid var(--border);padding-top:14px}
.zsteps li{margin:5px 0}
.only-mobile{display:none}
.only-desktop{display:block}
body.is-mobile .only-mobile{display:block}
body.is-mobile .only-desktop{display:none}

/* footer */
footer{position:relative;z-index:1;border-top:0!important;margin-top:20px;padding:26px 0 60px;color:var(--muted);font-size:13px}
footer .disc{max-width:66ch}
footer b{color:var(--body)}

/* ============ FREE ZONE: section intro ============ */
.freezone-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rose);border:1px solid rgba(224,87,122,.35);background:rgba(224,87,122,.08);padding:5px 12px;border-radius:999px;margin:2px 0 2px}
.freehint{font-size:13px;color:var(--muted);margin:8px 0 2px}
/* ============ INTERACTIVE TOOLS ============ */
.toolz{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin:14px 0}
.tool{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:18px;backdrop-filter:blur(14px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05)}
.tool .th{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}
.tool .th .ic{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;
  background:rgba(224,87,122,.12);border:1px solid rgba(224,87,122,.3);color:var(--rose)}
.tool .th .ic svg{width:20px;height:20px}
.tool .th h4{margin:0;font-family:var(--serif);font-weight:600;font-size:16.5px;color:var(--heading)}
.tool .th p{margin:2px 0 0;font-size:11.5px;color:var(--muted);line-height:1.4}
.tool .ti{display:grid;gap:10px}
.tool label{font-size:12.5px;color:var(--body);font-weight:500;display:block;margin-bottom:5px}
.tool input[type=date],.tool input[type=number]{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border);
  border-radius:var(--r-md);color:var(--heading);font-family:inherit;font-size:15px;padding:11px 12px;min-height:44px}
:root[data-theme="light"] .tool input{background:rgba(20,26,40,.04)}
.tool input:focus{border-color:#8fb4ff}
.row2t{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tbtn{width:100%;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:14.5px;color:#fff;
  background:linear-gradient(100deg,#e0577a,#f0879f);border-radius:var(--r-md);padding:11px;min-height:44px;transition:filter .2s,transform .15s}
.tbtn:hover{filter:brightness(1.06)} .tbtn:active{transform:scale(.98)}
.tres{margin-top:13px;border-radius:var(--r-md);border:1px dashed var(--border-strong);background:var(--surface-2);
  padding:13px 15px;font-size:13.5px;color:var(--body);display:none}
.tres.show{display:block;animation:fadein .35s}
.tres b{color:var(--heading)}
.tres .big{color:var(--heading);font-family:var(--serif);font-size:21px;display:block;line-height:1.2;margin:2px 0 4px}
.tres .pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;margin:4px 5px 0 0;
  background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--body)}
.tres.warn{border-color:rgba(252,65,61,.42);background:rgba(252,65,61,.06)} .tres.warn .big{color:#ff8a86}
.tres.good{border-color:rgba(0,185,92,.35);background:rgba(0,185,92,.06)}
.tres.mid{border-color:rgba(251,188,4,.42);background:rgba(251,188,4,.07)}
.cds{display:grid;gap:8px}
.cdrow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;
  padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.cdrow .cn{color:var(--body)} .cdrow .cv{font-weight:600;color:var(--heading);font-variant-numeric:tabular-nums;white-space:nowrap}
.cdrow.done{opacity:.5} .cdrow .cv.soon{color:var(--rose)}
.qz{display:grid;gap:12px}
.qzq .qh{display:block;color:var(--heading);font-weight:600;margin-bottom:7px;font-size:13.5px}
.qopts{display:flex;flex-wrap:wrap;gap:6px}
.qopt{border:1px solid var(--border);background:var(--surface-2);color:var(--body);border-radius:999px;
  padding:7px 13px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.2s}
.qopt[aria-pressed=true]{background:rgba(224,87,122,.16);border-color:var(--rose);color:var(--heading)}
.ckl{display:grid;gap:7px}
.ckitem{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:11px;cursor:pointer;
  background:var(--surface-2);border:1px solid var(--border);font-size:13px;color:var(--body);transition:.2s;text-align:left;font-family:inherit;width:100%}
.ckitem:hover{border-color:var(--border-strong)}
.ckitem[aria-pressed=true]{background:rgba(252,65,61,.09);border-color:rgba(252,65,61,.4);color:var(--heading)}
.ckbox{width:20px;height:20px;border-radius:6px;border:1.6px solid var(--border-strong);flex:0 0 auto;margin-top:1px;
  display:grid;place-items:center;color:transparent}
.ckitem[aria-pressed=true] .ckbox{background:#fc413d;border-color:#fc413d;color:#fff}
.ckbox svg{width:13px;height:13px}
/* fetal timeline */
.fetal{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 12px;scroll-snap-type:x proximity}
.fetal::-webkit-scrollbar{display:none}
.fcard{flex:0 0 202px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);
  background:var(--surface);box-shadow:var(--shadow);scroll-snap-align:start}
.fcard .fig{aspect-ratio:3/2;position:relative;overflow:hidden;background:var(--surface-2)}
.fcard img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s var(--ease)}
.fcard img.loaded{opacity:1}
.fcard .fb{padding:11px 13px}
.fcard .fw{font-family:var(--serif);color:var(--heading);font-size:16px}
.fcard .ff{font-size:12.5px;color:var(--rose);font-weight:600;margin:2px 0 5px}
.fcard .fd{font-size:12px;color:var(--muted);line-height:1.45}
/* Dr. Tú profile */
.profile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:clamp(20px,3.4vw,30px);backdrop-filter:blur(14px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);margin:16px 0;overflow:hidden}
.profile .pg{position:absolute;inset:0;background:radial-gradient(110% 80% at 100% 0%,rgba(224,87,122,.1),transparent 55%);pointer-events:none}
.phero{position:relative;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pav{width:98px;height:98px;border-radius:22px;flex:0 0 auto;overflow:hidden;border:1px solid var(--border-strong);
  background:linear-gradient(135deg,rgba(224,87,122,.28),rgba(49,134,255,.22));display:grid;place-items:center}
.pav img{width:100%;height:100%;object-fit:cover}
.pav svg{width:46px;height:46px;color:#fff;opacity:.9}
.phid{flex:1;min-width:200px}
.phid h3{font-size:clamp(20px,3.4vw,26px);margin:0}
.phid .role{color:var(--accent);font-size:13.5px;font-weight:600;margin:4px 0 6px}
.phid .slogan{font-family:var(--serif);font-style:italic;color:var(--body);font-size:14.5px;margin:0}
.pstats{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin:16px 0}
.pstat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 12px;text-align:center}
.pstat .n{font-family:var(--serif);color:var(--heading);font-size:21px;line-height:1}
.pstat .l{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.3}
.pcols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
@media(max-width:600px){.pcols{grid-template-columns:1fr;gap:12px}}
.pcols h4{color:var(--accent);font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.02em;margin:0 0 8px}
.ptl{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}
.ptl:last-child{border-bottom:0}
.ptl .yr{color:var(--rose);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pubs{margin:0;padding-left:1.1em;font-size:12.5px;color:var(--muted);line-height:1.5}
.pubs li{margin:5px 0} .pubs i{color:var(--body)}
.pcta{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pcta a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px;color:var(--heading);
  padding:11px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2)}
.pcta a.primary{background:linear-gradient(100deg,#e0577a,#f0879f);color:#fff;border:0}
.pcta a svg{width:17px;height:17px}
.pnote{position:relative;font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.5}
/* in-book search */
.searchwrap{position:relative;margin:8px 0 2px}
.searchwrap .si{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted);pointer-events:none}
#bookSearch{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--heading);
  font-family:inherit;font-size:14px;padding:10px 38px;min-height:42px;backdrop-filter:blur(10px)}
#bookSearch:focus{border-color:var(--border-strong)}
.searchwrap .sx{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;
  border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;display:none}
.searchwrap.has .sx{display:grid;place-items:center}
.sresults{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;border:1px solid var(--border-strong);
  border-radius:var(--r-md);background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--shadow);
  max-height:56vh;overflow-y:auto;display:none}
:root[data-theme="light"] .sresults{background:rgba(255,255,255,.96)}
.sresults.show{display:block}
.sr{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;
  cursor:pointer;font-family:inherit;padding:11px 14px;color:var(--body)}
.sr:last-child{border-bottom:0} .sr:hover{background:rgba(255,255,255,.04)}
.sr .srt{color:var(--heading);font-weight:600;font-size:13.5px;display:block}
.sr .srp{color:var(--rose);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.sr .srx{color:var(--muted);font-size:12.5px;display:block;margin-top:2px;line-height:1.4}
.sr mark{background:rgba(251,188,4,.28);color:var(--heading);border-radius:3px;padding:0 2px}
.snone{padding:14px;font-size:13px;color:var(--muted);text-align:center}
.hl-flash{animation:hlf 1.6s var(--ease)}
@keyframes hlf{0%,100%{box-shadow:var(--shadow)}18%{box-shadow:0 0 0 3px rgba(224,87,122,.55)}}

/* ===== group hero banner ===== */
.group-hero, .part-banner-media{position:relative;margin:16px 0 16px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);
  box-shadow:var(--shadow);height:380px;min-height:340px}
.group-hero img,.group-hero video, .part-banner-media img, .part-banner-media video{width:100%;height:100%;object-fit:cover;display:block}
.group-hero .gh-cap, .part-banner-media .gh-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 28px;display:flex;flex-direction:column;gap:4px;
  background:linear-gradient(0deg,rgba(8,6,12,.85),rgba(8,6,12,.3) 65%,transparent);z-index:2}
.group-hero .gh-no, .part-banner-media .gh-no{font-family:var(--sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#fff!important;line-height:1.2!important;display:block!important;margin:0!important}
.group-hero .gh-h, .part-banner-media .gh-h, .part-banner-media h2{font-family:var(--serif)!important;font-weight:600!important;font-size:clamp(24px,4vw,34px)!important;color:#fff!important;line-height:1.15!important;margin:0!important;display:block!important;text-shadow:0 2px 10px rgba(0,0,0,.5)!important}
@media(max-width:560px){.group-hero, .part-banner-media{height:240px;min-height:220px}.group-hero .gh-cap, .part-banner-media .gh-cap{padding:16px 18px}}
/* ===== accordion = mục lục ===== */
.accordion{border:0!important;display:grid;gap:12px;margin-top:14px}
.accordion .accordion-item{border:1px solid var(--border)!important;border-radius:var(--r-lg)!important;background:var(--surface)!important;backdrop-filter:blur(12px);overflow:hidden;box-shadow:var(--shadow);transition:border-color .3s,box-shadow .3s}
.accordion .accordion-item.active{border-color:var(--border-strong)!important}
.accordion .accordion-title{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;padding:16px 54px 16px 20px!important;min-height:56px!important;background:transparent!important;border:0!important;font-family:var(--serif)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;transition:background .2s!important}
.accordion .accordion-title:hover{background:rgba(255,255,255,.03)!important}

/* Accordion Title Animated Aurora Gradient Text */
.accordion .accordion-title > span,
.accordion .accordion-title span,
.accordion-title span,
.accordion-title > span,
a.accordion-title > span,
a.accordion-title span,
.acc-t,
.acc-h .acc-t {
  order: 1 !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  font-size: clamp(16px, 2.4vw, 18.5px) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  background: var(--ag) !important;
  background-size: 220% 100% !important;
  background-repeat: repeat-x !important;
  animation: sh 9s linear infinite !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

.accordion .accordion-title .acc-lock,
.acc-lock {
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 8px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  animation: none !important;
  color: initial !important;
}
body.is-unlocked .acc-lock{display:none!important}
.accordion .accordion-title .toggle, .accordion .accordion-title button.toggle, .accordion .toggle{order:3!important;position:absolute!important;right:18px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:transparent!important;border:0!important;color:var(--muted)!important;transition:transform .35s var(--ease)!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--muted)!important;animation:none!important}
.accordion .accordion-title .toggle i, .accordion .toggle i{font-size:1.3em!important;line-height:1!important}
.accordion .accordion-item.active .accordion-title .toggle, .accordion .accordion-item.active .accordion-title button.toggle, .accordion .accordion-item.active .toggle{transform:translateY(-50%) rotate(180deg)!important}
.accordion .accordion-inner{padding:4px 20px 24px 20px!important;border:0!important}
@media(max-width:560px){.accordion .accordion-title{padding:14px 44px 14px 14px!important}.accordion .accordion-title .toggle, .accordion .toggle{right:10px!important}.accordion .accordion-inner{padding:4px 12px 18px 12px!important}}

.acclist{display:grid;gap:10px;margin-top:14px}
.acc{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);backdrop-filter:blur(12px);
  overflow:hidden;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .3s}
.acc.open{border-color:var(--border-strong)}
/* CTA trong chương (NIPT) */
.ctabox{margin:16px 0 4px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--border-strong);
  background:linear-gradient(180deg,rgba(224,87,122,.10),rgba(224,87,122,.04));text-align:center}
.ctabox h5{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--heading);margin:0 0 6px}
.ctabox p{font-size:13.5px;color:var(--body);line-height:1.6;margin:0 auto 14px;max-width:480px}
.ctarow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cta-msg,.cta-reg{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;
  padding:12px 20px;border-radius:999px;font-family:inherit;font-weight:600;font-size:14.5px;cursor:pointer;border:0;
  text-decoration:none;transition:transform .2s}
.cta-msg{background:linear-gradient(135deg,#0084ff,#00a8ff);color:#fff;box-shadow:0 10px 26px -12px rgba(0,132,255,.9)}
.cta-reg{background:linear-gradient(135deg,#f2dcc7,#e6c493);color:#2a1c10;box-shadow:0 10px 26px -12px rgba(230,196,147,.9)}
.cta-msg:hover,.cta-reg:hover{transform:translateY(-1px)}
/* chương KHÓA: xổ ra nhưng hiện thông báo thay vì nội dung */
.lockmsg{padding:26px 12px 20px;text-align:center}
.lockmsg .lm-ic{font-size:32px;line-height:1;margin-bottom:8px}
.lockmsg h3, .lockmsg h5{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--heading);margin:8px 0 6px}
.lockmsg p{font-size:14px;color:var(--muted);line-height:1.6;max-width:460px;margin:0 auto 18px}
.lockmsg .lm-btn{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:#2a1c10;
  background:linear-gradient(135deg,#f2dcc7,#e6c493);padding:13px 28px;border-radius:999px;min-height:48px;
  box-shadow:0 10px 26px -12px rgba(230,196,147,.9);transition:transform .2s,box-shadow .2s}
.lockmsg .lm-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(230,196,147,1)}
.acc-h{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-family:inherit;cursor:pointer;
  background:transparent;border:0;color:var(--heading);padding:14px 16px;min-height:58px}
.acc-h:hover{background:rgba(255,255,255,.03)}
.acc-no{flex:0 0 auto;font-family:var(--serif);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  border:1px solid var(--border);border-radius:999px;padding:3px 9px;white-space:nowrap}
.acc-t{flex:1;min-width:0;font-family:var(--serif);font-weight:600;font-size:clamp(15px,2.3vw,18px);line-height:1.25;letter-spacing:-.01em;color:var(--heading)}
.acc-meta{flex:0 0 auto;display:flex;align-items:center;gap:9px;color:var(--muted)}
.acc-lock{font-size:13px;line-height:1}
.acc-chev{width:20px;height:20px;transition:transform .35s var(--ease)}
.acc.open .acc-chev{transform:rotate(180deg)}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}
.acc.open .acc-b{grid-template-rows:1fr}
.acc-bi{overflow:hidden;min-height:0;padding:0 15px}
.acc.open .acc-bi{padding:2px 15px 12px}
.acc-bi>*:first-child{margin-top:8px}
.acclist .pgno{display:none}
@media(max-width:560px){.acc-bi,.acc.open .acc-bi{padding-left:9px;padding-right:9px}}
/* unlock card (was gate) — always visible until unlocked */
.unlockcard{margin:18px 0 6px}
.unlockcard.hide{display:none}
:root[data-theme="light"] .unlockcard{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,253,249,.9))}
:root[data-theme="light"] .unlockcard .glow{background:radial-gradient(120% 90% at 50% 0%,rgba(224,87,122,.12),transparent 60%)}

/* Floating Action Stack (Appt + Zalo Lead) */
.fab-stack{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(135%);z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:transform .55s var(--ease);pointer-events:none}
.fab-stack.show{transform:translateY(-50%) translateX(0)!important;pointer-events:auto!important}
.zalo-fab{display:flex;align-items:center;gap:9px;border:1px solid var(--border-strong);border-right:0;background:linear-gradient(100deg,#0068ff,#00a8ff);color:#fff;font-family:inherit;font-weight:600;font-size:14px;padding:13px 15px;border-radius:14px 0 0 14px;cursor:pointer;box-shadow:-8px 12px 40px -12px rgba(0,104,255,.6);transition:transform .25s var(--ease),padding-right .3s;writing-mode:horizontal-tb}
.zalo-fab:hover{padding-right:22px;transform:translateX(-2px)}
.zalo-fab .zi{width:22px;height:22px;flex:0 0 auto}
.fab-appt-pill{background:linear-gradient(100deg,#7b61ff,#a06bff)!important;box-shadow:-8px 12px 40px -12px rgba(123,97,255,.5)!important}

@media (max-width:640px){
  .fab-stack{top:auto;bottom:16px;right:14px;transform:translateY(0) translateX(185%);gap:12px}
  .fab-stack.show{transform:translateY(0) translateX(0)!important}
  .fab-appt-pill{border-radius:50%!important;border-right:1px solid var(--border-strong)!important;width:54px!important;height:54px!important;padding:0!important;justify-content:center!important}
  .fab-appt-pill span{display:none!important}
  .zalo-fab:not(.fab-appt-pill){border-radius:16px!important;width:auto!important;max-width:78vw!important;padding:14px 18px!important;justify-content:center!important;border-right:1px solid var(--border-strong)!important}
  .zalo-fab:not(.fab-appt-pill) span{display:inline!important;font-size:14px!important;font-weight:700!important}
}

.zalo-fab.zalo-lead{position:relative;gap:11px;padding:15px 20px 15px 16px;border-radius:18px 0 0 18px;background:linear-gradient(100deg,#0062ff,#00b4ff)!important;box-shadow:-9px 14px 48px -10px rgba(0,104,255,.75)!important;animation:zlead 2.6s ease-in-out infinite!important;overflow:visible}
.zalo-fab.zalo-lead .zi{width:30px!important;height:30px!important}
.zalo-fab.zalo-lead .ztxt{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;line-height:1.16!important}
.zalo-fab.zalo-lead .ztxt b{font-size:16px!important;font-weight:800!important}
.zalo-fab.zalo-lead .ztxt small{font-size:12px!important;font-weight:600!important;opacity:.96!important}
.zalo-fab.zalo-lead .ztxt small mark{background:#ffdf3d!important;color:#083a8f!important;padding:0 5px!important;border-radius:5px!important;font-weight:800!important}
.zalo-fab.zalo-lead:hover{animation-play-state:paused!important;padding-right:24px!important;transform:translateX(-6px) scale(1.02)!important}
.zbadge{position:absolute;top:-11px;left:-8px;background:linear-gradient(135deg,#ff3d6e,#ff6b3d)!important;color:#fff!important;font-size:10.5px!important;font-weight:800!important;padding:3px 9px!important;border-radius:999px!important;letter-spacing:.03em!important;white-space:nowrap;box-shadow:0 5px 14px -3px rgba(255,61,110,.75)!important;animation:zbadgePop 1.5s ease-in-out infinite!important;transform-origin:center;pointer-events:none}
@keyframes zlead{0%,100%{transform:translateX(0);box-shadow:-9px 14px 48px -10px rgba(0,104,255,.55)}50%{transform:translateX(-7px);box-shadow:-9px 14px 58px -4px rgba(0,120,255,1),0 0 0 7px rgba(0,168,255,.22)}}
@keyframes zbadgePop{0%,100%{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.14) rotate(-5deg)}}
@media (max-width:640px){
  .zalo-fab.zalo-lead{border-radius:18px!important;padding:13px 16px!important;max-width:82vw!important}
  .zalo-fab.zalo-lead .zi{width:26px!important;height:26px!important}
  .zalo-fab.zalo-lead .ztxt b{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.zalo-fab.zalo-lead,.zbadge{animation:none}}
/* checker tools */
.tool.wide{grid-column:1/-1}
.chkin{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:999px;color:var(--heading);
  font-family:inherit;font-size:15px;padding:11px 16px;min-height:44px}
:root[data-theme="light"] .chkin{background:rgba(20,26,40,.04)}
.chkin:focus{border-color:#8fb4ff}
.chklist{margin-top:10px;display:grid;gap:7px;max-height:360px;overflow-y:auto}
.chrow{display:grid;grid-template-columns:auto 1fr;gap:3px 11px;align-items:baseline;padding:9px 12px;border-radius:11px;
  border:1px solid var(--border);background:var(--surface-2)}
.chrow .chb{grid-row:1/3;align-self:center;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap;text-align:center}
.chrow .chn{font-weight:600;color:var(--heading);font-size:14px}
.chrow .chnote{grid-column:2;font-size:12.5px;color:var(--muted);line-height:1.45}
.lv-safe .chb{background:rgba(0,185,92,.14);color:#3fae6a;border:1px solid rgba(0,185,92,.4)}
.lv-caution .chb{background:rgba(251,188,4,.14);color:#c99700;border:1px solid rgba(251,188,4,.45)}
.lv-avoid .chb{background:rgba(252,65,61,.12);color:#e0443f;border:1px solid rgba(252,65,61,.45)}
.chnone{padding:12px;color:var(--muted);font-size:13px;text-align:center}
footer .disclaimer{margin-top:14px;padding:13px 16px;border:1px solid var(--border);border-left:3px solid var(--rose);border-radius:12px;background:var(--surface-2);font-size:12.5px;line-height:1.65;color:var(--body)}
footer .disclaimer b{color:var(--rose)}
/* sticky chapter nav (mục lục chạy theo) */
.chapnav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:8px 0 3px;margin-top:2px}
.chapnav::-webkit-scrollbar{display:none}
.chapnav:empty{display:none}
.cnav{flex:0 0 auto;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;
  padding:6px 13px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.25s;display:inline-flex;align-items:center;gap:6px}
.cnav:hover{border-color:var(--border-strong);color:var(--body)}
.cnav[aria-current="true"]{color:var(--heading);border-color:var(--rose);background:rgba(224,87,122,.13);font-weight:600}
.cnav .cnl{font-size:10.5px;opacity:.85}
/* tool inside accordion body — bỏ khung card kép, giữ scope style */
.acc-bi .tool{border:0;background:transparent;box-shadow:none;padding:0;backdrop-filter:none;margin:0}
@media(max-width:640px){
  .parts{position:static}
  .chapnav{flex-wrap:wrap;overflow-x:visible;padding-bottom:7px}
  /* hiệu năng: bỏ blur nền trên phần tử lặp lại để cuộn mượt */
  .acc,.box,.tool,.tres,.fcard,.card,.chrow,.unlockcard,.toc,.searchwrap,.group-hero,.kicker,.tbl{backdrop-filter:none}
  .aurora span{animation:none;filter:blur(55px);opacity:.36}
}
/* Mục lục tổng (trên đầu) */
.toc{margin:16px 0 6px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}
.toc-toggle{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;cursor:pointer;font-family:var(--serif);font-weight:600;font-size:clamp(18px,2.8vw,22px);color:var(--heading);padding:16px 18px;text-transform:none!important}
.toc-toggle svg, .toc-toggle svg.toc-icon, .toc-toggle>svg:first-child{width:21px!important;height:21px!important;max-width:21px!important;min-width:21px!important;flex:0 0 21px!important;color:var(--rose);display:inline-block!important;vertical-align:middle!important}
.toc-toggle .toc-chev, .toc-toggle svg:last-child{margin-left:auto!important;width:20px!important;height:20px!important;max-width:20px!important;min-width:20px!important;flex:0 0 20px!important;color:var(--muted);display:inline-block!important;vertical-align:middle!important;transition:transform .35s var(--ease)}
.gate .lockic svg, .unlockcard .lockic svg{width:24px!important;height:24px!important;max-width:24px!important;min-width:24px!important;display:block!important;margin:auto!important}
.toc.open .toc-toggle .toc-chev{transform:rotate(180deg)}
.toc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.toc.open .toc-body{grid-template-rows:1fr}
.toc-inner{overflow:hidden;min-height:0;padding:0 18px}
.toc.open .toc-inner{padding:0 18px 18px}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px 20px}
.toc-col h3{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--rose);margin:0 0 8px;display:flex;gap:7px;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:6px;text-transform:none!important}
.toc-col h3 .toc-no{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.toc-links{display:grid;gap:2px;list-style:none!important;margin:0!important;padding:0!important}
.toc-links button, .toc-links .toc-link, .toc-link, .toc-link .tl-tx{text-align:left!important;border:0!important;background:transparent!important;cursor:pointer;font-family:var(--serif)!important;font-size:14.5px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;color:var(--body)!important;padding:5px 8px!important;border-radius:8px!important;transition:.2s;display:flex!important;align-items:center;gap:8px;list-style:none!important;text-transform:none!important}
.toc-link:hover{background:rgba(224,87,122,.09)!important;color:var(--heading)!important}
.tl-lock{font-size:10.5px;opacity:.8;margin-left:auto;flex:0 0 auto}
.toc-lbl{font-family:var(--sans);font-weight:600;font-size:12.5px;color:var(--rose);letter-spacing:.01em;background:rgba(224,87,122,.1);border:1px solid var(--border);padding:2px 14px;border-radius:999px;display:inline-flex;align-items:center;line-height:1.35;text-transform:none!important}
.tl-dot{width:6px;height:6px;border-radius:50%;background:var(--rose);opacity:.55;flex:0 0 6px!important;display:inline-block!important;margin:0!important}
.toc-link .tl-tx{flex:1 1 auto;text-transform:none!important}
.toc-link:hover .tl-dot{opacity:1}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .aurora span{animation:none}
}



/*************************************************************
 * FLATSOME & WORDPRESS FIXES
 *************************************************************/



/* Body and Flatsome wrappers */
body.page-template-page-blank-landingpage,
body.page-template-page-blank-landingpage-php {
  background: var(--bg) !important;
  color: var(--body) !important;
  font-family: var(--sans) !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body.page-template-page-blank-landingpage h1,
body.page-template-page-blank-landingpage h2,
body.page-template-page-blank-landingpage h3,
body.page-template-page-blank-landingpage .title,
body.page-template-page-blank-landingpage .gh-h,
body.page-template-page-blank-landingpage .accordion-title span,
body.page-template-page-blank-landingpage .subtitle,
body.page-template-page-blank-landingpage .lead,
body.page-template-page-blank-landingpage .toc-toggle,
body.page-template-page-blank-landingpage .toc-col h3,
body.page-template-page-blank-landingpage .ctabox h5,
body.page-template-page-blank-landingpage .lockmsg h3,
body.page-template-page-blank-landingpage .unlocked-flash h3,
body.page-template-page-blank-landingpage .fcard .fw,
body.page-template-page-blank-landingpage .stat .n,
body.page-template-page-blank-landingpage .pstat .n {
  font-family: var(--serif) !important;
}

body.page-template-page-blank-landingpage #wrapper,
body.page-template-page-blank-landingpage #main,
body.page-template-page-blank-landingpage-php #wrapper,
body.page-template-page-blank-landingpage-php #main {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}



/* Embedded SVGs */
.qr-zalo-bg, .qrbox, .flash-qr {
  background-image: url("data:image/svg+xml;utf8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='330' class='segno'%3E%3Cg transform='scale(10)'%3E%3Cpath fill='%23fff' d='M0 0h33v33h-33z'/%3E%3Cpath class='qrline' stroke='%230b0f14' d='M2 2.5h7m3 0h2m4 0h1m2 0h2m1 0h7m-29 1h1m5 0h1m2 0h1m4 0h4m2 0h1m1 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m1 0h1m3 0h1m2 0h1m4 0h1m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h2m3 0h2m1 0h2m4 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h1m1 0h1m1 0h1m3 0h1m1 0h3m1 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m1 0h2m1 0h1m3 0h1m1 0h2m3 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-21 1h5m1 0h1m3 0h1m-19 1h1m1 0h5m3 0h3m4 0h1m1 0h2m1 0h5m-26 1h1m1 0h2m2 0h1m8 0h1m1 0h2m1 0h2m1 0h1m3 0h1m-29 1h1m5 0h2m2 0h1m4 0h4m1 0h1m1 0h2m-21 1h1m1 0h1m2 0h2m2 0h1m3 0h1m1 0h6m1 0h1m1 0h1m-25 1h4m1 0h1m3 0h1m2 0h1m1 0h1m2 0h1m4 0h2m-27 1h2m1 0h3m1 0h1m2 0h4m2 0h1m2 0h6m3 0h1m-28 1h1m2 0h4m2 0h1m1 0h4m1 0h1m4 0h1m1 0h3m-27 1h1m2 0h1m1 0h1m2 0h1m1 0h2m1 0h1m1 0h1m7 0h1m3 0h1m-24 1h5m2 0h1m2 0h4m2 0h1m4 0h2m-27 1h2m1 0h2m2 0h1m2 0h1m1 0h1m3 0h9m1 0h1m1 0h1m-29 1h1m1 0h1m1 0h1m1 0h4m2 0h1m2 0h1m2 0h1m1 0h1m2 0h2m1 0h1m-27 1h1m1 0h2m1 0h1m1 0h1m3 0h2m1 0h1m1 0h1m1 0h3m3 0h1m2 0h1m-28 1h1m1 0h1m1 0h9m2 0h10m1 0h3m-21 1h1m1 0h1m2 0h2m1 0h1m3 0h1m3 0h5m-29 1h7m4 0h1m1 0h5m1 0h2m1 0h1m1 0h3m-27 1h1m5 0h1m1 0h2m2 0h2m1 0h2m1 0h1m1 0h1m3 0h1m2 0h2m-29 1h1m1 0h3m1 0h1m1 0h4m2 0h1m2 0h1m2 0h5m1 0h1m-27 1h1m1 0h3m1 0h1m1 0h2m1 0h2m3 0h1m1 0h4m3 0h4m-29 1h1m1 0h3m1 0h1m1 0h1m2 0h1m2 0h3m2 0h1m1 0h7m-28 1h1m5 0h1m3 0h2m4 0h1m3 0h1m1 0h1m2 0h1m1 0h1m-28 1h7m1 0h1m1 0h3m2 0h3m1 0h1m2 0h1m2 0h2'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Contact Form 7 integration styles */
.wpcf7 form.wpcf7-form {
  display: grid;
  gap: 14px;
}
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100% !important;
  background: var(--surface-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  color: var(--heading) !important;
  font-family: var(--sans) !important;
  font-size: 15px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
  border-color: var(--rose) !important;
  box-shadow: 0 0 0 3px rgba(231,154,168,.18) !important;
  outline: none !important;
}
.wpcf7 input[type="submit"].submit {
  width: 100% !important;
  background: linear-gradient(135deg, var(--rose), #d64a70) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: var(--sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 20px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px -8px rgba(224,87,122,.5) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.wpcf7 input[type="submit"].submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px -6px rgba(224,87,122,.65) !important;
}
.wpcf7-not-valid-tip {
  color: #ff6b81 !important;
  font-size: 12.5px !important;
  margin-top: 4px !important;
  font-weight: 500 !important;
}
.wpcf7-response-output {
  border-radius: var(--r-md) !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  color: var(--heading) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  margin: 10px 0 0 !important;
}

/* Unlocked Flash Modal */
.unlocked-flash {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none;
  place-items: center !important;
  background: rgba(5,5,6,.75) !important;
  backdrop-filter: blur(8px) !important;
  padding: 20px !important;
}
.unlocked-flash.on {
  display: grid !important;
  animation: fadein .35s var(--ease) !important;
}
.unlocked-flash .card {
  background: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--r-xl) !important;
  padding: 32px 36px !important;
  text-align: center !important;
  max-width: 440px !important;
  width: 100% !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(16px) !important;
  box-sizing: border-box !important;
  position: relative !important;
}
:root[data-theme="light"] .unlocked-flash .card {
  background: #ffffff !important;
}
.unlocked-flash .ok {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  margin: 0 auto 16px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(0,185,92,.14) !important;
  border: 1px solid rgba(0,185,92,.4) !important;
}
.unlocked-flash .flash-sub {
  color: var(--muted) !important;
  font-size: 13.5px !important;
  margin: 0 0 10px !important;
}
.unlocked-flash .flash-personal {
  color: var(--heading) !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  margin: 0 0 10px !important;
  font-weight: 600 !important;
}
.unlocked-flash .flash-offer {
  color: var(--body) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
}
.unlocked-flash .flash-offer mark {
  background: #ffdf3d !important;
  color: #083a8f !important;
  padding: 0 5px !important;
  border-radius: 5px !important;
  font-weight: 800 !important;
}
.unlocked-flash .flash-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: linear-gradient(100deg,#0062ff,#00b4ff) !important;
  box-shadow: 0 12px 30px -10px rgba(0,104,255,.85) !important;
  transition: transform .2s var(--ease),filter .2s !important;
}
.unlocked-flash .flash-cta:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
}
.unlocked-flash .flash-qr {
  margin-top: 14px !important;
}
.unlocked-flash .flash-qr img {
  width: 180px !important;
  height: 180px !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 8px !important;
  display: block !important;
  margin: 0 auto !important;
}
.unlocked-flash .flash-trust {
  font-size: 11.5px !important;
  color: var(--muted) !important;
  margin: 10px 0 0 !important;
}
.unlocked-flash .flash-later {
  display: block !important;
  width: 100% !important;
  margin-top: 12px !important;
  background: none !important;
  border: 0 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  color: var(--muted) !important;
  text-decoration: underline !important;
  padding: 6px !important;
}
.unlocked-flash .flash-later:hover {
  color: var(--body) !important;
}


/*************************************************************
 * SECTION 0 & 1 ENHANCED UX STYLING (SVGs embedded in CSS)
 *************************************************************/

/* Theme Toggle with CSS Background SVGs */
.ttoggle {
  position: absolute !important;
  top: 20px !important;
  right: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--body) !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all .25s var(--ease) !important;
  z-index: 99 !important;
  backdrop-filter: blur(10px) !important;
}
.ttoggle:hover {
  border-color: var(--rose);
  color: var(--heading);
}
.ttoggle .tt-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ededef' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
:root[data-theme="light"] .ttoggle .tt-icon,
[data-theme="light"] .ttoggle .tt-icon {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2320262f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E");
}
.ttoggle .tt-label-light { display: none; }
.ttoggle .tt-label-dark { display: inline; }
:root[data-theme="light"] .ttoggle .tt-label-dark,
[data-theme="light"] .ttoggle .tt-label-dark { display: none; }
:root[data-theme="light"] .ttoggle .tt-label-light,
[data-theme="light"] .ttoggle .tt-label-light { display: inline; }

/* Flickity Row Slider Integration */
.row-slider-image-box {
  position: relative !important;
  margin-bottom: 6px !important;
  padding: 8px 0 16px 0 !important;
  overflow: visible !important;
}
.row-slider-image-box.flickity-enabled {
  display: block !important;
  padding: 8px 0 16px 0 !important;
}
.row-slider-image-box.flickity-enabled .col {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 4px 6px 12px 6px !important;
}
.row-slider-image-box .col-inner {
  overflow: visible !important;
  padding-bottom: 2px !important;
}
.row-slider-image-box .flickity-viewport {
  overflow: hidden !important;
  padding: 8px 0 18px 0 !important;
  margin: -8px 0 -18px 0 !important;
}

/* Hide default in-slider overlay buttons */
.row-slider-image-box .flickity-prev-next-button {
  display: none !important;
}

/* Slider Parts & Icon Box Typography */
.row-slider-image-box .icon-box,
.ptab,
.ptab .icon-box {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  padding: 10px 14px !important;
  transition: border-color .35s var(--ease), background .35s, transform .35s var(--ease) !important;
  text-decoration: none !important;
  display: block !important;
  box-sizing: border-box !important;
  backdrop-filter: blur(12px) !important;
}

:root[data-theme="light"] .row-slider-image-box .icon-box,
:root[data-theme="light"] .ptab,
:root[data-theme="light"] .ptab .icon-box {
  background: #ffffff !important;
  border: 1px solid rgba(26, 32, 46, 0.12) !important;
  border-bottom: 1px solid rgba(26, 32, 46, 0.16) !important;
  box-shadow: 0 2px 6px rgba(70, 60, 90, 0.05) !important;
}

.row-slider-image-box .icon-box:hover,
.ptab:hover .icon-box,
.ptab:hover {
  transform: translateY(-2px) !important;
  border-color: var(--border-strong) !important;
  background: var(--surface-2) !important;
}

:root[data-theme="light"] .row-slider-image-box .icon-box:hover,
:root[data-theme="light"] .ptab:hover {
  background: #fbf9f5 !important;
  border-color: #c9b48f !important;
}

/* Active / Selected Tab State */
.row-slider-image-box .col.active .icon-box,
.row-slider-image-box .col.active .ptab,
.row-slider-image-box .col.is-selected .icon-box,
.row-slider-image-box .icon-box.active,
.ptab.active .icon-box,
.ptab.active,
.ptab[aria-selected="true"] {
  border-color: var(--border-strong) !important;
  background: rgba(255,255,255,.085) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

:root[data-theme="light"] .row-slider-image-box .col.active .icon-box,
:root[data-theme="light"] .row-slider-image-box .col.active .ptab,
:root[data-theme="light"] .row-slider-image-box .col.is-selected .icon-box,
:root[data-theme="light"] .row-slider-image-box .icon-box.active,
:root[data-theme="light"] .ptab.active,
:root[data-theme="light"] .ptab[aria-selected="true"] {
  background: #ebe3d5 !important;
  border: 1px solid #c9b48f !important;
  border-bottom: 1px solid #bba37b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 3px 10px rgba(154,123,63,.14) !important;
}

.row-slider-image-box .icon-box-text,
.ptab .icon-box-text {
  padding: 0 !important;
}

.row-slider-image-box .icon-box-text h5,
.ptab .icon-box-text h5,
.ptab small {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.row-slider-image-box .col.active .icon-box-text h5,
.row-slider-image-box .icon-box.active h5,
.ptab.active small,
.ptab[aria-selected="true"] small {
  color: var(--accent) !important;
}

:root[data-theme="light"] .row-slider-image-box .col.active .icon-box-text h5,
:root[data-theme="light"] .row-slider-image-box .icon-box.active h5,
:root[data-theme="light"] .ptab.active small,
:root[data-theme="light"] .ptab[aria-selected="true"] small {
  color: #9a7b3f !important;
}

.row-slider-image-box .icon-box-text h4,
.ptab .icon-box-text h4,
.ptab span {
  display: block !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--heading) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:root[data-theme="light"] .row-slider-image-box .icon-box-text h5,
:root[data-theme="light"] .ptab .icon-box-text h5 {
  color: var(--muted) !important;
}

:root[data-theme="light"] .row-slider-image-box .icon-box-text h4,
:root[data-theme="light"] .ptab .icon-box-text h4 {
  color: #20262f !important;
}

/* Progress bar line and arrow buttons track under the parts slider (aligned on same row, below icon boxes) */
.parts-nav-track {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 4px 0 16px 0 !important;
}

.parts-nav-track .parts-arrow-btn {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  background: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--heading) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  transition: all .25s var(--ease) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  backdrop-filter: blur(8px) !important;
}

:root[data-theme="light"] .parts-nav-track .parts-arrow-btn {
  background: #ffffff !important;
  border: 1px solid rgba(26, 32, 46, 0.18) !important;
  color: #20262f !important;
  box-shadow: 0 2px 8px rgba(70, 60, 90, 0.08) !important;
}

.parts-nav-track .parts-arrow-btn:hover {
  transform: scale(1.08) !important;
  border-color: var(--accent) !important;
}

.parts-nav-track .parts-arrow-btn svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
}

.parts-nav-track .progress {
  flex: 1 1 auto !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
  margin: 0 !important;
  position: relative !important;
}

:root[data-theme="light"] .parts-nav-track .progress {
  background: rgba(20, 26, 40, 0.08) !important;
}

.parts-nav-track .progress #prog {
  display: block !important;
  height: 100% !important;
  width: 11.11% !important;
  background: var(--ag) !important;
  border-radius: 999px !important;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.camnang-search-input {
  width: 100% !important;
  background-color: var(--surface-2) !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 16px center !important;
  background-size: 18px 18px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  color: var(--heading) !important;
  font-family: var(--sans) !important;
  font-size: 15px !important;
  padding: 13px 20px 13px 48px !important;
  box-shadow: var(--shadow) !important;
  transition: border-color .25s, box-shadow .25s !important;
}
.camnang-search-input:focus {
  border-color: var(--rose) !important;
  box-shadow: 0 0 0 3px rgba(224,87,122,.2) !important;
  outline: none !important;
}

/* Section 1 Content Styling */
.part-banner-row {
  margin-bottom: 24px !important;
}
.part-banner-title {
  font-family: var(--serif) !important;
  font-size: clamp(24px, 4vw, 36px) !important;
  color: var(--heading) !important;
  margin-top: 14px !important;
  letter-spacing: -.02em !important;
}
.role-highlight {
  color: var(--rose) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  margin: 4px 0 !important;
}
.slogan-quote {
  font-family: var(--serif) !important;
  font-style: italic !important;
  font-size: 18px !important;
  color: var(--heading) !important;
  margin: 8px 0 16px !important;
}
.caption-muted {
  font-size: 12px !important;
  color: var(--muted) !important;
  margin-top: 8px !important;
  text-align: center !important;
}
.pstat-box {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  padding: 12px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}
.pstat-box h4 {
  font-family: var(--serif) !important;
  font-size: 20px !important;
  color: var(--rose) !important;
  margin: 0 0 4px !important;
}
.pstat-box p {
  font-size: 11.5px !important;
  color: var(--muted) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.pnote-text {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin-top: 16px !important;
  line-height: 1.6 !important;
}
.stat-highlight {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  padding: 16px !important;
  text-align: center !important;
  margin-bottom: 14px !important;
}
.stat-highlight h3 {
  font-family: var(--serif) !important;
  color: var(--heading) !important;
  font-size: 22px !important;
  margin: 0 0 6px !important;
}
.stat-highlight p {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin: 0 !important;
}
.conflict-note {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin-top: 12px !important;
  border-top: 1px dashed var(--border) !important;
  padding-top: 10px !important;
}
.pure-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  background: var(--surface) !important;
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
}
.pure-table th, .pure-table td {
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--border) !important;
  text-align: left !important;
  font-size: 14px !important;
}
.pure-table th {
  background: rgba(255,255,255,.05) !important;
  color: var(--heading) !important;
  font-weight: 600 !important;
}
.pure-table td {
  color: var(--body) !important;
}


/* Author Profile Card & Avatar Fix */
.author-avatar,
.author-avatar img,
.pav,
.pav img {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  border-radius: 22px !important;
  object-fit: cover !important;
  display: block !important;
  border: 2px solid var(--border-strong) !important;
  box-shadow: 0 10px 25px -5px rgba(224,87,122,.35) !important;
  margin: 0 !important;
}

.author-name {
  font-family: var(--serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--heading) !important;
  margin: 0 0 2px !important;
}

.author-hero-row {
  margin-bottom: 16px !important;
}

.author-hero-row .col-inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* ============================================================
   SECTION VISIBILITY (1..9 toggle, 0 & 10 always visible)
   ============================================================ */
.xc-section-1, .xc-section-2, .xc-section-3, .xc-section-4, .xc-section-5, .xc-section-6, .xc-section-7, .xc-section-8, .xc-section-9 {
  display: none !important;
}

.xc-section-1.active, .xc-section-2.active, .xc-section-3.active, .xc-section-4.active, .xc-section-5.active, .xc-section-6.active, .xc-section-7.active, .xc-section-8.active, .xc-section-9.active {
  display: block !important;
}

.xc-section-0, .xc-section-10 {
  display: block !important;
}

/* ============================================================
   FOOTER (Section 10 with 2 Flatsome Rows)
   ============================================================ */
.xc-section-10 {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--border) !important;
  margin-top: 28px;
  padding: 26px 0 60px !important;
}
.xc-section-10 .disc {
  max-width: 66ch;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.xc-section-10 .disc b {
  color: var(--body);
}
.xc-section-10 .footer-row-2, .xc-section-10 .disclaimer-row {
  margin-top: 14px !important;
}
.xc-section-10 .disclaimer {
  padding: 13px 16px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--rose) !important;
  border-radius: 12px;
  background: var(--surface-2);
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--body);
}
.xc-section-10 .disclaimer p {
  margin: 0;
  line-height: 1.65;
  color: var(--body);
}
.xc-section-10 .disclaimer b {
  color: var(--rose) !important;
}