/* Merged from dkc-mobile.css */
/* DKC mobile source of truth — mobile only, desktop unchanged */
@media (max-width: 820px){
  :root{--dkc-topbar-h:88px}

  html,body{overflow-x:hidden}
  body{font-size:14px;line-height:1.62}

  .container,
  .bc-main,
  .lite-shell,
  .bc-hero-inner{
    width:min(100% - 28px,760px);
    margin-left:auto;
    margin-right:auto;
  }

  /* Unified compact mobile nav for all inner pages */
#dkc-topbar{
    position:fixed;
    left:0;right:0;top:0;
    z-index:1000;
    min-height:0;
    height:auto;
    padding:8px 10px 9px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:7px 10px;
    background:rgba(0,0,0,.86);
    border-bottom:1px solid rgba(255,255,255,.085);
    box-shadow:0 14px 34px rgba(0,0,0,.35);
    backdrop-filter:blur(16px) saturate(1.06);
    -webkit-backdrop-filter:blur(16px) saturate(1.06);
  }
  #dkc-topbar-brand{
    order:1;
    position:static;
    transform:none;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:0 0 auto;
  }
  #dkc-topbar .dkc-logo-img,
  #dkc-topbar-brand .dkc-logo-img{
    width:28px;height:28px;border-radius:8px;
  }
  #dkc-topbar .dkc-logo-text{
    font-size:11px;
    letter-spacing:.12em;
    color:rgba(255,255,255,.78);
  }
  #dkc-topbar-links{
    order:2;
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 4px 3px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
  }
  #dkc-topbar-links::-webkit-scrollbar{display:none}
  #dkc-topbar-links a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.028);
    color:rgba(245,245,245,.72);
    font-size:11px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
  }
  #dkc-topbar-links a.active,
  #dkc-topbar-links a[aria-current="page"]{
    color:#fff;
    background:rgba(231,199,106,.055);
    border-color:rgba(231,199,106,.20);
  }
  #dkc-topbar-links .dkc-ai-nav{color:rgba(242,217,130,.9)}

  /* Page spacing under fixed nav */
  .hero,
  .bc-hero{
    padding-top:calc(var(--dkc-topbar-h) + 36px);
    padding-bottom:46px;
    min-height:auto;
  }
  body[data-dkc-page="dkc-la-gi"] .lite-shell,
  body[data-dkc-page="dkc-tu-su"] .lite-shell{
    padding-top:calc(var(--dkc-topbar-h) + 30px);
  }

  .hero h1,
  .bc-hero h1,
  .hero-title,
  .master h1,
  .lite-shell h1,
  .section-title,
  .section h2,
  .napm h2,
  .n9 h2{
    font-size:clamp(2.35rem,12vw,4.05rem);
    line-height:.98;
    letter-spacing:-.055em;
    text-align:center;
  }
  .hero-sub,
  .bc-hero p,
  .section-lead,
  .master-lead{
    font-size:14px;
    line-height:1.68;
    text-align:center;
  }

  .section,
  .n9.section,
  .napm.section,
  #btc.section,
  #overview.section,
  #planet-layers.section,
  #eclipse-activation.section,
  #aspects-2035.section{
    padding-top:54px;
    padding-bottom:54px;
  }

  /* Mobile cards / grids */
  .btc-dash-grid,
  .btc-phase-grid,
  .dkc-btc-tcs-grid,
  .bc-natal-grid,
  .na-clean-grid,
  .na-state-grid,
  .n9-grid,
  .syc-grid,
  .cycle-brief-grid,
  .strategy-grid,
  .bc-context-list{
    grid-template-columns:1fr;
  }
  .bc-year-block,
  .bc-dim,
  .astro-dict-card,
  .aspect-compact-card,
  .pl-card,
  .eclipse-card,
  .na-year-card,
  .n9-panel,
  .n9-axis-card,
  .n9-cycle-item,
  .n9-year-card,
  .btc-dash-item,
  .btc-phase-card,
  .strategy-master-card,
  .master-chart-card,
  .chart-card,
  .chart-panel,
  .lite-prose-card{
    min-width:0;
    max-width:100%;
    border-radius:22px;
  }

  .astro-dict-grid,
  .pl-grid,
  .astro-activation-grid,
  .aspect-compact-grid,
  .eclipse-grid,
  .na-flow-grid,
  .n9-axis-grid{
    grid-template-columns:minmax(0,1fr);
    min-width:0;
    max-width:100%;
  }

  /* Bối Cảnh mobile filters stay usable and centered */
  .bc-year-nav,
  .bc-filter-bar{
    width:min(100% - 28px,760px);
    margin-left:auto;
    margin-right:auto;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:8px 2px 10px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
  }
  .bc-year-nav::-webkit-scrollbar,
  .bc-filter-bar::-webkit-scrollbar{display:none}
  .bc-yn,
  .bc-filter-btn,
  .bc-filter-bar button,
  .bc-filter-bar a{
    flex:0 0 auto;
    min-height:32px;
    padding:8px 12px;
    font-size:11px;
    line-height:1;
  }
  .dkc-year-nav-label{margin-left:auto;margin-right:auto;text-align:center}
  .bc-year-head{grid-template-columns:1fr;gap:10px;padding:20px 18px}
  .bc-year-num{font-size:clamp(2.8rem,15vw,4.2rem);line-height:.9}
  .bc-year-phase{font-size:1.05rem}
  .bc-year-tagline{font-size:12.5px;line-height:1.5}
  .bc-dim-head{align-items:flex-start;gap:10px}
  .bc-risk-mini{margin-top:2px}


  .dkc-year-jump{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:2px 2px 8px;
    margin:12px 0 18px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  }
  .dkc-year-jump::-webkit-scrollbar{display:none}
  .dkc-year-jump a{flex:0 0 auto;min-width:48px;min-height:30px;font-size:10.5px;padding:7px 10px}

  /* Tables: scroll horizontally instead of squeezing text */
  .dkc-table-wrap,
  .astro-table-wrap,
  .n9-table-wrap,
  .dkc-v3-table-wrap,
  .heatmap-wrap,
  .htu-wrap,
  .overview-table-wrap{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    border-radius:18px;
  }
  .dkc-table-wrap table,
  .astro-table,
  .master-table,
  .htu-table,
  .heatmap-table,
  .compact-strategy-table,
  .dkc-v3-table,
  .compact-signal-table{
    width:max-content;
    min-width:720px;
    table-layout:auto;
  }
  th,td{
    padding:11px 12px;
    font-size:12.5px;
    line-height:1.45;
    vertical-align:top;
  }

  /* Charts / canvases */
  .master-chart-wrap,
  .chart-wrap,
  .chart-shell,
  .dkc-canvas-wrap,
  #dkc-canvas-wrap{
    min-height:340px;
    overflow:hidden;
  }
  .master-chart-svg{min-width:680px}
  .master-chart-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #dkc-chart,
  #sr-canvas,
  canvas[id*="chart"]{
    width:100%;
    max-width:100%;
  }
  body.mp-btc .btc-tradingview-shell,
  body.mp-btc .tradingview-widget-container,
  body.mp-btc .tradingview-widget-container__widget{
    height:430px;
    min-height:430px;
  }
  #dkc-btc-time-spiral-canvas{height:460px;min-height:460px}
  #dkc-btc-cycle-wheel-canvas{height:320px;min-height:320px}
  body.mp-btc .dkc-btc-tcs-legend{justify-content:center;gap:8px 12px;font-size:10.5px}

  /* BTC halving progress handled in dkc-global-unify.css */

  /* Footer unified mobile — compact horizontal */
  .dkc-footer-unified{
    margin-top:46px;
    padding:24px 0 18px;
    text-align:center;
  }
  .dkc-footer-inner{
    width:min(100% - 24px,760px);
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .dkc-footer-brand,
  .dkc-footer-logo{align-items:center;justify-content:center;text-align:center}
  .dkc-footer-brand{display:flex;justify-content:center;margin-bottom:2px}
  .dkc-footer-logo{gap:8px}
  .dkc-footer-logo .dkc-logo-footer{width:108px;height:108px}
  .dkc-footer-logo span{display:none}
  .dkc-footer-cols{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(96px,1fr));
    gap:8px;
    text-align:center;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:4px;
  }
  .dkc-footer-cols::-webkit-scrollbar{display:none}
  .dkc-footer-col-title{font-size:10px;margin-bottom:7px;letter-spacing:.08em}
  .dkc-footer-col a{font-size:11px;line-height:1.25;margin:5px 0;white-space:nowrap}
  .dkc-footer-col a:hover{transform:none}
  .dkc-footer-bottom{
    width:min(100% - 24px,760px);
    margin:10px auto 0;
    padding-top:12px;
    display:block;
    text-align:center;
    font-size:11px;
    line-height:1.45;
  }


  /* BTC mobile: compact 2-row hero timeline */
  body[data-dkc-page="btc-cycle"] .btc-hero-timeline{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px 6px;
    padding:14px 12px 16px;
    width:min(100% - 24px,640px);
    border-radius:20px;
  }
  body[data-dkc-page="btc-cycle"] .btc-hero-timeline::before{display:none}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-year{font-size:11px;margin-bottom:6px}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-icon{width:30px;height:30px;font-size:14px;margin-bottom:6px}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-dot{width:7px;height:7px;margin-bottom:6px}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-phase{font-size:8.8px;line-height:1.05;white-space:normal}

  /* BTC mobile: Gann / Macro chips scroll horizontally */
  body.mp-btc .btc-timing-stack,
  body.mp-btc .btc-timing-full{gap:10px}
  body.mp-btc .btc-timing-row{
    display:block;
    padding:14px 14px 16px;
    overflow:hidden;
  }
  body.mp-btc .btc-timing-row > div:first-child{margin-bottom:10px}
  body.mp-btc #dkc-gann-info,
  body.mp-btc #dkc-macro-info{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  body.mp-btc #dkc-gann-info::-webkit-scrollbar,
  body.mp-btc #dkc-macro-info::-webkit-scrollbar{display:none}
  body.mp-btc .timing-chip{flex:0 0 auto;white-space:nowrap;min-height:34px}

  /* Chiến Lược mobile: show full master chart, keep sector legend close */
  body.mp-master .master-chart-card,
  body.mp-master .master-chart-wrap,
  body.mp-master .master-visual{
    overflow:visible;
  }
  body.mp-master .master-chart-svg{
    width:100%;
    min-width:0;
    height:auto;
    min-height:0;
    max-height:none;
  }
  body.mp-master .sector-rotation-canvas{min-height:360px;height:360px;width:100%;display:block}
  body.mp-master .sector-number-legend{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-top:8px;
    padding-top:10px;
    gap:8px;
  }
  body.mp-master .sector-number-legend::-webkit-scrollbar{display:none}
  body.mp-master .sector-number-legend span{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);white-space:nowrap;font-size:10.5px}

  #dkc-top-btn{
    width:34px;
    height:34px;
    right:12px;
    bottom:12px;
  }
}

