/* =====================================================================
   v6 skin for the OLDER pages (Life Atlas, Exhibition, Academics, Daily,
   Geo CV, Code Hub…) — 1-Nov-2026. Loaded by layouts/public.php after
   app.css/premium.css. Re-tunes their colour tokens to the GeoAI-Hub
   palette and styles the shared v5 header/footer inside .v5shell only,
   so nothing else on those pages is disturbed.
   ===================================================================== */
body.v6{
  --background:240 50% 98%; --foreground:240 33% 12%; --card:0 0% 100%;
  --primary:263 70% 50%; --primary-foreground:0 0% 100%; --accent:330 81% 60%; --ring:263 70% 50%;
  --secondary:250 40% 95%; --muted:250 40% 95%; --muted-foreground:240 12% 42%;
  --border:240 30% 90%; --input:240 30% 88%;
  --gradient-geo:263 70% 50%; --gradient-data:190 94% 43%; --gradient-design:330 81% 60%; --gradient-research:38 92% 50%;
  --font-body:'Plus Jakarta Sans','Hind Siliguri',system-ui,sans-serif;
  --font-head:'Plus Jakarta Sans','Hind Siliguri',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  font-family:var(--font-body);
  background:radial-gradient(42rem 30rem at 85% -10%,rgba(236,72,153,.08),transparent 60%),radial-gradient(40rem 28rem at -10% 20%,rgba(109,40,217,.08),transparent 60%),#f7f7fc;
}
html[lang="bn"] body.v6{font-family:'Hind Siliguri','Plus Jakarta Sans',sans-serif}
body.v6 .bg-grid,body.v6 .bg-dots,body.v6 .site-progress{display:none}
body.v6 h1,body.v6 h2,body.v6 h3{font-family:var(--font-head);letter-spacing:-.02em}

