/* Al-Raqeem — Stellar Human Atlas v64 */
.sh-root{--sh-gold:var(--gold,#c9a84c);--sh-line:var(--border,rgba(201,168,76,.24));--sh-card:var(--bg-card,#111);--sh-soft:var(--bg-input,#17171d);--sh-text:var(--text-pri,#eee);--sh-muted:var(--text-sec,#aaa);max-width:1440px;margin:0 auto;padding:1rem clamp(.65rem,2vw,1.5rem) 4rem;direction:rtl;color:var(--sh-text)}
.sh-hero{text-align:center;padding:1.4rem 1rem 1.1rem;background:linear-gradient(180deg,rgba(201,168,76,.08),transparent);border:1px solid var(--sh-line);border-radius:18px;margin-bottom:1rem}
.sh-kicker{font:600 .72rem/1.2 'Ubuntu Mono',monospace;letter-spacing:.14em;color:var(--sh-gold);text-transform:uppercase}.sh-title{font-family:'Amiri',serif;font-size:clamp(2rem,4vw,3rem);margin:.35rem 0;color:var(--gold-glow,var(--sh-gold))}.sh-lead{max-width:900px;margin:auto;color:var(--sh-muted);line-height:1.9;font-size:.92rem}
.sh-tabs{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;margin:1rem 0 1.2rem}.sh-tab{border:1px solid var(--sh-line);background:var(--sh-card);color:var(--sh-muted);padding:.62rem 1rem;border-radius:999px;cursor:pointer;font:700 .82rem var(--font-main);transition:.2s}.sh-tab:hover,.sh-tab.active{border-color:var(--sh-gold);color:var(--sh-gold);background:rgba(201,168,76,.1)}
.sh-panel{display:none}.sh-panel.active{display:block;animation:shIn .25s ease}@keyframes shIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sh-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:1rem}.sh-choice,.sh-layer{border:1px solid var(--sh-line);background:var(--sh-card);color:var(--sh-muted);border-radius:10px;padding:.55rem .8rem;cursor:pointer;font:600 .78rem var(--font-main)}.sh-choice.active,.sh-layer.active{border-color:var(--sh-gold);color:var(--sh-gold);background:rgba(201,168,76,.1)}
.sh-atlas{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(330px,.85fr);gap:1rem;align-items:start}.sh-map-card,.sh-detail,.sh-card,.sh-searchbox{background:var(--sh-card);border:1px solid var(--sh-line);border-radius:16px}.sh-map-card{padding:.8rem}.sh-map-title{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.65rem}.sh-map-title h3{margin:0;color:var(--sh-gold);font-size:1rem}.sh-map-title span{color:var(--sh-muted);font-size:.72rem}
.sh-image-stage{position:relative;max-width:560px;margin:auto;aspect-ratio:4/5;background:radial-gradient(circle at 50% 40%,rgba(201,168,76,.08),transparent 62%);border-radius:14px;overflow:hidden}.sh-image-stage img{width:100%;height:100%;object-fit:contain;display:block}.sh-overlay{position:absolute;inset:0;width:100%;height:100%}.sh-hot{cursor:pointer;transition:.18s}.sh-hot circle{fill:var(--hot);fill-opacity:.82;stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke}.sh-hot text{fill:#fff;font-size:4px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.sh-hot:hover circle,.sh-hot.active circle{filter:drop-shadow(0 0 3px var(--hot));transform-box:fill-box;transform-origin:center;transform:scale(1.22)}
.sh-layer-zodiac .sh-zodiac-mark,.sh-layer-planets .sh-planet-mark{opacity:1}.sh-zodiac-mark,.sh-planet-mark{opacity:0;transition:.2s;pointer-events:none}.sh-zodiac-mark text,.sh-planet-mark text{font-size:4.2px;fill:var(--sh-gold);font-weight:700;text-anchor:middle}
.sh-detail{padding:1rem;min-height:520px}.sh-empty{display:grid;place-items:center;min-height:470px;text-align:center;color:var(--sh-muted);line-height:2}.sh-detail-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.sh-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:white;box-shadow:0 0 20px color-mix(in srgb,var(--orb) 45%,transparent);background:var(--orb)}.sh-zorb,.sh-porb{font-size:1.35rem}.sh-detail h2{font-family:'Amiri',serif;margin:0;font-size:1.65rem}.sh-latin{direction:ltr;text-align:right;color:var(--sh-gold);font:600 .76rem 'JetBrains Mono',monospace}.sh-desc{color:var(--sh-muted);line-height:1.95;font-size:.9rem}.sh-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.8rem 0}.sh-fact{background:var(--sh-soft);border:1px solid var(--sh-line);border-radius:10px;padding:.65rem}.sh-fact b{display:block;color:var(--sh-gold);font-size:.68rem;margin-bottom:.25rem}.sh-fact span{font-size:.84rem}.sh-note{border-right:3px solid var(--sh-gold);background:rgba(201,168,76,.07);padding:.7rem .85rem;border-radius:8px;color:var(--sh-muted);font-size:.8rem;line-height:1.8}.sh-tags{display:flex;gap:.4rem;flex-wrap:wrap}.sh-tag{border:1px solid var(--tag);color:var(--tag);background:color-mix(in srgb,var(--tag) 10%,transparent);border-radius:999px;padding:.28rem .65rem;font-size:.72rem}
.sh-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sh-compare .sh-map-card{padding:1rem}.sh-compare-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.55rem;margin-top:1rem}.sh-mini{border:1px solid var(--sh-line);border-radius:12px;padding:.75rem;background:var(--sh-card);cursor:pointer}.sh-mini:hover{border-color:var(--c)}.sh-mini .n{font-size:1.3rem;color:var(--c);font-weight:800}.sh-mini b{display:block;margin:.25rem 0}.sh-mini small{color:var(--sh-muted);line-height:1.55;display:block}
.sh-section-title{font-family:'Amiri',serif;color:var(--sh-gold);font-size:1.5rem;margin:.2rem 0 .8rem}.sh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.75rem}.sh-card{padding:1rem}.sh-card h3{margin:.15rem 0 .5rem;color:var(--accent,var(--sh-gold))}.sh-card p{color:var(--sh-muted);font-size:.82rem;line-height:1.8;margin:.3rem 0}.sh-card button{margin-top:.55rem}
.sh-table-wrap{overflow:visible;border:1px solid var(--sh-line);border-radius:14px}.sh-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8rem}.sh-table th,.sh-table td{border-left:1px solid var(--sh-line);border-bottom:1px solid var(--sh-line);padding:.7rem;vertical-align:top;overflow-wrap:anywhere}.sh-table th{color:var(--sh-gold);background:rgba(201,168,76,.08)}.sh-table tr:last-child td{border-bottom:1px solid var(--sh-line)!important}.sh-table th:last-child,.sh-table td:last-child{border-left:none}
.sh-searchbox{padding:1rem;margin-bottom:1rem}.sh-searchrow{display:flex;gap:.55rem;flex-wrap:wrap}.sh-searchrow input,.sh-searchrow select{flex:1;min-width:180px;background:var(--sh-soft);border:1px solid var(--sh-line);color:var(--sh-text);border-radius:10px;padding:.7rem .85rem;font-family:var(--font-main)}.sh-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.65rem}.sh-result{border:1px solid var(--sh-line);border-radius:12px;padding:.8rem;background:var(--sh-card)}.sh-result h4{margin:0 0 .35rem;color:var(--sh-gold)}.sh-result p{margin:.25rem 0;color:var(--sh-muted);font-size:.8rem;line-height:1.7}
.sh-system-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--sh-line);border-radius:999px;padding:.25rem .6rem;font-size:.68rem;color:var(--sh-muted)}
html[data-theme="light"] .sh-root{--sh-card:#fff;--sh-soft:#f5f0e5;--sh-text:#1f1a10;--sh-muted:#625b4d;--sh-line:rgba(112,88,20,.28);--sh-gold:#795d0b}.sh-root .sh-btn{border:1px solid var(--sh-line);background:rgba(201,168,76,.08);color:var(--sh-gold);border-radius:9px;padding:.45rem .7rem;cursor:pointer;font:700 .75rem var(--font-main)}
@media(max-width:1000px){.sh-atlas{grid-template-columns:1fr}.sh-detail{min-height:0}.sh-empty{min-height:220px}.sh-compare-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.sh-compare{grid-template-columns:1fr}.sh-image-stage{max-width:430px}.sh-facts{grid-template-columns:1fr}.sh-compare-grid{grid-template-columns:repeat(2,1fr)}.sh-table{font-size:.72rem}.sh-table th,.sh-table td{padding:.5rem}.sh-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.sh-tab{white-space:nowrap}}

/* v63 — external columns, clean comparison images */
.sh-atlas{grid-template-columns:minmax(650px,1.35fr) minmax(320px,.65fr)}
.sh-map-layout{display:grid;grid-template-columns:minmax(150px,190px) minmax(300px,1fr) minmax(150px,190px);gap:.7rem;align-items:start;direction:ltr}
.sh-center-map,.sh-side-column{direction:rtl}
.sh-image-stage{max-width:520px;aspect-ratio:auto;min-height:560px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.sh-image-stage img{height:auto;max-height:680px;object-fit:contain}
.sh-image-stage.clean{min-height:0;max-width:620px}
.sh-side-column{display:flex;flex-direction:column;gap:.32rem;max-height:720px;overflow:auto;padding:.45rem;background:var(--sh-soft);border:1px solid var(--sh-line);border-radius:12px}
.sh-side-title{color:var(--sh-gold);font-weight:800;font-size:.78rem;text-align:center;margin:.2rem 0 .35rem}
.sh-side-item{display:flex;align-items:center;gap:.5rem;width:100%;border:1px solid transparent;background:transparent;color:var(--sh-text);padding:.42rem;border-radius:9px;cursor:pointer;text-align:right;font-family:var(--font-main)}
.sh-side-item:hover,.sh-side-item.active{background:rgba(201,168,76,.09);border-color:var(--item,var(--sh-gold))}
.sh-side-item b{display:block;font-size:.76rem}.sh-side-item small{display:block;color:var(--sh-muted);font-size:.6rem;line-height:1.25}
.sh-side-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--item);color:#fff;font-weight:800;flex:none}
.sh-side-symbol{display:inline-grid;place-items:center;width:auto;min-width:2rem;flex:none;color:var(--sym,var(--sh-gold));font-size:1.55rem;font-weight:900;line-height:1;text-shadow:0 0 10px color-mix(in srgb,var(--sym,var(--sh-gold)) 48%,transparent),0 0 18px color-mix(in srgb,var(--sym,var(--sh-gold)) 22%,transparent)}
.sh-zodiac-column .sh-side-item,.sh-planet-item{position:relative}.sh-side-item.zodiac b,.sh-side-item.zodiac small{padding-inline-start:.05rem}.sh-planet-bar{margin-top:.65rem;border:1px solid var(--sh-line);background:var(--sh-soft);border-radius:12px;padding:.55rem}.sh-planet-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.42rem}
.sh-planet-item{display:inline-flex;align-items:center;gap:.38rem;border:1px solid color-mix(in srgb,var(--planet,var(--sh-line)) 38%,var(--sh-line));background:var(--sh-card);color:var(--planet,var(--sh-muted));border-radius:999px;padding:.38rem .72rem;cursor:pointer;font:700 .72rem var(--font-main);box-shadow:0 0 0 transparent;transition:.18s}.sh-planet-item span{font-size:1.2rem;line-height:1;text-shadow:0 0 8px color-mix(in srgb,var(--planet,var(--sh-gold)) 48%,transparent),0 0 14px color-mix(in srgb,var(--planet,var(--sh-gold)) 26%,transparent)}.sh-planet-item:hover,.sh-planet-item.active{color:var(--planet,var(--sh-gold));border-color:var(--planet,var(--sh-gold));background:color-mix(in srgb,var(--planet,var(--sh-gold)) 11%,var(--sh-card));box-shadow:0 0 14px color-mix(in srgb,var(--planet,var(--sh-gold)) 24%,transparent)}
.sh-zorb,.sh-porb{border:1px solid color-mix(in srgb,var(--orb) 60%,white);box-shadow:0 0 18px color-mix(in srgb,var(--orb) 38%,transparent);font-size:1.35rem}
@media(max-width:1150px){.sh-atlas{grid-template-columns:1fr}.sh-map-layout{grid-template-columns:150px minmax(280px,1fr) 150px}.sh-detail{min-height:0}}
@media(max-width:760px){.sh-map-layout{grid-template-columns:1fr}.sh-center-map{order:1}.sh-chakra-column{order:2}.sh-zodiac-column{order:3}.sh-side-column{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sh-side-title{grid-column:1/-1}.sh-image-stage{min-height:0}.sh-side-item small{display:none}}

@media(max-width:720px){.sh-side-symbol{font-size:1.38rem}.sh-planet-item{font-size:.68rem;padding:.34rem .58rem}.sh-planet-item span{font-size:1.08rem}}