@media (max-width: 767px){
  /* Index mobile: keep the landing cinematic but not cramped */
  body[data-dkc-page="index"] .page{min-height:100svh;height:100svh}
  body[data-dkc-page="index"] .brand span{display:inline;font-size:13px;letter-spacing:.13em;color:rgba(255,255,255,.82)}
  body[data-dkc-page="index"] .links{
    order:2;
    width:100%;
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:9px 10px;
    border-radius:26px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(14px) saturate(1.05);
    -webkit-backdrop-filter:blur(14px) saturate(1.05);
    scrollbar-width:none;
  }
  body[data-dkc-page="index"] .links a,
  body[data-dkc-page="index"] .links a:nth-child(n+6){
    display:inline-flex;
    flex:0 0 auto;
    padding:7px 9px;
    font-size:11px;
  }
  body[data-dkc-page="index"] .links .dkc-ai-index-nav{
    color:rgba(242,217,130,.95);
    border-color:rgba(242,217,130,.24);
    background:rgba(242,217,130,.07);
  }
  body[data-dkc-page="index"] .hero{
    padding:34px 16px 10vh;
    justify-content:flex-end;
  }
  body[data-dkc-page="index"] .hero h1{
    font-size:clamp(3.65rem,18vw,5.8rem);
    line-height:.9;
    white-space:nowrap;
  }
  body[data-dkc-page="index"] .hero-timeline{
    max-width:min(360px,100%);
    margin-top:20px;
    gap:7px 10px;
  }
  body[data-dkc-page="index"] .hero-timeline .timeline-item{font-size:.7rem;gap:5px}
  body[data-dkc-page="index"] .hero-timeline .phase{font-size:.56rem;letter-spacing:.07em}
  body[data-dkc-page="index"] .hero-timeline .sep{display:none}
  body[data-dkc-page="index"] .bg-video{
    transform:scale(1.08);
    object-position:center center;
  }
}

@media (max-width: 430px){
  :root{--dkc-topbar-h:90px}
  .container,.bc-main,.lite-shell,.bc-hero-inner{width:calc(100% - 24px)}
  body[data-dkc-page="btc-cycle"] .btc-hero-timeline{grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 10px 14px;gap:10px 4px}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-icon{width:28px;height:28px;font-size:13px}
  body[data-dkc-page="btc-cycle"] .btc-hero-tl-phase{font-size:8px}
  .hero h1,.bc-hero h1,.hero-title,.master h1{font-size:clamp(2.25rem,14vw,3.35rem)}
  .section,.n9.section,.napm.section,#btc.section{padding-top:46px;padding-bottom:46px}
  .bc-year-block,.bc-dim,.na-year-card,.n9-year-card{padding:16px;border-radius:20px}
  th,td{font-size:12px;padding:10px 11px}
  .dkc-table-wrap table,.astro-table,.master-table,.htu-table,.heatmap-table,.dkc-v3-table{min-width:660px}
  body.mp-btc .btc-tradingview-shell,
  body.mp-btc .tradingview-widget-container,
  body.mp-btc .tradingview-widget-container__widget{height:360px;min-height:360px}
  #dkc-btc-time-spiral-canvas{height:420px;min-height:420px}
  #dkc-btc-cycle-wheel-canvas{height:300px;min-height:300px}
  body.mp-master .sector-rotation-canvas{min-height:420px;height:420px}
}



@media (max-width: 767px){
  /* Final mobile sector rotation crop fix */
  body.mp-master .sector-rotation-card{
    overflow:visible;
    padding:12px 10px 12px;
  }
  body.mp-master .sector-rotation-legend{
    gap:12px;
    margin-bottom:8px;
    font-size:11px;
  }
  body.mp-master .sector-number-legend{
    margin-top:6px;
    padding-top:8px;
  }
  .dkc-footer-col a.dkc-ai-footer{
    color:rgba(242,217,130,.98);
    background:rgba(242,217,130,.07);
    border:1px solid rgba(242,217,130,.18);
    border-radius:999px;
    padding:5px 10px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }
}


/* Merged from dkc-global-unify.css */
/* =========================================================
   DKC 369 — Final Visual Normalize
   Purpose: one dark visual system, no nested-frame look.
   Loaded after all page CSS.
   ========================================================= */
