/* subpages-v2.css: light astro theme for older pages (tools, courses, support, studio, kundli store).
   Works together with subpages-v2.js, which swaps the old header/footer for the new ones. */
:root{--ink:#1b2559;--blue:#2c3a85;--gold:#c7922a;--paper:#fffaf1;--muted:#656a8a;--cream:#fffaf1}
body{background:var(--paper);font-family:"Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif}
/* old header: keep its space until the new one is ready; reveal again after 2.2s if the script fails */
header.top{visibility:hidden;animation:khRev 0s linear 2.2s forwards}
@keyframes khRev{to{visibility:visible}}
html.kh-on header.top,html.kh-on footer.foot,html.kh-on .drawerOverlay,html.kh-on .mobileDrawer{display:none!important}
.quick,.quick-hub,.mobile-actions,.mobileBar,.social-dock,.to-top{display:none!important}
/* hero in the light theme */
.hero{background:radial-gradient(800px 360px at 85% 0,#efe9ff 0,transparent 60%),linear-gradient(180deg,#fffaf1,#fbf3e2)!important;color:var(--ink)!important;border-bottom:1px solid #eadfca;padding-top:48px!important;padding-bottom:42px!important}
.hero h1{color:var(--ink)!important;font-family:"Playfair Display","Noto Serif Devanagari",Georgia,serif!important;text-shadow:none!important}
.hero .lead,.hero p{color:var(--muted)!important}.hero .eyebrow,.eyebrow{color:var(--gold)!important}
.card,.toolTile,.option,.fact{border-color:#eadfca}.card{box-shadow:0 8px 28px rgba(27,37,89,.07)}
.card:hover,.toolTile:hover{border-color:#e8b957}.button:not(.ghost):not(.dark),.pill{background:linear-gradient(135deg,#e8b957,#c7922a)!important;color:#2b1c00!important}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #e8b95766;border-color:#c7922a}
/* new header */
.kh-top{background:#fff;border-bottom:1px solid #eadfca;font-size:13px;color:var(--muted)}.kh-top .kh-w2{display:flex;justify-content:space-between;gap:12px;padding:6px 0;flex-wrap:wrap;width:min(1180px,calc(100% - 32px));margin:auto}.kh-top a{font-weight:600;color:var(--ink);text-decoration:none}
.kh-nav{position:sticky;top:0;z-index:60;background:rgba(255,250,241,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #eadfca}.kh-nav .kh-w{display:flex;align-items:center;gap:14px;min-height:68px;width:min(1180px,calc(100% - 32px));margin:auto}
.kh-brand{display:flex;align-items:center;gap:11px;font-weight:700;color:var(--ink);text-decoration:none}.kh-brand img{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;background:#fff}.kh-brand small{display:block;font-size:11px;color:var(--gold);letter-spacing:.12em}
.kh-menu{display:flex;align-items:center;gap:2px;margin:0 0 0 auto;padding:0;list-style:none}.kh-menu a,.kh-menu button{display:inline-flex;padding:10px 12px;border:0;background:none;border-radius:10px;font-weight:600;font-size:15px;line-height:1;font-family:inherit;color:var(--ink);cursor:pointer;text-decoration:none}.kh-menu a:hover,.kh-menu button:hover{background:#fff;color:var(--gold)}.kh-menu a.kh-btn{background:linear-gradient(135deg,#e8b957,#c7922a);color:#2b1c00;padding:0 18px;min-height:42px;align-items:center;border-radius:999px}
.kh-dd{position:relative}.kh-sub{position:absolute;left:0;top:calc(100% + 4px);min-width:270px;background:#fff;border:1px solid #eadfca;border-radius:16px;box-shadow:0 18px 44px rgba(27,37,89,.14);padding:8px;display:none}.kh-dd:hover .kh-sub,.kh-dd:focus-within .kh-sub,.kh-dd.open .kh-sub{display:block}.kh-sub a{display:block;padding:9px 12px;font-weight:500;font-size:14.5px}.kh-sub a:hover{background:#eef2ff;color:#2c3a85}.kh-sub hr{border:0;border-top:1px solid #eadfca;margin:6px 4px}
.kh-lang{display:inline-flex;border:1px solid #eadfca;border-radius:999px;overflow:hidden;background:#fff;margin-left:6px}.kh-lang a{padding:7px 12px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}.kh-lang a.on{background:var(--ink);color:#fff}
.kh-burger{display:none;margin-left:auto;border:1px solid #eadfca;background:#fff;border-radius:12px;min-height:44px;padding:0 14px;font-weight:700;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer}
.kh-drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:#fff;z-index:90;padding:16px 18px 28px;overflow:auto;transform:translateX(105%);transition:transform .25s ease;box-shadow:-20px 0 60px rgba(27,37,89,.2)}.kh-drawer.open{transform:none}.kh-ovl{position:fixed;inset:0;background:rgba(27,37,89,.45);z-index:80;display:none}.kh-ovl.open{display:block}.kh-drawer a,.kh-drawer summary{display:block;padding:12px 6px;border-bottom:1px solid #eadfca;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none}.kh-drawer details a{padding-left:18px;font-weight:500;font-size:15px}.kh-dh{display:flex;justify-content:space-between;align-items:center}.kh-dh button{border:1px solid #eadfca;background:#fff;border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer}
@media(max-width:1080px){.kh-menu,.kh-nav .kh-lang{display:none}.kh-burger{display:inline-flex;align-items:center}}
/* new footer + mobile bar */
.khf{background:#f3ecdd;border-top:1px solid #eadfca;padding:46px 0 0;margin-top:50px;color:var(--muted)}.khf-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;width:min(1180px,calc(100% - 32px));margin:auto}@media(max-width:900px){.khf-g{grid-template-columns:1fr 1fr}}@media(max-width:560px){.khf-g{grid-template-columns:1fr}}.khf h3{font-size:16px;color:var(--ink);margin:0 0 10px}.khf ul{list-style:none;margin:0;padding:0}.khf li{margin:7px 0;font-size:14.5px}.khf a{text-decoration:none;color:inherit}.khf a:hover{color:var(--gold)}.khf-b{border-top:1px solid #e3d8c0;margin-top:30px;padding:16px 0;font-size:13.5px;text-align:center}
.kh-bar{display:none}@media(max-width:760px){body{padding-bottom:66px}.kh-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #eadfca;box-shadow:0 -6px 24px rgba(27,37,89,.08)}.kh-bar a{display:grid;place-items:center;padding:8px 2px;font-size:11.5px;font-weight:600;color:var(--ink);text-decoration:none}.kh-bar a span{font-size:19px;color:var(--gold)}.kh-bar a.bk{background:var(--ink);color:#fff}.kh-bar a.bk span{color:#e8b957}.kh-top .kh-soc{display:none}}
@media(prefers-reduced-motion:reduce){.kh-drawer{transition:none}html{scroll-behavior:auto}}