/* Al-Raqeem — Magic Squares enhancements v96 */
#pageMagic .ms-wrap{max-width:1120px;padding-inline:1rem}
#pageMagic .ms-hero{padding:1.7rem 0 1.2rem;margin-bottom:1.25rem}
.ms-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0 auto 1.25rem}
.ms-overview>div{border:1px solid var(--border);background:var(--bg-card,var(--bg2));border-radius:12px;padding:.8rem .9rem;min-width:0}
.ms-overview b{display:block;color:var(--gold);font-size:.86rem;margin-bottom:.25rem}
.ms-overview span{display:block;color:var(--text-sec);font-size:.75rem;line-height:1.65}
.ms-direct-builder,.ms-reading-guide{border:1px solid var(--border);background:var(--bg-card,var(--bg2));border-radius:12px;padding:.75rem .9rem;margin-bottom:1rem}
.ms-direct-builder summary,.ms-reading-guide summary{cursor:pointer;color:var(--gold);font-weight:700}
.ms-direct-controls{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}
.ms-direct-controls label{display:flex;flex-direction:column;gap:.3rem;color:var(--text-sec);font-size:.75rem}
.ms-direct-controls select,.ms-direct-controls input{width:110px;border:1px solid var(--border-lit);background:var(--bg-input);color:var(--text-pri);border-radius:8px;padding:.48rem .55rem;font:700 .86rem 'Ubuntu Mono',monospace}
.ms-direct-controls button,.ms-view-controls button{border:1px solid var(--border-lit);background:var(--bg-input);color:var(--text-sec);border-radius:8px;padding:.48rem .75rem;cursor:pointer;font-family:var(--font-main)}
.ms-direct-controls button:hover,.ms-view-controls button:hover,.ms-view-controls button.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--bg-input))}
.ms-direct-result{margin-top:.85rem;overflow:auto}
.ms-direct-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(34px,48px));gap:3px;width:max-content;margin:auto;direction:ltr}
.ms-direct-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--gold) 32%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--gold) 8%,var(--bg-input));color:var(--text-pri);font:700 .78rem 'Ubuntu Mono',monospace}
.ms-direct-meta{text-align:center;color:var(--text-sec);font-size:.78rem;margin-top:.6rem}
.ms-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;margin:0 0 .8rem}
.ms-view-controls span{color:var(--text-muted);font-size:.72rem;margin-inline-end:.2rem}
#pageMagic.ms-mono .ms-cell{background:var(--bg-input)!important;border-color:var(--border-lit)!important;color:var(--text-pri)!important}
#pageMagic.ms-mono .ms-cell.ms-diag{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 65%,transparent)!important}
.ms-analysis-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.ms-analysis-panel:empty{display:none!important}
.ms-analysis-item{border:1px solid var(--border);border-radius:10px;padding:.7rem .75rem;background:var(--bg-card,var(--bg2));min-width:0}
.ms-analysis-item small{display:block;color:var(--text-muted);font-size:.68rem;margin-bottom:.2rem}
.ms-analysis-item b{display:block;color:var(--text-pri);font-size:.9rem;overflow-wrap:anywhere}
.ms-reading-guide p{margin:.65rem 0 0;color:var(--text-sec);line-height:1.8;font-size:.8rem}
#pageMagic .ms-input-row{display:grid;grid-template-columns:minmax(260px,340px) 1fr;align-items:end;gap:1rem}
#pageMagic .ms-input{max-width:none}
#pageMagic .ms-grid-wrap{overflow:auto;padding:.5rem 0}
/* Planetary days centered title */
#pagePlanetDays .pdp-header{display:grid!important;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center}
#pagePlanetDays .pdp-header>div{text-align:center;grid-column:2}
#pagePlanetDays .pdp-header .pdp-back{grid-column:1;grid-row:1;justify-self:start}
@media(max-width:800px){.ms-overview{grid-template-columns:1fr}.ms-analysis-panel{grid-template-columns:repeat(2,minmax(0,1fr))}#pageMagic .ms-input-row{grid-template-columns:1fr}#pagePlanetDays .pdp-header{display:flex!important;flex-direction:column}.pdp-header>div{text-align:center}}
@media(max-width:480px){.ms-analysis-panel{grid-template-columns:1fr}.ms-direct-grid{grid-template-columns:repeat(var(--n),minmax(30px,38px))}}