/* VedicDost — बिना जन्म-तिथि (BJ) 8 टूल का साझा डिज़ाइन (bj.css)
   रंग: रात-नील #3B2E8C · दीया-सोना #E8B04A · चंदन-काग़ज़ #FBF7F0 · शुभ तुलसी-हरा · सावधानी हल्दी · मिश्र नील
   पहचान: मंदिर-द्वार जैसा मेहराब (arch) — हीरो चित्र उसी में; नतीजा "पत्र" की तरह खुलता है। कोई बाहरी CSS नहीं। */
:root{
--bj-ink:#1D1A36;--bj-muted:#5C5878;--bj-paper:#FBF7F0;--bj-surface:#fff;--bj-sunk:#F4EEE3;--bj-line:#E6DFD2;
--bj-indigo:#3B2E8C;--bj-indigo-deep:#241A63;--bj-indigo-soft:#ECE8FB;--bj-gold:#E8B04A;--bj-gold-deep:#9A6A0E;--bj-gold-soft:#FBF0D6;
--bj-shubh:#17663F;--bj-shubh-bg:#E9F5EC;--bj-shubh-edge:#9CCFAE;
--bj-ashubh:#8A4B00;--bj-ashubh-bg:#FFF3DD;--bj-ashubh-edge:#F0C27A;
--bj-mishra:#3B2E8C;--bj-mishra-bg:#EEEAFB;--bj-mishra-edge:#BDB3EE;
--bj-tathya:#3E4A5C;--bj-tathya-bg:#EEF1F5;--bj-tathya-edge:#C6CFDB;
--bj-r:18px;--bj-r-s:12px;--bj-shadow:0 1px 0 rgba(36,26,99,.04),0 10px 30px -18px rgba(36,26,99,.35);
--bj-display:"Tiro Devanagari Hindi","Noto Serif Devanagari",Georgia,serif;--bj-body:"Mukta","Noto Sans Devanagari",system-ui,sans-serif}
[data-theme=dark],.bj-dark{color-scheme:dark;
--bj-ink:#ECE9F8;--bj-muted:#AFA9CF;--bj-paper:#14112B;--bj-surface:#1C1838;--bj-sunk:#231E45;--bj-line:#332D5C;
--bj-indigo:#B3A6FF;--bj-indigo-deep:#0F0C24;--bj-indigo-soft:#2A2453;--bj-gold:#F0C064;--bj-gold-deep:#F0C064;--bj-gold-soft:#2E2617;
--bj-shubh:#8FDCAE;--bj-shubh-bg:#12291D;--bj-shubh-edge:#2D6B47;--bj-ashubh:#F6C67C;--bj-ashubh-bg:#2E2112;--bj-ashubh-edge:#7A5420;
--bj-mishra:#C9BFFF;--bj-mishra-bg:#221D48;--bj-mishra-edge:#4B4290;--bj-tathya:#C8D1DE;--bj-tathya-bg:#1E2433;--bj-tathya-edge:#3A4560}

/* ---------- हीरो: शीर्षक + सीधा जवाब + मेहराब चित्र ---------- */
.bj-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;margin:6px 0 18px}
.bj-hero h1{font-family:var(--bj-display);font-weight:400;font-size:clamp(1.75rem,5.2vw,2.75rem);line-height:1.2;letter-spacing:-.005em;color:var(--bj-ink);margin:0 0 .35em;text-wrap:balance}
.bj-answer{font-size:clamp(1.08rem,2.6vw,1.24rem);line-height:1.6;color:var(--bj-ink);margin:0 0 12px;padding-left:14px;border-left:3px solid var(--bj-gold);max-width:62ch}
.bj-answer b{color:var(--bj-indigo)}
.bj-arch{position:relative;margin:0 auto;width:min(190px,52vw);aspect-ratio:1/1.08;border-radius:50% 50% var(--bj-r) var(--bj-r)/42% 42% var(--bj-r) var(--bj-r);background:radial-gradient(120% 90% at 50% 0%,#4A3AA6 0%,var(--bj-indigo-deep) 70%);box-shadow:inset 0 0 0 1.5px rgba(232,176,74,.55),inset 0 0 0 7px var(--bj-indigo-deep),inset 0 0 0 8px rgba(232,176,74,.25),var(--bj-shadow);overflow:hidden;display:grid;place-items:center}
.bj-arch img,.bj-arch svg{width:100%;height:100%;display:block}
.bj-arch.bj-body-fig{background:var(--bj-surface);box-shadow:inset 0 0 0 1.5px var(--bj-line),var(--bj-shadow)}
.bj-arch.bj-body-fig{width:min(220px,62vw);color:var(--bj-muted)}.bj-arch.bj-body-fig svg{width:auto;height:90%;margin-top:6%}
@media(min-width:760px){.bj-hero{grid-template-columns:minmax(0,1fr) 280px;gap:36px}.bj-arch{width:100%}}
.bj-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 0;font-size:.9rem;color:var(--bj-muted)}

/* ---------- बुनियादी हिस्से ---------- */
.bj-card{background:var(--bj-surface);border:1px solid var(--bj-line);border-radius:var(--bj-r);padding:18px 18px 20px;margin:14px 0;box-shadow:var(--bj-shadow);color:var(--bj-ink)}
.bj-card>h2:first-child,.bj-card>h3:first-child{margin-top:0}
.bj-card h2,.bj-card h3{font-family:var(--bj-display);font-weight:400}
.bj-mount{min-height:200px;margin:14px 0}
.bj-mount>.bj-load{padding:18px;border:1px dashed var(--bj-line);border-radius:var(--bj-r)}
.bj-mount .bj-load{margin:0;display:flex;align-items:center;gap:10px;color:var(--bj-muted);font-size:.95rem}
.bj-mount .bj-load::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--bj-gold-soft);border-top-color:var(--bj-gold);animation:bjSpin .9s linear infinite}
.bj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bj-muted{color:var(--bj-muted);font-size:.92rem}
.bj-btn,.bj-btn2{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:999px;font:600 1rem/1.2 var(--bj-body);text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease;touch-action:manipulation}
.bj-btn{background:var(--bj-indigo);color:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(232,176,74,.45),0 8px 20px -10px rgba(59,46,140,.8)}
.bj-btn:hover{background:#4A3BA8}
.bj-btn:active,.bj-btn2:active{transform:translateY(1px)}
.bj-btn2{background:transparent;color:var(--bj-indigo);border:1.5px solid var(--bj-indigo)}
.bj-btn2:hover{background:var(--bj-indigo-soft)}
.bj-btn[disabled],.bj-btn2[disabled]{opacity:.5;cursor:not-allowed}
.bj-btn.gold{background:var(--bj-gold);color:#241A63;box-shadow:0 8px 20px -10px rgba(184,110,0,.7)}
.bj-input{display:block;width:100%;min-height:48px;padding:11px 14px;border:1.5px solid var(--bj-line);border-radius:var(--bj-r-s);background:var(--bj-surface);color:var(--bj-ink);font:500 1.05rem/1.3 var(--bj-body);transition:border-color .15s ease,box-shadow .15s ease}
.bj-input::placeholder{color:var(--bj-muted);opacity:.75}
.bj-input:focus{outline:none;border-color:var(--bj-indigo);box-shadow:0 0 0 4px rgba(232,176,74,.35)}
label.bj-lbl{display:block;font-weight:600;font-size:.95rem;margin:12px 0 6px}
.bj-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.bj-chip{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--bj-line);background:var(--bj-surface);color:var(--bj-ink);font:500 .95rem/1.2 var(--bj-body);text-decoration:none;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.bj-chip:hover{border-color:var(--bj-gold)}
.bj-chip.on,.bj-chip[aria-pressed=true],.bj-chip[aria-current]{background:var(--bj-indigo);border-color:var(--bj-indigo);color:#fff}
.bj-btn:focus-visible,.bj-btn2:focus-visible,.bj-chip:focus-visible,.bj-tile:focus-visible,.bj-rel a:focus-visible,.bj-list a:focus-visible{outline:3px solid var(--bj-gold);outline-offset:2px}

/* ---------- नतीजा: पत्र की तरह खुलता है ---------- */
.bj-result{position:relative;background:var(--bj-surface);border:1px solid var(--bj-line);border-radius:var(--bj-r);padding:20px 18px 18px;margin:16px 0;box-shadow:var(--bj-shadow);animation:bjUnfold .6s cubic-bezier(.2,.75,.2,1) both}
.bj-result::before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,var(--bj-gold) 20%,var(--bj-gold) 80%,transparent)}
.bj-result>*{animation:bjRise .5s .18s ease both}
.bj-verdict{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--bj-r-s);border:1px solid var(--bj-tathya-edge);background:var(--bj-tathya-bg);color:var(--bj-tathya);font-family:var(--bj-display);font-size:1.22rem;line-height:1.4;margin:0 0 12px}
.bj-verdict::before{content:"";flex:none;width:30px;height:30px;margin-top:1px;border-radius:50%;background:currentColor;-webkit-mask:var(--bj-seal) center/contain no-repeat;mask:var(--bj-seal) center/contain no-repeat}
.bj-verdict{--bj-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='15' cy='15' r='3.5'/%3E%3C/svg%3E")}
.bj-verdict.shubh{background:linear-gradient(135deg,var(--bj-shubh-bg),var(--bj-gold-soft));border-color:var(--bj-shubh-edge);color:var(--bj-shubh);--bj-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 15.5l4 4 8-9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bj-verdict.ashubh{background:var(--bj-ashubh-bg);border-color:var(--bj-ashubh-edge);color:var(--bj-ashubh);--bj-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M15 8v9' stroke='%23000' stroke-width='2.8' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='21.5' r='1.8'/%3E%3C/svg%3E")}
.bj-verdict.mishra{background:var(--bj-mishra-bg);border-color:var(--bj-mishra-edge);color:var(--bj-mishra);--bj-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M15 2a13 13 0 0 1 0 26z'/%3E%3C/svg%3E")}
.bj-verdict small{display:block;font-family:var(--bj-body);font-size:.84rem;font-weight:600;opacity:.85;margin-bottom:1px}
.bj-why{margin:12px 0 0;padding:12px 14px;border-radius:var(--bj-r-s);background:var(--bj-sunk);font-size:.97rem}
.bj-why>b:first-child,.bj-why>strong:first-child{display:block;font-family:var(--bj-display);font-weight:400;font-size:1.08rem;color:var(--bj-indigo);margin-bottom:2px}
.bj-ref{display:block;margin-top:8px;padding:8px 12px 8px 14px;border-left:3px solid var(--bj-gold);background:var(--bj-gold-soft);border-radius:0 10px 10px 0;font-size:.9rem;color:var(--bj-ink)}
.bj-ref b,.bj-ref cite{font-style:normal;font-weight:600;color:var(--bj-gold-deep)}
.bj-upay{margin:12px 0 0;padding:12px 14px;border-radius:var(--bj-r-s);border:1px dashed var(--bj-shubh-edge);background:var(--bj-shubh-bg);color:var(--bj-ink)}
.bj-upay>b:first-child{color:var(--bj-shubh)}

/* ---------- पेज-भाग ---------- */
.bj-sec{margin:28px 0 8px}
.bj-sec>h2{font-family:var(--bj-display);font-weight:400;font-size:clamp(1.3rem,3.4vw,1.6rem);margin:0 0 10px;color:var(--bj-ink)}
.bj-prose{max-width:68ch}.bj-prose p{margin:0 0 .8em}
.bj-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:10px}
.bj-steps li{counter-increment:s;position:relative;padding:4px 0 4px 46px;min-height:34px}
.bj-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bj-indigo-soft);color:var(--bj-indigo);font-weight:700}
.bj-faq details{background:var(--bj-surface);border:1px solid var(--bj-line);border-radius:var(--bj-r-s);padding:0;margin:8px 0;overflow:hidden}
.bj-faq summary{list-style:none;cursor:pointer;padding:14px 46px 14px 16px;font-weight:600;position:relative}
.bj-faq summary::-webkit-details-marker{display:none}
.bj-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--bj-gold-deep);border-bottom:2px solid var(--bj-gold-deep);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.bj-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.bj-faq details p{margin:0;padding:0 16px 14px;color:var(--bj-ink)}
.bj-rel{display:flex;flex-wrap:wrap;gap:8px}
.bj-rel a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--bj-line);background:var(--bj-surface);text-decoration:none;color:var(--bj-ink);font-weight:500;font-size:.95rem}
.bj-rel a:hover{border-color:var(--bj-gold)}
.bj-rel img{width:28px;height:28px;border-radius:8px}
.bj-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;margin:8px 0}
.bj-list a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--bj-r-s);background:var(--bj-surface);border:1px solid var(--bj-line);text-decoration:none;color:var(--bj-ink);line-height:1.35}
.bj-list a:hover{border-color:var(--bj-gold)}
.bj-list a i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--bj-tathya-edge)}
.bj-list a i.shubh{background:#2E9A5E}.bj-list a i.ashubh{background:#E39B2D}.bj-list a i.mishra{background:#7B6BD6}
.bj-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:26px 0;padding:20px;border-radius:var(--bj-r);background:radial-gradient(140% 120% at 100% 0%,#4A3AA6,var(--bj-indigo-deep) 65%);color:#ECE9F8}
.bj-cta p{margin:0;max-width:46ch;font-size:1.02rem}.bj-cta b{display:block;font-family:var(--bj-display);font-weight:400;font-size:1.3rem;color:#fff}
.bj-by{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:.88rem;color:var(--bj-muted)}
.bj-by::before{content:"";width:16px;height:16px;border-radius:4px;background:var(--bj-gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l1.8 4.6L15 8l-5.2 2.4L8 15l-1.8-4.6L1 8l5.2-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l1.8 4.6L15 8l-5.2 2.4L8 15l-1.8-4.6L1 8l5.2-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.bj-note{font-size:.86rem;color:var(--bj-muted);border-top:1px solid var(--bj-line);padding-top:10px;margin-top:18px}

/* ---------- हब: 8 टूल ---------- */
.bj-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin:12px 0}
.bj-tile{display:grid;grid-template-columns:56px 1fr;gap:4px 14px;align-items:start;padding:16px;border-radius:var(--bj-r);background:var(--bj-surface);border:1px solid var(--bj-line);text-decoration:none;color:var(--bj-ink);transition:border-color .2s,transform .2s}
.bj-tile:hover{border-color:var(--bj-gold);transform:translateY(-2px)}
.bj-tile img{grid-row:span 2;width:56px;height:56px;border-radius:14px}
.bj-tile b{font-family:var(--bj-display);font-weight:400;font-size:1.2rem;line-height:1.25;color:var(--bj-indigo)}
.bj-tile span{font-size:.92rem;color:var(--bj-muted);line-height:1.45}
.bj-tile.lead{grid-column:1/-1;grid-template-columns:72px 1fr;background:linear-gradient(120deg,var(--bj-gold-soft),var(--bj-surface) 60%)}
.bj-tile.lead img{width:72px;height:72px}

/* ---------- शरीर-चित्र (शकुन/तिल) ---------- */
.bj-bodymap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.bj-bodymap .bj-fig{max-width:150px;margin:0 auto;color:var(--bj-muted)}
@media(min-width:760px){.bj-bodymap{grid-template-columns:220px minmax(0,1fr);gap:28px}.bj-bodymap .bj-fig{max-width:220px;position:sticky;top:76px}}
.bj-fig svg{width:100%;height:auto;display:block}
.bj-fig .pt{fill:var(--bj-sunk);stroke:var(--bj-indigo);stroke-opacity:.35;stroke-width:1;transition:fill .2s}
.bj-fig a:hover .pt,.bj-fig a:focus .pt{fill:var(--bj-gold-soft);stroke:var(--bj-gold-deep);stroke-opacity:1}
.bj-fig .pt.on{fill:var(--bj-gold);stroke:var(--bj-gold-deep);stroke-opacity:1;animation:bjGlow 2.4s ease-in-out infinite}

@keyframes bjUnfold{from{opacity:0;clip-path:inset(0 0 92% 0 round 18px);transform:translateY(6px)}to{opacity:1;clip-path:inset(0 0 0 0 round 18px);transform:none}}
@keyframes bjRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bjSpin{to{transform:rotate(360deg)}}
@keyframes bjGlow{0%,100%{fill-opacity:1}50%{fill-opacity:.55}}
@media(prefers-reduced-motion:reduce){.bj-result,.bj-result>*,.bj-fig .pt.on,.bj-mount .bj-load::before{animation:none!important}.bj-tile,.bj-btn,.bj-btn2{transition:none}}
@media print{.bj-mount,.bj-cta{display:none}}
/* QA polish */
.bj-result:empty,.bj-muted:empty{display:none}
.bj-illus-nostril{height:0;padding-top:46.875%;max-width:420px;margin:6px auto 10px;background:url(/img/bj/nostril.svg) center/contain no-repeat;border-radius:16px}
.bj-fig a .pt{fill:var(--bj-indigo-soft);stroke-opacity:.55;cursor:pointer}