:root{
  color-scheme:dark;
  --dkc-bg:#030406;
  --dkc-bg-2:#050506;
  --dkc-text:#f4f4f5;
  --dkc-soft:rgba(244,244,245,.82);
  --dkc-muted:rgba(244,244,245,.64);
  --dkc-faint:rgba(244,244,245,.40);
  --dkc-gold:#e7c76a;
  --dkc-gold-2:#ecd28d;
  --dkc-panel:rgba(255,255,255,.024);
  --dkc-panel-soft:rgba(255,255,255,.014);
  --dkc-line:rgba(255,255,255,.085);
  --dkc-line-soft:rgba(255,255,255,.052);
  --dkc-line-active:rgba(231,199,106,.24);
  --dkc-radius:22px;

  --bg:var(--dkc-bg);
  --bg2:var(--dkc-bg);
  --panel:var(--dkc-panel);
  --panel2:var(--dkc-panel);
  --panel3:var(--dkc-panel);
  --panel-soft:var(--dkc-panel-soft);
  --line:var(--dkc-line);
  --line2:var(--dkc-line-soft);
  --line-soft:var(--dkc-line-soft);
  --text:var(--dkc-text);
  --muted:var(--dkc-muted);
  --soft:var(--dkc-soft);
  --green:var(--dkc-gold);
  --green2:var(--dkc-gold);
  --gold:var(--dkc-gold);
  --amber:var(--dkc-gold);
}

html{background:#000;}
body:not([data-dkc-page="index"]){
  background:
    radial-gradient(ellipse 78% 44% at 50% -12%,rgba(231,199,106,.052),transparent 66%),
    radial-gradient(ellipse 44% 30% at 12% 4%,rgba(217,154,53,.030),transparent 64%),
    var(--dkc-bg) ;
}
body{
  background:radial-gradient(circle at 50% -8%,rgba(231,199,106,.035),transparent 34%),var(--dkc-bg);
  color:var(--dkc-text);
  font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Typography */
h1,h2,h3,h4,.section-title,.hero-title,.bc-hero h1,.master h1,.lite-shell h1{
  color:var(--dkc-text);
  letter-spacing:-.045em;
}
p,li,td,.section-lead,.hero-sub,.bc-year-tagline,.na-year-summary,.n9-year-meta,.na-year-meta,.pl-desc,.astro-subtitle{
  color:var(--dkc-muted);
}
strong,b,.section-label,.master-kicker,.na-section-title,.n9-kicker,.hero-kicker,.bc-year-phase,.na-year-title,.n9-year-title,.pl-pos,.bc-dim-title{
  color:var(--dkc-gold);
}

/* Top navigation — single source of truth */
:root{--dkc-topbar-h:58px;}
#dkc-topbar{
  position:sticky;
  top:0;
  z-index:1000;
  min-height:var(--dkc-topbar-h);
  height:var(--dkc-topbar-h);
  width:100%;
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:18px;
  padding:0 max(18px,calc((100vw - 1120px)/2));
  background:rgba(3,4,6,.82);
  border-bottom:1px solid var(--dkc-line);
  box-shadow:none;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#dkc-topbar-brand{
  grid-column:1;
  justify-self:start;
  position:static;
  transform:none;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-width:max-content;
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
#dkc-topbar .dkc-logo-img,
#dkc-topbar-brand .dkc-logo-img{
  width:54px;
  height:54px;
  object-fit:contain;
  border-radius:8px;
}
#dkc-topbar .dkc-logo-text,
#dkc-topbar-brand .dkc-logo-text{
  color:var(--dkc-gold);
  font-size:15px;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}
#dkc-topbar-links{
  grid-column:2;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  margin:0;
  padding:0;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
#dkc-topbar-links::-webkit-scrollbar{display:none;}
#dkc-topbar-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(244,244,245,.70);
  font-size:11px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:none;
}
#dkc-topbar-links a:hover,
#dkc-topbar-links a.active,
#dkc-topbar-links a[aria-current="page"]{
  background:rgba(255,255,255,.025);
  border-color:var(--dkc-line-active);
  color:#fff;
}
#dkc-topbar-links .dkc-ai-nav{color:var(--dkc-gold);}


@media(max-width:820px){
  :root{--dkc-topbar-h:88px;}
#dkc-topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:auto;
    min-height:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:7px 10px;
    padding:8px 10px 9px;
    background:rgba(0,0,0,.86);
    border-bottom:1px solid rgba(255,255,255,.085);
    backdrop-filter:blur(16px) saturate(1.06);
    -webkit-backdrop-filter:blur(16px) saturate(1.06);
  }
  #dkc-topbar-brand{
    flex:0 0 auto;
    order:1;
    gap:8px;
  }
  #dkc-topbar .dkc-logo-img,
  #dkc-topbar-brand .dkc-logo-img{
    width:36px;
    height:36px;
  }
  #dkc-topbar .dkc-logo-text,
  #dkc-topbar-brand .dkc-logo-text{
    font-size:11px;
    letter-spacing:.12em;
    color:rgba(255,255,255,.78);
  }
  #dkc-topbar-links{
    order:2;
    width:100%;
    min-width:0;
    justify-content:flex-start;
    gap:6px;
    padding:2px 4px 3px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
  }
  #dkc-topbar-links a{
    flex:0 0 auto;
    min-height:30px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.028);
    font-size:11px;
  }
  #dkc-topbar-links a.active,
  #dkc-topbar-links a[aria-current="page"]{
    background:rgba(255,255,255,.085);
    border-color:rgba(255,255,255,.16);
  }
  body{padding-top:var(--dkc-topbar-h);}
}

/* Minimal site signature: the footer resolves to the centered DKC mark. */
.dkc-footer-unified{
  margin-top:clamp(56px,7vw,92px) !important;
  padding:30px 0 34px !important;
  background:#000 !important;
}
.dkc-footer-unified .dkc-footer-inner{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:min(100% - 32px,420px) !important;
  margin:0 auto !important;
}
.dkc-footer-unified .dkc-footer-cols,
.dkc-footer-unified .dkc-footer-contact,
.dkc-footer-unified .dkc-footer-bottom{
  display:none !important;
}
.dkc-footer-unified .dkc-footer-brand,
.dkc-footer-unified .dkc-footer-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}
.dkc-footer-unified .dkc-logo-footer{
  width:144px !important;
  height:144px !important;
  opacity:.94;
  transition:opacity .25s ease,transform .25s ease,filter .25s ease;
}
.dkc-footer-unified .dkc-footer-logo:hover .dkc-logo-footer{
  opacity:1;
  transform:translateY(-2px);
  filter:drop-shadow(0 8px 18px rgba(231,199,106,.14));
}
.dkc-footer-x{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:7px;
  padding:5px 8px 0;
  color:rgba(255,255,255,.46);
  font-size:.66rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:color .2s ease,transform .2s ease;
}
.dkc-footer-socials,
.dkc-footer-credit{
  display:flex;
  align-items:center;
  justify-content:center;
}
.dkc-footer-socials{gap:8px}
.dkc-footer-credit{flex-wrap:wrap;gap:6px}
.dkc-footer-social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:rgba(255,255,255,.7) !important;
  background:rgba(255,255,255,.025);
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
}
.dkc-footer-social-link svg{
  width:14px;
  height:14px;
  fill:currentColor;
}
.dkc-footer-social-link:hover,
.dkc-footer-social-link:focus-visible{
  color:#eed477 !important;
  border-color:rgba(238,212,119,.38);
  background:rgba(238,212,119,.055);
  transform:translateY(-2px);
}
.dkc-footer-x a{
  color:inherit;
  transition:color .2s ease;
}
.dkc-footer-x a:hover,
.dkc-footer-x a:focus-visible{
  color:#eed477;
}
.dkc-footer-x-sep{color:rgba(238,212,119,.5)}
@media(max-width:720px){
  .dkc-footer-unified{
    margin-top:44px !important;
    padding:24px 0 28px !important;
  }
  .dkc-footer-unified .dkc-logo-footer{
    width:108px !important;
    height:108px !important;
  }
  .dkc-footer-x{
    max-width:300px;
    margin-top:5px;
    font-size:.62rem;
    line-height:1.5;
  }
}