/* ---- shared header (same look as the v5 pages) ---- */
.v5shell{--ink:#141427;--ink-2:#4f4f6b;--ink-3:#8686a3;--line:#e3e3f0;--paper:#f7f7fc;--grad:linear-gradient(120deg,#6d28d9,#ec4899 55%,#f59e0b);font-family:'Plus Jakarta Sans','Hind Siliguri',system-ui,sans-serif}
.v5shell header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px);background:rgba(247,247,252,.86);border-bottom:1px solid transparent;transition:border-color .3s}
.v5shell header.scrolled{border-color:var(--line)}
.v5shell .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.v5shell .nav{display:flex;align-items:center;justify-content:space-between;gap:10px;height:68px}
.v5shell .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none}
.v5shell .brand i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-style:normal;color:#fff;background:var(--grad)}
.v5shell .links{display:flex;gap:2px;align-items:center}
.v5shell .dd5{position:relative}
.v5shell .dd5-btn,.v5shell .links a.lk{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;font:500 14px/1.2 inherit;font-family:inherit;color:var(--ink-2);background:none;border:0;cursor:pointer;white-space:nowrap;text-decoration:none}
.v5shell .dd5-btn b,.v5shell .links a.lk b{font:400 10px 'JetBrains Mono',monospace;color:var(--ink-3);margin-right:4px}
.v5shell .dd5-btn span{font-size:10px;opacity:.6}
.v5shell .dd5-btn:hover,.v5shell .links a.lk:hover,.v5shell .dd5.open .dd5-btn{background:#efecf8;color:var(--ink)}
.v5shell .dd5-btn.on,.v5shell .links a.lk.on{background:var(--grad);color:#fff}
.v5shell .dd5-btn.on b,.v5shell .links a.lk.on b{color:rgba(255,255,255,.75)}
.v5shell .dd5-panel{position:absolute;top:calc(100% + 8px);left:-8px;width:340px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -20px rgba(20,20,39,.3);padding:8px;display:none;z-index:1100}
.v5shell .dd5.open .dd5-panel{display:grid;gap:2px}
@media (hover:hover){.v5shell .dd5:hover .dd5-panel{display:grid;gap:2px}}
.v5shell .dd5-panel a{display:block;padding:9px 12px;border-radius:10px;text-decoration:none}
.v5shell .dd5-panel a:hover{background:#f4f2fb}
.v5shell .dd5-panel strong{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.v5shell .dd5-panel small{display:block;font-size:12px;color:var(--ink-3);line-height:1.4}
.v5shell .langsw{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.v5shell .langsw a{padding:7px 11px;font:700 12px inherit;font-family:inherit;color:var(--ink-2);text-decoration:none}
.v5shell .langsw a.on{background:var(--grad);color:#fff}
.v5shell .btn.dark{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;color:#fff;background:var(--grad);box-shadow:0 10px 24px -12px rgba(109,40,217,.65);text-decoration:none;border:0;height:auto}
.v5shell .burger{display:none;background:none;border:0;font-size:22px;cursor:pointer;color:var(--ink)}
@media (max-width:1100px){
  .v5shell .links{display:none}.v5shell .burger{display:block}.v5shell .langsw{margin-left:auto}
  .v5shell .links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:12px 16px 20px;border-bottom:1px solid var(--line);max-height:calc(100vh - 68px);overflow:auto}
  .v5shell .dd5-panel{position:static;width:auto;box-shadow:none;border:0;padding:0 0 6px 12px}
}
@media (max-width:560px){.v5shell .nav .btn.dark{display:none}.v5shell .wrap{padding:0 16px}}
/* ---- shared footer ---- */
.v5shell footer{padding:40px 0 60px;color:var(--ink-3);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:40px}
.v5shell footer a{color:inherit;text-decoration:none}.v5shell footer a:hover{color:#6d28d9}
.v5shell .mono{font-family:'JetBrains Mono',monospace;font-size:12px}
/* header takes its own 68px band on old pages (their CSS fixes any <header> to the top) */
.v5shell:has(> header){height:68px}
.v5shell header{position:fixed!important;top:0;left:0;right:0;width:100%;background:rgba(247,247,252,.94)!important;box-shadow:0 1px 0 var(--line);margin:0!important;padding:0!important;border-radius:0!important;transform:none!important}
.v5shell header .nav{max-width:1180px;margin:0 auto}
body.v6 .site-main>:first-child{margin-top:0}

/* v6.2 glass menu (scoped copy) */
.v5shell .links{gap:4px}
.v5shell .dd5-btn,.v5shell .links a.lk{padding:9px 14px;font-weight:600;font-size:14px;color:#3b3b58;border-radius:12px;position:relative}
.v5shell .dd5-btn .car{font-size:9px;opacity:.55;transition:transform .2s}
.v5shell .dd5.open .dd5-btn .car{transform:rotate(180deg)}
.v5shell .dd5-btn:hover,.v5shell .links a.lk:hover,.v5shell .dd5.open .dd5-btn{background:color-mix(in srgb,var(--gc,#6d28d9) 10%,#fff);color:var(--gc,#6d28d9)}
.v5shell .dd5-btn.on,.v5shell .links a.lk.on{background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff}
.v5shell .dd5-panel{top:100%;margin-top:0;left:50%;transform:translateX(-50%) translateY(6px);width:380px;padding:10px;border-radius:20px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 60px -24px rgba(76,29,149,.35),0 0 0 1px rgba(109,40,217,.08) inset;
  opacity:0;visibility:hidden;display:grid!important;gap:2px;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.v5shell .dd5-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.v5shell .dd5-panel::after{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--gc,#6d28d9),#ec4899,#06b6d4)}
.v5shell .dd5.open .dd5-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px)}
.v5shell .dd5-head{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid rgba(109,40,217,.1);margin-bottom:4px}
.v5shell .dd5-head b{font-size:15px;color:#141427}
.v5shell .dd5-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--gc,#6d28d9),#ec4899)}
.v5shell .dd5-ic svg{width:16px;height:16px}
.v5shell .dd5-panel a{display:grid!important;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:9px 10px;border-radius:14px;transition:background .15s}
.v5shell .dd5-panel a:hover,.v5shell .dd5-panel a[aria-current]{background:rgba(255,255,255,.85);box-shadow:0 6px 18px -10px rgba(76,29,149,.35)}
.v5shell .dd5-ii{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,#fff);transition:.15s}
.v5shell .dd5-panel a:hover .dd5-ii{background:var(--ic);color:#fff}
.v5shell .dd5-ii svg{width:18px;height:18px}
.v5shell .dd5-tx{min-width:0}
.v5shell .dd5-tx strong{display:block;font-size:14px;font-weight:700;color:#141427}
.v5shell .dd5-tx small{display:block;font-size:12px;color:#6b6b88;line-height:1.4}
.v5shell header#hdr{background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.6)}
.v5shell header#hdr.scrolled{box-shadow:0 10px 30px -20px rgba(76,29,149,.35)}
@media (max-width:1100px){.v5shell .dd5-panel{position:static;transform:none!important;width:auto;opacity:1;visibility:visible;display:none!important;box-shadow:none;background:rgba(255,255,255,.6);margin:4px 0 8px}.v5shell .dd5.open .dd5-panel{display:grid!important}.v5shell .dd5-panel::after{display:none}}
.v5shell header{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(18px) saturate(160%)}
.v5shell .dd5-panel{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(26px) saturate(180%)}
.v5shell .dd5-panel{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* v7 (1-Nov-2026): Lifescape link and My CV button in the shared top bar */
.v5shell .links a.lk-life{background:linear-gradient(135deg,#ecfdf5,#f5f3ff);border:1px solid #ddd6fe;color:#5b21b6;font-weight:700}
.v5shell .links a.lk-life.on{background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff;border-color:transparent}
.v5shell .btn.mycv{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.v5shell .btn.mycv svg{width:16px;height:16px}