/* Fine-pointer halo. Native cursors remain available for clarity. */
.dkc-cursor-dot,
.dkc-cursor-ring{
  position:fixed;
  top:0;
  left:0;
  z-index:2147483646;
  pointer-events:none;
  opacity:0;
  will-change:transform,opacity;
}
.dkc-cursor-dot{
  width:4px;
  height:4px;
  margin:-2px 0 0 -2px;
  border-radius:50%;
  background:#f0d474;
  box-shadow:0 0 10px rgba(240,212,116,.34);
  transition:opacity .18s ease;
}
.dkc-cursor-ring{
  width:28px;
  height:28px;
  margin:-14px 0 0 -14px;
  border:1px solid rgba(240,212,116,.48);
  border-radius:50%;
  transition:width .2s ease,height .2s ease,margin .2s ease,border-color .2s ease,background .2s ease,opacity .18s ease;
}
.dkc-cursor-dot.is-visible,
.dkc-cursor-ring.is-visible{opacity:1}
.dkc-cursor-ring.is-interactive{
  width:42px;
  height:42px;
  margin:-21px 0 0 -21px;
  border-color:rgba(240,212,116,.72);
  background:rgba(240,212,116,.055);
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){
  .dkc-cursor-dot,
  .dkc-cursor-ring{display:none !important}
}
@media(max-width:480px){
  :root{--dkc-topbar-h:90px;}
  #dkc-topbar{padding-inline:8px;}
  #dkc-topbar-links a{font-size:10.5px;padding:7px 9px;}
}

/* Page hero: one DKC dark-gold field */
body:not([data-dkc-page="index"]) .hero,
body:not([data-dkc-page="index"]) .bc-hero,
body:not([data-dkc-page="index"]) .page-hero,
body:not([data-dkc-page="index"]) .btc-clean-hero,
body:not([data-dkc-page="index"]) .lite-hero,
body:not([data-dkc-page="index"]) .main-hero,
body:not([data-dkc-page="index"]) .th-hero,
body:not([data-dkc-page="index"]) .hl-hero{
  background:
    radial-gradient(ellipse 74% 52% at 50% 0%,rgba(231,199,106,.080),rgba(5,5,6,.58) 68%,rgba(3,4,6,0) 100%) ;
  border-bottom:1px solid var(--dkc-line-soft) ;
  box-shadow:none ;
}
.hero::before,.hero::after,.bc-hero::before,.bc-hero::after{opacity:.25;}

/* Inner blocks become plain content: no table-in-card-in-card look */
.na-year-head,.n9-year-head,.bc-year-head,.astro-dict-head,.pl-card-head,.bc-dim-head,
.na-section-title,.bc-context-list,.n9-year-body,.na-year-body,.pl-tags,.pl-points,
.na-step,.n9-step,.bc-dim,.bc-dim-hl,.na-flow-card,.na-core-box,.pl-trigger-highlight,.pl-note,.astro-note-box,
.eclipse-note,.pl-solar-box,.strategy-note-block,.strategy-note-crypto,.bc-vn-natal,.bc-natal-card,.bc-astro-highlight,
[class*="highlight"],[class*="important"]{
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
}
.na-year-head,.n9-year-head,.bc-year-head,.astro-dict-head,.pl-card-head{
  border-bottom:1px solid var(--dkc-line-soft);
}

/* Tables: transparent rows, only horizontal dividers */
table,.dkc-v3-table,.master-table,.astro-table,.aspect-compact-table,.compact-signal-table,.compact-strategy-table,.heatmap-table,.htu-table{
  background:transparent;
  border:0;
  box-shadow:none;
}
thead,tbody,tr,th,td{background:transparent;}
th{
  color:rgba(244,244,245,.58);
  border-bottom:1px solid var(--dkc-line-soft);
  font-size:11px;
  letter-spacing:.08em;
}
td{color:rgba(244,244,245,.78);border-color:var(--dkc-line-soft);}
tr:hover td,tbody tr:hover{background:transparent;}

/* Remove redundant visual chips. Content stays visible as text where needed. */
.na-tags,.n9-tag-row,.hero-badge,.astro-pill{display:none;}
.pl-points,.pl-tags{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.pl-points li,.pl-tag{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  color:rgba(244,244,245,.72);
  border-radius:0;
  box-shadow:none;
}
.pl-points li::before,.pl-tag::before{content:'• ';color:var(--dkc-gold);}
.astro-tag,.na-tag,.chip,.badge,.tag,.pill,.tab,.bc-yn,.timing-chip,.asset-chip,.status-chip,.hcb-item,.mini-entry{
  background:transparent;
  border:0;
  box-shadow:none;
  color:rgba(244,244,245,.76);
  padding:0;
}
.bc-filter-btn,.bc-yn,.hero-nav a,.bc-year-nav a{
  background:rgba(255,255,255,.018);
  border:1px solid var(--dkc-line);
  padding:7px 11px;
  border-radius:999px;
}

/* Bối Cảnh risk mini: keep state clear but not boxed */
.bc-risk-mini{
  background:transparent;
  border:0;
  padding:0;
  gap:8px;
}
.bc-risk-bar i{background:rgba(255,255,255,.10);}
.bc-risk-bar i.on{background:rgba(231,199,106,.72);}
.bc-risk-label,.bc-risk-text{color:rgba(244,244,245,.64);}

/* Preserve state/chart colors and readability */
svg,canvas,.tradingview-widget-container,iframe{filter:none;opacity:1;}
.btc-sine-legend-dot,.legend-dot,.astro-dot,.bc-dim-title::before{opacity:1;}
.hcb-danger,.hcb-warning,.hcb-neutral,.hcb-pivot,.hcb-bull,
.hm-buy,.syc-buy,.phase-dca,.hm-hold,.syc-hold,.phase-pre,
.hm-dist,.syc-dist,.phase-profit,.phase-dist,.hm-exit,.syc-exit{
  border:1px solid rgba(255,255,255,.10);
  padding:.2em .55em;
  border-radius:999px;
}

/* Footer */
.footer-wrap,.dkc-footer-unified,.mp-site-footer{
  background:#020203;
  border-top:1px solid var(--dkc-line-soft);
  color:var(--dkc-muted);
  box-shadow:none;
}
.dkc-footer-contact{display:none;}
.dkc-footer-bottom{justify-content:center;text-align:center;}
.dkc-footer-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.dkc-footer-logo .dkc-logo-footer,.dkc-footer-brand .dkc-logo-footer,footer .dkc-logo-footer{
  width:144px;
  height:144px;
  object-fit:contain;
  border-radius:0;
}
.dkc-footer-logo span{display:none;}

@media(max-width:920px){
  .container,.bc-main,.lite-shell{width:min(100% - 28px,1120px);}
  .section{padding-top:58px;padding-bottom:58px;}
}

/* Page-specific component styles have been moved to assets/css/pages/*.css. */

/* Dropdown navigation — clean grouped structure */
#dkc-topbar-links.dkc-nav-dropdowns{
  overflow:visible;
  gap:8px;
}
.dkc-nav-group{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.dkc-nav-trigger{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(244,244,245,.72);
  font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
}
.dkc-nav-trigger::after{
  content:'';
  width:5px;
  height:5px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
  opacity:.7;
}
.dkc-nav-group:hover .dkc-nav-trigger,
.dkc-nav-group:focus-within .dkc-nav-trigger,
.dkc-nav-group.is-open .dkc-nav-trigger,
.dkc-nav-group.has-active .dkc-nav-trigger{
  background:rgba(255,255,255,.025);
  border-color:var(--dkc-line-active);
  color:#fff;
  font-size:11px;
  font-weight:850;
  transform:none;
}
.dkc-nav-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%) translateY(6px);
  z-index:1010;
  min-width:168px;
  padding:8px;
  display:grid;
  gap:4px;
  background:rgba(5,5,6,.88);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(0,0,0,.42);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.dkc-nav-menu::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:12px;
}
.dkc-nav-group:hover .dkc-nav-menu,
.dkc-nav-group:focus-within .dkc-nav-menu,
.dkc-nav-group.is-open .dkc-nav-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
#dkc-topbar-links .dkc-nav-menu a{
  width:100%;
  justify-content:flex-start;
  min-height:34px;
  padding:10px 12px;
  border-radius:12px;
  color:rgba(244,244,245,.74);
  background:transparent;
  border:1px solid transparent;
}
#dkc-topbar-links .dkc-nav-menu a:hover,
#dkc-topbar-links .dkc-nav-menu a.active,
#dkc-topbar-links .dkc-nav-menu a[aria-current="page"]{
  color:#fff;
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.10);
}
#dkc-topbar-links > .dkc-ai-nav{
  border-color:rgba(231,199,106,.14);
  font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:850;
}

@media(max-width:820px){
  :root{--dkc-topbar-h:74px;}
  #dkc-topbar{
    padding:8px 10px 10px;
    gap:7px 10px;
  }
  #dkc-topbar-links.dkc-nav-dropdowns{
    width:100%;
    justify-content:center;
    overflow:visible;
    padding:0;
    gap:6px;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .dkc-nav-trigger,
  #dkc-topbar-links > .dkc-ai-nav{
    min-height:30px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.028);
    color:rgba(245,245,245,.76);
    font-size:11px;
  }
  .dkc-nav-group.has-active .dkc-nav-trigger,
  .dkc-nav-group.is-open .dkc-nav-trigger{
    color:#fff;
    background:rgba(231,199,106,.055);
    border-color:rgba(231,199,106,.20);
  }
  .dkc-nav-menu{
    top:calc(100% + 8px);
    min-width:150px;
    padding:7px;
    border-radius:16px;
  }
  #dkc-topbar-links .dkc-nav-menu a{
    min-height:32px;
    padding:9px 10px;
    font-size:11px;
    border-radius:11px;
    background:transparent;
  }
}


/* =========================================================
   DKC Full Audit Patch — desktop/mobile consistency pass
   Scope: all pages, loaded last. Keeps dark premium tone.
   ========================================================= */
:root{
  --dkc-page-max:1120px;
  --dkc-card-bg:rgba(255,255,255,.024);
  --dkc-card-bg-2:rgba(255,255,255,.032);
  --dkc-card-line:rgba(255,255,255,.085);
  --dkc-card-line-strong:rgba(231,199,106,.18);
}

/* Core spacing and readable surfaces */
.container,.bc-main,.lite-shell{max-width:var(--dkc-page-max)}
.section,.n9.section,.napm.section,#btc.section,#master.section{scroll-margin-top:calc(var(--dkc-topbar-h,58px) + 24px)}
.bc-year-block,.na-year-card,.n9-year-card,.strategy-master-card,.master-chart-card,.chart-card,.chart-panel,.lite-prose-card,.th-card,.th-radar-panel,.th-extreme-card,.bc-vn-natal,.bc-astro-highlight{
  border-color:var(--dkc-card-line);
  background:linear-gradient(180deg,var(--dkc-card-bg-2),var(--dkc-panel-soft));
  box-shadow:none;
}
.bc-year-block,.na-year-card,.n9-year-card,.strategy-master-card,.master-chart-card,.chart-card,.chart-panel,.lite-prose-card,.th-card,.th-radar-panel,.th-extreme-card{border-radius:24px}
.bc-dim,.bc-natal-card,.na-core-box,.n9-panel,.n9-axis-card,.n9-cycle-item,.astro-dict-card,.aspect-compact-card,.pl-card,.eclipse-card{
  border-color:rgba(255,255,255,.065);
  background:var(--dkc-panel-soft);
}
.bc-dim:hover,.bc-natal-card:hover,.th-card:hover{border-color:var(--dkc-card-line-strong);background:var(--dkc-card-bg)}

/* Title/year headers: prevent squeezed or broken headings */
body.mp-boicanh .bc-year-head,
body.mp-vietnam .bc-year-head{
  display:grid;
  grid-template-columns:minmax(116px,144px) minmax(72px,max-content) minmax(0,1fr);
  align-items:center;
  column-gap:22px;
  row-gap:8px;
  padding:30px 36px 27px;
}
body.mp-boicanh .bc-year-head>.bc-year-num,
body.mp-vietnam .bc-year-head>.bc-year-num{
  grid-column:1;
  grid-row:1;
  white-space:nowrap;
  margin:0;
  min-width:0;
}
body.mp-boicanh .bc-year-head>.bc-year-phase,
body.mp-vietnam .bc-year-head>.bc-year-phase{
  grid-column:2;
  grid-row:1;
  white-space:nowrap;
  margin:0;
  align-self:center;
  color:#ecd28d;
  font-size:1.14rem;
  line-height:1.12;
}
body.mp-boicanh .bc-year-head>.bc-year-meta,
body.mp-vietnam .bc-year-head>.bc-year-meta{
  grid-column:3;
  grid-row:1;
  min-width:0;
  max-width:none;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  margin:0;
  padding:0;
}
body.mp-boicanh .bc-year-source,
body.mp-vietnam .bc-year-napm,
body.mp-vietnam .bc-year-meta>.bc-year-phase{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
body.mp-vietnam .bc-year-meta>.bc-year-phase{
  margin:0 0 2px;
  color:#ecd28d;
  font-size:1.22rem;
  line-height:1.16;
}
body.mp-vietnam .bc-year-meta>.bc-year-napm{margin:0;color:rgba(255,255,255,.66)}

/* Tables/cards: preserve desktop density while avoiding squeeze */
.dkc-table-wrap,.astro-table-wrap,.n9-table-wrap,.overview-table-wrap,.htu-wrap,.heatmap-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
th,td{vertical-align:top}

/* Tổng Hợp: keep hero/cards aligned with other pages */
body[data-dkc-page="tong-hop"] .th-hero{padding-top:118px;padding-bottom:58px}
body[data-dkc-page="tong-hop"] .th-hero h1{letter-spacing:-.065em}
body[data-dkc-page="tong-hop"] .th-main,body[data-dkc-page="tong-hop"] .th-wrap{width:min(var(--dkc-page-max),calc(100% - 36px));margin-left:auto;margin-right:auto}

/* Mobile: one spacing model for fixed nav, no double top-padding */
@media(max-width:820px){
  :root{--dkc-topbar-h:78px}
  body:not([data-dkc-page="index"]){padding-top:0}
  #dkc-topbar{min-height:0;height:auto}
  #dkc-topbar-links.dkc-nav-dropdowns{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:2px 4px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #dkc-topbar-links.dkc-nav-dropdowns::-webkit-scrollbar{display:none}
  .dkc-nav-group,#dkc-topbar-links>.dkc-ai-nav{flex:0 0 auto}
  .dkc-nav-menu{position:absolute;left:50%;right:auto;max-width:calc(100vw - 28px)}

  .hero,.bc-hero,.btc-clean-hero,.hl-hero{padding-top:calc(var(--dkc-topbar-h) + 32px);padding-bottom:42px;min-height:auto}
  .lite-shell{padding-top:calc(var(--dkc-topbar-h) + 28px)}
  .container,.bc-main,.lite-shell,.bc-hero-inner{width:calc(100% - 28px);max-width:760px}

  body.mp-boicanh .bc-year-head,
  body.mp-vietnam .bc-year-head{
    grid-template-columns:1fr;
    align-items:start;
    padding:22px 18px 20px;
  }
  body.mp-boicanh .bc-year-head>.bc-year-num,
  body.mp-vietnam .bc-year-head>.bc-year-num,
  body.mp-boicanh .bc-year-head>.bc-year-phase,
  body.mp-vietnam .bc-year-head>.bc-year-phase,
  body.mp-boicanh .bc-year-head>.bc-year-meta,
  body.mp-vietnam .bc-year-head>.bc-year-meta{
    grid-column:1;
    grid-row:auto;
  }
  body.mp-boicanh .bc-year-head>.bc-year-phase,
  body.mp-vietnam .bc-year-head>.bc-year-phase{white-space:normal;font-size:1.08rem}
  body.mp-boicanh .bc-year-source{font-size:12px;line-height:1.48;overflow-wrap:anywhere}
  body.mp-vietnam .bc-year-meta>.bc-year-phase{font-size:1.18rem}

  .bc-year-nav,.bc-filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:calc(100% - 28px);margin-left:auto;margin-right:auto}
  .bc-context-list,.th-grid,.th-cards,.th-extreme-grid,.bc-natal-grid{grid-template-columns:1fr}
  .bc-year-block,.bc-dim,.th-card,.th-radar-panel,.th-extreme-card,.na-year-card,.n9-year-card{border-radius:20px}
  .bc-dim,.th-card,.th-extreme-card{padding:16px}
  body[data-dkc-page="tong-hop"] .th-hero{padding-top:calc(var(--dkc-topbar-h) + 32px);padding-bottom:40px}
}

@media(max-width:430px){
  :root{--dkc-topbar-h:86px}
  .hero h1,.bc-hero h1,.btc-clean-hero h1,.hl-hero h1{font-size:clamp(2.35rem,14vw,3.65rem);line-height:.95}
  body.mp-boicanh .bc-year-num,body.mp-vietnam .bc-year-num{font-size:clamp(3rem,18vw,4.25rem)}
  .bc-filter-btn,.bc-yn{font-size:10.5px;padding:8px 11px}
}

/* DKC method bridge blocks */
.dkc-method-section{
  border-top:1px solid var(--dkc-line-soft);
}
.dkc-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.dkc-method-card{
  border:1px solid var(--dkc-card-line,rgba(255,255,255,.075));
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.010));
  padding:18px;
}
.dkc-method-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1rem;
  line-height:1.25;
  letter-spacing:-.02em;
}
.dkc-method-card p{
  margin:0 0 12px;
  color:var(--dkc-muted);
  font-size:.9rem;
  line-height:1.65;
}
.dkc-method-card ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.dkc-method-card li{
  color:rgba(244,244,245,.70);
  font-size:.84rem;
  line-height:1.5;
}
.dkc-method-card li::before{
  content:'• ';
  color:var(--dkc-gold);
}
.dkc-method-rule{
  margin-top:14px;
  border:1px solid rgba(231,199,106,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(231,199,106,.040),rgba(255,255,255,.010));
  color:rgba(244,244,245,.74);
  padding:16px 18px;
  font-size:.92rem;
  line-height:1.65;
}
.dkc-method-rule strong{
  color:var(--dkc-gold);
}
@media(max-width:940px){
  .dkc-method-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .dkc-method-card{border-radius:20px;padding:16px;}
  .dkc-method-rule{border-radius:16px;padding:14px 15px;}
}

/* Mobile nav source of truth: centered row, tap-only menus, no clipping */
@media(max-width:820px){
  :root{--dkc-topbar-h:82px}
  #dkc-topbar{
    width:100%;
    min-height:0;
    height:auto;
    padding:8px 12px 9px;
    justify-content:center;
    overflow:visible;
  }
  #dkc-topbar-brand{
    width:100%;
    margin:0;
    justify-content:center;
  }
  #dkc-topbar-links.dkc-nav-dropdowns{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:2px 0 4px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:6px;
    overflow:visible;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .dkc-nav-group,
  #dkc-topbar-links>.dkc-ai-nav{
    flex:0 0 auto;
  }
  .dkc-nav-trigger,
  #dkc-topbar-links>.dkc-ai-nav{
    min-height:30px;
    padding:7px 9px;
    font-size:10.5px;
    white-space:nowrap;
  }
  .dkc-nav-group:not(.is-open) .dkc-nav-menu{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .dkc-nav-group.is-open .dkc-nav-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .dkc-nav-menu{
    position:fixed;
    top:calc(var(--dkc-topbar-h) - 1px);
    left:auto;
    right:auto;
    width:min(190px,calc(100vw - 28px));
    min-width:0;
    max-width:none;
    transform:translateY(6px);
  }
  .dkc-nav-group.is-open .dkc-nav-menu{
    transform:translateY(0);
  }
  .dkc-nav-group:nth-child(1) .dkc-nav-menu{
    left:14px;
  }
  .dkc-nav-group:nth-child(2) .dkc-nav-menu{
    left:50%;
    transform:translateX(-50%) translateY(6px);
  }
  .dkc-nav-group:nth-child(2).is-open .dkc-nav-menu{
    transform:translateX(-50%) translateY(0);
  }
  .dkc-nav-group:nth-child(3) .dkc-nav-menu{
    right:14px;
  }
}
@media(max-width:370px){
  #dkc-topbar{padding-inline:8px}
  #dkc-topbar-links.dkc-nav-dropdowns{gap:4px}
  .dkc-nav-trigger,
  #dkc-topbar-links>.dkc-ai-nav{
    padding:7px;
    font-size:10px;
  }
}


/* === DKC footer taxonomy unified: Nền Tảng / Bối Cảnh / Thị Trường / Công Cụ / Về DKC === */
.dkc-footer-unified{
  font-size:.78rem;
}
.dkc-footer-inner{
  grid-template-columns:minmax(118px,.55fr) minmax(0,3.45fr);
  align-items:start;
  gap:clamp(24px,4vw,56px);
}
.dkc-footer-brand,
.dkc-footer-logo{
  align-items:center;
  justify-content:center;
  text-align:center;
}
.dkc-footer-logo{gap:0}
.dkc-footer-logo .dkc-logo-footer,
.dkc-footer-brand .dkc-logo-footer,
footer .dkc-logo-footer{
  width:144px;
  height:144px;
  object-fit:contain;
}
.dkc-footer-logo span{display:none}
.dkc-footer-cols{
  display:grid;
  grid-template-columns:repeat(5,minmax(104px,1fr));
  gap:clamp(14px,2.2vw,26px);
  align-items:start;
}
.dkc-footer-col-title{
  color:rgba(255,255,255,.84);
  font-size:.68rem;
  font-weight:690;
  letter-spacing:.075em;
  margin-bottom:8px;
}
.dkc-footer-col a{
  color:rgba(255,255,255,.62);
  font-size:.76rem;
  font-weight:430;
  line-height:1.35;
  margin:4px 0;
  padding:2px 0;
}
.dkc-footer-col a:hover{color:#fff}
.dkc-footer-col a.dkc-ai-footer{color:rgba(242,217,130,.92);font-weight:690}
.dkc-footer-col a.dkc-ai-footer:hover{color:#fff}
.dkc-footer-bottom{
  font-size:.72rem;
  color:rgba(255,255,255,.42);
}
@media(max-width:1100px){
  .dkc-footer-inner{grid-template-columns:1fr;gap:20px}
  .dkc-footer-logo .dkc-logo-footer,.dkc-footer-brand .dkc-logo-footer,footer .dkc-logo-footer{width:108px;height:108px}
  .dkc-footer-cols{grid-template-columns:repeat(3,minmax(130px,1fr));text-align:left}
}
@media(max-width:720px){
  .dkc-footer-cols{grid-template-columns:repeat(2,minmax(132px,1fr));gap:14px 18px;text-align:left;overflow:visible}
  .dkc-footer-col a{white-space:normal}
}
@media(max-width:430px){
  .dkc-footer-cols{grid-template-columns:1fr;text-align:center}
}

/* Mobile footer: retain only the centered mark and copyright. */
@media(max-width:720px){
  .dkc-footer-unified{
    margin-top:48px;
    padding:28px 0 22px;
  }
  .dkc-footer-inner{
    display:block;
    width:min(100% - 32px,420px);
  }
  .dkc-footer-cols,
  .dkc-footer-contact{
    display:none;
  }
  .dkc-footer-brand,
  .dkc-footer-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
  }
  .dkc-footer-logo .dkc-logo-footer,
  .dkc-footer-brand .dkc-logo-footer,
  footer .dkc-logo-footer{
    width:88px;
    height:88px;
  }
  .dkc-footer-bottom{
    width:min(100% - 32px,420px);
    margin:12px auto 0;
    padding-top:12px;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:.7rem;
  }
}

/* =========================================================
   HOTFIX 2026-06-10: Chaldean/Tong-hop topbar consistency
   - Fix floating top button being rendered inside page flow.
   - Keep dropdown trigger size stable when active/hovered.
   - Remove empty third-grid visual dead zone on desktop nav.
   - Remove Chaldean micro badge above title.
   ========================================================= */
#dkc-top-btn{
  position:fixed;
  left:auto;
  right:18px;
  bottom:18px;
  top:auto;
  z-index:997;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  line-height:1;
}
#dkc-topbar{
  grid-template-columns:auto minmax(0,1fr);
}
#dkc-topbar-links{
  grid-column:2;
  justify-self:end;
}
.dkc-nav-trigger,
.dkc-nav-group:hover .dkc-nav-trigger,
.dkc-nav-group:focus-within .dkc-nav-trigger,
.dkc-nav-group.is-open .dkc-nav-trigger,
.dkc-nav-group.has-active .dkc-nav-trigger{
  min-height:30px;
  padding:8px 11px;
  font-size:11px;
  line-height:1;
  font-weight:850;
  transform:none;
}
body[data-dkc-page="chaldean-calculator"] .calc-hero .hero-badge{
  display:none;
}
body[data-dkc-page="chaldean-calculator"] .calc-hero{
  padding-top:96px;
  padding-bottom:72px;
}
@media(max-width:820px){
  #dkc-topbar{
    grid-template-columns:none;
  }
  #dkc-topbar-links{
    grid-column:auto;
    justify-self:auto;
  }
  #dkc-top-btn{
    right:12px;
    bottom:12px;
    width:34px;
    height:34px;
  }
  body[data-dkc-page="chaldean-calculator"] .calc-hero{
    padding-top:calc(var(--dkc-topbar-h) + 32px);
    padding-bottom:42px;
  }
}

/* HOTFIX: keep desktop top navigation truly centered, not pushed to the right */
@media (min-width:821px){
  #dkc-topbar{
    display:grid;
    grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
    align-items:center;
  }
  #dkc-topbar-brand{
    grid-column:1;
    justify-self:start;
  }
  #dkc-topbar-links,
  #dkc-topbar-links.dkc-nav-dropdowns{
    grid-column:2;
    justify-self:center;
    justify-content:center;
  }
}

/* HERO SYSTEM HOTFIX: normalize title scale, spacing and hero height across all non-index pages */
@media (min-width:821px){
  body:not([data-dkc-page="index"]) .hero,
  body:not([data-dkc-page="index"]) .bc-hero,
  body:not([data-dkc-page="index"]) .calc-hero,
  body:not([data-dkc-page="index"]) .th-hero,
  body:not([data-dkc-page="index"]) .hl-hero,
  body:not([data-dkc-page="index"]) .btc-clean-hero{
    min-height:320px;
    padding-top:118px;
    padding-bottom:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  body:not([data-dkc-page="index"]) .hero .container,
  body:not([data-dkc-page="index"]) .hero-inner,
  body:not([data-dkc-page="index"]) .bc-hero-inner,
  body:not([data-dkc-page="index"]) .th-hero-inner,
  body:not([data-dkc-page="index"]) .hl-hero-inner,
  body:not([data-dkc-page="index"]) .btc-clean-hero-inner{
    width:min(100% - 36px,1040px);
    max-width:1040px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  body:not([data-dkc-page="index"]) .hero h1,
  body:not([data-dkc-page="index"]) .bc-hero h1,
  body:not([data-dkc-page="index"]) .calc-hero h1,
  body:not([data-dkc-page="index"]) .th-hero h1,
  body:not([data-dkc-page="index"]) .hl-hero-title,
  body:not([data-dkc-page="index"]) .btc-clean-hero h1{
    font-size:clamp(4.4rem,6.15vw,6.65rem);
    line-height:.91;
    letter-spacing:-.070em;
    font-weight:950;
    margin:0 auto;
    max-width:980px;
    text-align:center;
  }
  body[data-dkc-page="chaldean-calculator"] .calc-hero h1{
    max-width:920px;
  }
  body:not([data-dkc-page="index"]) .hero p,
  body:not([data-dkc-page="index"]) .bc-hero p,
  body:not([data-dkc-page="index"]) .calc-hero-sub,
  body:not([data-dkc-page="index"]) .th-hero p,
  body:not([data-dkc-page="index"]) .hl-hero-lead,
  body:not([data-dkc-page="index"]) .btc-hero-tagline{
    max-width:760px;
    margin:22px auto 0;
    font-size:15px;
    line-height:1.65;
    text-align:center;
  }
  body[data-dkc-page="btc-cycle"] .btc-hero-mark,
  body[data-dkc-page="btc-cycle"] .btc-hero-timeline{
    margin-top:28px;
  }
  body[data-dkc-page="tong-hop"] .th-hero{
    padding-top:118px;
    padding-bottom:64px;
  }
  body[data-dkc-page="chaldean-calculator"] .calc-hero{
    padding-top:118px;
    padding-bottom:64px;
  }
}
@media (max-width:820px){
  body:not([data-dkc-page="index"]) .hero,
  body:not([data-dkc-page="index"]) .bc-hero,
  body:not([data-dkc-page="index"]) .calc-hero,
  body:not([data-dkc-page="index"]) .th-hero,
  body:not([data-dkc-page="index"]) .hl-hero,
  body:not([data-dkc-page="index"]) .btc-clean-hero{
    padding-top:calc(var(--dkc-topbar-h) + 34px);
    padding-bottom:42px;
    min-height:auto;
  }
  body:not([data-dkc-page="index"]) .hero h1,
  body:not([data-dkc-page="index"]) .bc-hero h1,
  body:not([data-dkc-page="index"]) .calc-hero h1,
  body:not([data-dkc-page="index"]) .th-hero h1,
  body:not([data-dkc-page="index"]) .hl-hero-title,
  body:not([data-dkc-page="index"]) .btc-clean-hero h1{
    font-size:clamp(2.45rem,13.2vw,3.85rem);
    line-height:.94;
    letter-spacing:-.060em;
    margin:0 auto;
    text-align:center;
  }
}


/* =========================================================
   FINAL NAV NORMALIZE 2026-06-11
   One source for top nav on every page, including Chaldean.
   Removes page-specific font/chip drift and keeps mobile compact.
   ========================================================= */
#dkc-topbar,
#dkc-topbar *{
  box-sizing:border-box;
}
#dkc-topbar{
  font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
#dkc-topbar-brand,
#dkc-topbar-links,
#dkc-topbar-links.dkc-nav-dropdowns,
.dkc-nav-group,
.dkc-nav-trigger,
#dkc-topbar-links > .dkc-ai-nav{
  font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.dkc-nav-trigger,
.dkc-nav-group:hover .dkc-nav-trigger,
.dkc-nav-group:focus-within .dkc-nav-trigger,
.dkc-nav-group.is-open .dkc-nav-trigger,
.dkc-nav-group.has-active .dkc-nav-trigger,
#dkc-topbar-links > .dkc-ai-nav{
  min-height:30px !important;
  padding:8px 11px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  transform:none !important;
}
#dkc-topbar-links .dkc-nav-menu a{
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:760 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body[data-dkc-page="chaldean-calculator"] #dkc-topbar,
body[data-dkc-page="chaldean-calculator"] #dkc-topbar-links,
body[data-dkc-page="chaldean-calculator"] .dkc-nav-trigger,
body[data-dkc-page="chaldean-calculator"] #dkc-topbar-links > .dkc-ai-nav{
  font-size:11px !important;
}

@media(max-width:820px){
  :root{--dkc-topbar-h:76px !important;}
  #dkc-topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:7px 10px 8px !important;
    gap:5px 8px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    overflow:visible !important;
  }
  #dkc-topbar-brand{
    width:100% !important;
    justify-content:center !important;
    gap:7px !important;
  }
  #dkc-topbar .dkc-logo-img,
  #dkc-topbar-brand .dkc-logo-img{
    width:34px !important;
    height:34px !important;
  }
  #dkc-topbar .dkc-logo-text,
  #dkc-topbar-brand .dkc-logo-text{
    font-size:10.5px !important;
    letter-spacing:.14em !important;
    color:rgba(255,255,255,.78) !important;
  }
  #dkc-topbar-links.dkc-nav-dropdowns{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:0 !important;
    margin:0 auto !important;
    overflow:visible !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  .dkc-nav-group,
  #dkc-topbar-links > .dkc-ai-nav{
    flex:0 0 auto !important;
  }
  .dkc-nav-trigger,
  .dkc-nav-group:hover .dkc-nav-trigger,
  .dkc-nav-group:focus-within .dkc-nav-trigger,
  .dkc-nav-group.is-open .dkc-nav-trigger,
  .dkc-nav-group.has-active .dkc-nav-trigger,
  #dkc-topbar-links > .dkc-ai-nav{
    min-height:28px !important;
    padding:6px 7px !important;
    border-radius:999px !important;
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(245,245,245,.76) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:820 !important;
  }
  #dkc-topbar-links > .dkc-ai-nav{
    color:rgba(242,217,130,.90) !important;
  }
  .dkc-nav-trigger::after{
    width:4px !important;
    height:4px !important;
    border-right-width:1.3px !important;
    border-bottom-width:1.3px !important;
  }
  body{padding-top:var(--dkc-topbar-h) !important;}
}

@media(max-width:390px){
  :root{--dkc-topbar-h:74px !important;}
  #dkc-topbar{padding-inline:7px !important;}
  #dkc-topbar-links.dkc-nav-dropdowns{gap:1px !important;}
  .dkc-nav-trigger,
  .dkc-nav-group:hover .dkc-nav-trigger,
  .dkc-nav-group:focus-within .dkc-nav-trigger,
  .dkc-nav-group.is-open .dkc-nav-trigger,
  .dkc-nav-group.has-active .dkc-nav-trigger,
  #dkc-topbar-links > .dkc-ai-nav{
    padding:6px 5px !important;
    font-size:9.5px !important;
  }
}

/* Index mobile title/codes: match desktop proportions better and restore separators. */
@media(max-width:767px){
  body[data-dkc-page="index"] .hero-ratio{
    font-size:1.12rem !important;
    letter-spacing:.15em !important;
    line-height:1.08 !important;
    font-weight:420 !important;
    color:rgba(255,255,255,.58) !important;
  }
  body[data-dkc-page="index"] .hero-phase-links{
    max-width:min(380px,100%) !important;
    gap:6px 8px !important;
    margin-top:22px !important;
  }
  body[data-dkc-page="index"] .hero-phase-links .timeline-item,
  body[data-dkc-page="index"] .hero-phase-links .phase,
  body[data-dkc-page="index"] .hero-phase-links .sep{
    font-size:.58rem !important;
    letter-spacing:.10em !important;
  }
  body[data-dkc-page="index"] .hero-phase-links .sep{
    display:inline-flex !important;
    opacity:.55 !important;
  }
}

@media(max-width:767px){
  /* Index mobile phase timeline: avoid orphan 'Thông Suốt' and keep rows visually balanced */
  body[data-dkc-page="index"] .hero-phase-links .phase-row-break{display:none !important;}
  body[data-dkc-page="index"] .hero-phase-links{max-width:min(430px,100%) !important;gap:6px 7px !important;row-gap:8px !important;}
  body[data-dkc-page="index"] .hero-phase-links .timeline-item,
  body[data-dkc-page="index"] .hero-phase-links .phase,
  body[data-dkc-page="index"] .hero-phase-links .sep{font-size:.56rem !important;letter-spacing:.09em !important;line-height:1.35 !important;}
}
/* Unified content typography
   Headings and strong emphasis intentionally keep their page-specific scale. */
:root{
  --dkc-text-body:16px;
  --dkc-text-card:15px;
  --dkc-text-meta:13px;
  --dkc-text-control:13px;
  --dkc-weight-body:430;
  --dkc-weight-meta:500;
  --dkc-weight-control:650;
}

body{
  font-size:var(--dkc-text-body);
  font-weight:var(--dkc-weight-body);
  line-height:1.7;
}

main p,
main li,
.section-lead,
.hero p,
.bc-hero p,
.lite-lead,
.master-lead,
.lite-prose p{
  font-size:var(--dkc-text-body);
  font-weight:var(--dkc-weight-body);
  line-height:1.7;
}

.card p,.card li,
.bc-dim p,.bc-dim li,
.bc-dim-hl li,
.na-year-body p,.na-year-body li,
.n9-year-body p,.n9-year-body li,
.btc-phase-card p,.btc-phase-card li,
.dkc-btc-tcs-card p,.dkc-btc-tcs-card li,
.deep-card p,.deep-card li,
.syc-card p,.syc-card li,
.strategy-master-card p,.strategy-master-card li,
.th-cards-grid p,.th-cards-grid li,
.th-radar-card p,.th-radar-card li{
  font-size:var(--dkc-text-card);
  font-weight:var(--dkc-weight-body);
  line-height:1.65;
}

.muted,.sub,.label,
.bc-year-tagline,
.bc-year-napm,
.bc-year-source,
.na-year-summary,
.n9-year-meta,
.syc-tag,.syc-timing,
.btc-card-dates,
.timing-date,.timing-key,
.th-radar-note,
.dkc-footer-bottom{
  font-size:var(--dkc-text-meta);
  font-weight:var(--dkc-weight-meta);
  line-height:1.55;
}

button,
.bc-filter-btn,
.bc-yn,
.dkc-year-jump a,
.hero-nav a,
.th-now-btn{
  font-size:var(--dkc-text-control);
  font-weight:var(--dkc-weight-control);
}

th,td{
  font-size:var(--dkc-text-card);
  font-weight:var(--dkc-weight-body);
  line-height:1.55;
}

@media(max-width:720px){
  :root{
    --dkc-text-body:15px;
    --dkc-text-card:14px;
    --dkc-text-meta:12px;
    --dkc-text-control:12px;
  }
}

/* Final shared top navigation geometry. */
@media(min-width:821px){
  :root{--dkc-topbar-h:58px !important}
  #dkc-topbar{
    width:100% !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 14px !important;
    gap:18px !important;
  }
  #dkc-topbar .dkc-logo-img,
  #dkc-topbar-brand .dkc-logo-img{
    width:42px !important;
    height:42px !important;
  }
  #dkc-topbar-links.dkc-nav-dropdowns{
    gap:8px !important;
  }
  .dkc-nav-trigger,
  .dkc-nav-group:hover .dkc-nav-trigger,
  .dkc-nav-group:focus-within .dkc-nav-trigger,
  .dkc-nav-group.is-open .dkc-nav-trigger,
  .dkc-nav-group.has-active .dkc-nav-trigger,
  #dkc-topbar-links > .dkc-ai-nav{
    min-height:30px !important;
    height:30px !important;
    padding:0 11px !important;
    border-width:1px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:750 !important;
    line-height:1 !important;
  }
}

@media(max-width:820px){
  :root{--dkc-topbar-h:76px !important}
  #dkc-topbar{
    min-height:76px !important;
    height:76px !important;
    padding:7px 10px 8px !important;
    gap:5px !important;
  }
  #dkc-topbar .dkc-logo-img,
  #dkc-topbar-brand .dkc-logo-img{
    width:34px !important;
    height:34px !important;
  }
  #dkc-topbar-links.dkc-nav-dropdowns{
    gap:3px !important;
    padding:0 !important;
  }
  .dkc-nav-trigger,
  .dkc-nav-group:hover .dkc-nav-trigger,
  .dkc-nav-group:focus-within .dkc-nav-trigger,
  .dkc-nav-group.is-open .dkc-nav-trigger,
  .dkc-nav-group.has-active .dkc-nav-trigger,
  #dkc-topbar-links > .dkc-ai-nav{
    min-height:27px !important;
    height:27px !important;
    padding:0 7px !important;
    font-size:10px !important;
    font-weight:750 !important;
    line-height:1 !important;
  }
}