/* Gematrixx V94 — Number Symbolism Encyclopedia */ #pageNumsym{--nse-surface:color-mix(in srgb,var(--bg-card,#0b1420) 94%,transparent);--nse-surface2:color-mix(in srgb,var(--bg2,#0c1927) 96%,transparent);--nse-text:#fffdf7;--nse-muted:#f4f0e6;--nse-faint:#d8d2c5;--nse-line:var(--border,#26384c);--nse-gold:var(--gold,#d5b45e);--nse-gold2:#f0d784;--nse-glow:rgba(213,180,94,.14);direction:rtl} html[data-theme="light"] #pageNumsym{--nse-surface:#fffdfa;--nse-surface2:#f8f4eb;--nse-text:#18212b;--nse-muted:#303b47;--nse-faint:#5f6873;--nse-line:#d8cdb9;--nse-gold:#8f6a1f;--nse-gold2:#ad8531;--nse-glow:rgba(143,106,31,.12)} #pageNumsym .nse-wrap{max-width:1180px;margin:0 auto;padding:1.25rem 1rem 3.5rem} #pageNumsym .nse-hero{text-align:center;padding:.3rem 0 .85rem} #pageNumsym .nse-eyebrow{font-family:'Ubuntu Mono',monospace;font-size:.62rem;letter-spacing:.22em;color:var(--nse-gold);direction:ltr;text-transform:uppercase} #pageNumsym .nse-hero h1{font-family:'Amiri',serif;font-size:clamp(2rem,4.8vw,3.35rem);line-height:1.2;margin:.4rem 0 .25rem;color:var(--nse-text)} #pageNumsym .nse-hero p{max-width:820px;margin:0 auto;color:var(--nse-muted);font-size:.88rem;line-height:1.9} #pageNumsym .nse-number-switch{display:flex;gap:.42rem;justify-content:center;flex-wrap:wrap;margin:.9rem auto 0} #pageNumsym .nse-num-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--nse-line);background:var(--nse-surface);color:var(--nse-muted);cursor:pointer;font-family:'Ubuntu Mono',monospace;font-size:.9rem;font-weight:800;transition:.18s ease} #pageNumsym .nse-num-btn:hover{border-color:var(--nse-gold);color:var(--nse-text);transform:translateY(-1px)} #pageNumsym .nse-num-btn.active{background:linear-gradient(145deg,var(--nse-gold2),var(--nse-gold));color:#17130a;border-color:transparent;box-shadow:0 7px 20px var(--nse-glow)} #pageNumsym .nse-number-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1rem;align-items:stretch;margin:1rem 0 .85rem} #pageNumsym .nse-number-seal,#pageNumsym .nse-number-summary{border:1px solid var(--nse-line);background:linear-gradient(180deg,var(--nse-surface),var(--nse-surface2));border-radius:22px} #pageNumsym .nse-number-seal{min-height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;position:relative;overflow:hidden} #pageNumsym .nse-number-seal::after{content:"";position:absolute;width:145px;height:145px;border:1px solid color-mix(in srgb,var(--nse-gold) 13%,transparent);border-radius:50%} #pageNumsym .nse-big-number{font-family:Georgia,'Times New Roman',serif;font-size:4.8rem;line-height:.85;color:var(--nse-gold2);position:relative;z-index:1} #pageNumsym .nse-number-name{font-family:'Amiri',serif;font-size:1.15rem;font-weight:800;margin-top:.45rem;position:relative;z-index:1} #pageNumsym .nse-number-term{font-size:.65rem;color:var(--nse-muted);direction:rtl;margin-top:.12rem;position:relative;z-index:1} #pageNumsym .nse-number-summary{padding:1.05rem 1.2rem} #pageNumsym .nse-kicker{color:var(--nse-gold);font-size:.64rem;letter-spacing:.03em} #pageNumsym .nse-number-summary h2{font-family:'Amiri',serif;font-size:1.65rem;margin:.25rem 0 .3rem;color:var(--nse-text)} #pageNumsym .nse-number-summary p{color:var(--nse-muted);line-height:1.95;margin:0;font-size:.88rem} #pageNumsym .nse-axis{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.75rem} #pageNumsym .nse-axis span{font-size:.64rem;color:var(--nse-muted);border:1px solid var(--nse-line);background:var(--nse-surface2);border-radius:999px;padding:.25rem .55rem} #pageNumsym .nse-content-nav{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin:.25rem 0 1rem;padding:.55rem;border:1px solid var(--nse-line);border-radius:16px;background:var(--nse-surface)} #pageNumsym .nse-content-nav a{text-decoration:none;color:var(--nse-muted);font-size:.66rem;padding:.38rem .55rem;border-radius:10px;transition:.18s ease} #pageNumsym .nse-content-nav a:hover{background:var(--nse-surface2);color:var(--nse-text)} #pageNumsym .nse-content-nav a span{font-family:'Ubuntu Mono',monospace;color:var(--nse-gold);margin-left:.32rem} #pageNumsym .nse-sections{display:flex;flex-direction:column;gap:.85rem} #pageNumsym .nse-section{scroll-margin-top:90px;border:1px solid var(--nse-line);background:linear-gradient(180deg,var(--nse-surface),var(--nse-surface2));border-radius:22px;padding:.9rem;box-shadow:0 10px 34px rgba(0,0,0,.07)} html[data-theme="light"] #pageNumsym .nse-section{box-shadow:0 10px 28px rgba(67,53,28,.055)} #pageNumsym .nse-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-bottom:.75rem;padding:.7rem .8rem;border:1px solid rgba(255,228,154,.22);border-radius:15px;background:linear-gradient(135deg,#8b6826 0%,#b18838 52%,#74551d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(0,0,0,.10)} #pageNumsym .nse-section-index{font-family:'Ubuntu Mono',monospace;font-size:.72rem;color:#fff8e8;min-width:32px} #pageNumsym .nse-section-title{display:flex;align-items:center;gap:.65rem;min-width:0} #pageNumsym .nse-section-icon{width:36px;height:36px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;color:#fff9e9;flex:0 0 36px;background:rgba(255,255,255,.08)} #pageNumsym .nse-section-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.45} #pageNumsym .nse-section-title h2{font-family:'Amiri',serif;color:#fff;font-size:1.25rem;line-height:1.35;margin:0;text-shadow:0 1px 1px rgba(0,0,0,.18)} #pageNumsym .nse-section-title h2 small{font-family:'Segoe UI',Arial,sans-serif;color:#fff3d3;font-size:.58rem;font-weight:600;direction:ltr;unicode-bidi:isolate} #pageNumsym .nse-section-title p{color:#fff8eb;font-size:.7rem;line-height:1.65;margin:.12rem 0 0} #pageNumsym .nse-section-count{font-size:.6rem;color:#fff8e8;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);border-radius:999px;padding:.27rem .5rem;white-space:nowrap} #pageNumsym .nse-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem} #pageNumsym .nse-card-grid.single{grid-template-columns:minmax(0,1fr)} #pageNumsym .nse-item-card{position:relative;border:1px solid color-mix(in srgb,var(--nse-line) 86%,transparent);background:color-mix(in srgb,var(--nse-surface2) 85%,transparent);border-radius:16px;padding:.8rem .85rem .72rem;min-width:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease} #pageNumsym .nse-item-card:hover{border-color:color-mix(in srgb,var(--nse-gold) 35%,var(--nse-line));transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,0,0,.06)} #pageNumsym .nse-card-top{display:flex;justify-content:space-between;gap:.55rem;align-items:flex-start;margin:-.8rem -.85rem .55rem;padding:.62rem .72rem .58rem;border-radius:15px 15px 10px 10px;background:linear-gradient(135deg,rgba(132,96,30,.96),rgba(181,137,51,.94));border-bottom:1px solid rgba(255,238,192,.18)} #pageNumsym .nse-item-card h3{font-size:.9rem;line-height:1.45;margin:0;color:#fff;font-weight:800} #pageNumsym .nse-item-en{font-size:.58rem;color:#fff1cf;direction:ltr;text-align:right;margin-top:.08rem} #pageNumsym .nse-grade{width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:1px solid rgba(255,255,255,.42);display:grid;place-items:center;font-family:'Ubuntu Mono',monospace;font-size:.62rem;font-weight:900;color:#fff;background:rgba(19,15,8,.22)} #pageNumsym .nse-item-desc{font-size:.76rem;color:var(--nse-muted);line-height:1.82;margin:.55rem 0 0} #pageNumsym .nse-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.58rem} #pageNumsym .nse-detail{border-right:2px solid color-mix(in srgb,var(--nse-gold) 45%,transparent);padding:.32rem .5rem .32rem .35rem;background:color-mix(in srgb,var(--nse-gold) 3%,transparent);border-radius:0 8px 8px 0} #pageNumsym .nse-detail strong{display:block;color:var(--nse-text);font-size:.67rem;line-height:1.45} #pageNumsym .nse-detail p{font-size:.62rem;line-height:1.65;color:var(--nse-muted);margin:.1rem 0 0} #pageNumsym .nse-item-footer{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin-top:.65rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--nse-line) 55%,transparent)} #pageNumsym .nse-item-footer span{font-size:.56rem;color:var(--nse-muted);border:1px solid color-mix(in srgb,var(--nse-line) 80%,transparent);border-radius:999px;padding:.2rem .38rem} #pageNumsym .nse-item-footer .nse-source{color:color-mix(in srgb,var(--nse-gold) 70%,var(--nse-muted))} #pageNumsym .nse-method-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--nse-line);border-radius:20px;background:var(--nse-surface)} #pageNumsym .nse-method-note h3{font-family:'Amiri',serif;font-size:1.15rem;margin:.2rem 0 .25rem;color:var(--nse-text)} #pageNumsym .nse-method-note p{font-size:.72rem;line-height:1.8;color:var(--nse-muted);margin:0} #pageNumsym .nse-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;align-content:start} #pageNumsym .nse-legend span{font-size:.58rem;color:var(--nse-muted);border:1px solid var(--nse-line);border-radius:10px;padding:.35rem .45rem;background:var(--nse-surface2)} #pageNumsym .nse-legend b{color:var(--nse-gold);font-family:'Ubuntu Mono',monospace;margin-left:.3rem} html[data-theme="light"] #pageNumsym .nse-section-head{background:linear-gradient(135deg,#ead9aa 0%,#d9bd77 52%,#e8d6a3 100%);border-color:#c8a65a;box-shadow:0 7px 18px rgba(109,82,25,.10)} html[data-theme="light"] #pageNumsym .nse-section-index{color:#4b3915} html[data-theme="light"] #pageNumsym .nse-section-icon{color:#5f4617;border-color:rgba(88,62,14,.28);background:rgba(255,255,255,.36)} html[data-theme="light"] #pageNumsym .nse-section-title h2{color:#32250d;text-shadow:none} html[data-theme="light"] #pageNumsym .nse-section-title h2 small{color:#5e481d} html[data-theme="light"] #pageNumsym .nse-section-title p{color:#44371f} html[data-theme="light"] #pageNumsym .nse-section-count{color:#493815;border-color:rgba(88,62,14,.24);background:rgba(255,255,255,.32)} html[data-theme="light"] #pageNumsym .nse-card-top{background:linear-gradient(135deg,#e4cf95,#cfae62);border-bottom-color:#ba9850} html[data-theme="light"] #pageNumsym .nse-item-card h3{color:#2d210c} html[data-theme="light"] #pageNumsym .nse-item-en{color:#594319} html[data-theme="light"] #pageNumsym .nse-grade{color:#33250c;border-color:rgba(75,54,14,.28);background:rgba(255,255,255,.42)} @media(max-width:820px){#pageNumsym .nse-number-intro{grid-template-columns:150px minmax(0,1fr)}#pageNumsym .nse-number-seal{min-height:155px}#pageNumsym .nse-big-number{font-size:4rem}#pageNumsym .nse-card-grid{grid-template-columns:1fr}#pageNumsym .nse-method-note{grid-template-columns:1fr}} @media(max-width:580px){#pageNumsym .nse-wrap{padding:.65rem .45rem 2.5rem}#pageNumsym .nse-hero h1{font-size:2rem}#pageNumsym .nse-hero p{font-size:.79rem;padding:0 .2rem}#pageNumsym .nse-number-switch{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:.1rem .1rem .3rem;direction:ltr}#pageNumsym .nse-number-switch::-webkit-scrollbar{display:none}#pageNumsym .nse-num-btn{width:38px;height:38px;min-width:38px;border-radius:11px;font-size:.8rem}#pageNumsym .nse-number-intro{grid-template-columns:1fr;gap:.55rem;margin-top:.6rem}#pageNumsym .nse-number-seal{min-height:128px;padding:.65rem;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;justify-content:center;align-items:center;text-align:right}#pageNumsym .nse-number-seal::after{width:105px;height:105px;right:calc(50% - 88px)}#pageNumsym .nse-big-number{font-size:3.55rem;grid-row:1/3;position:relative}#pageNumsym .nse-number-name{font-size:1rem;margin:0;align-self:end}#pageNumsym .nse-number-term{font-size:.58rem;align-self:start}#pageNumsym .nse-number-summary{padding:.8rem .85rem}#pageNumsym .nse-number-summary h2{font-size:1.35rem}#pageNumsym .nse-number-summary p{font-size:.79rem;line-height:1.85}#pageNumsym .nse-content-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:.4rem;direction:rtl}#pageNumsym .nse-content-nav::-webkit-scrollbar{display:none}#pageNumsym .nse-content-nav a{white-space:nowrap;font-size:.61rem}#pageNumsym .nse-section{padding:.65rem;border-radius:18px}#pageNumsym .nse-section-head{grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:flex-start}#pageNumsym .nse-section-index{font-size:.64rem;min-width:25px;padding-top:.25rem}#pageNumsym .nse-section-title{align-items:flex-start;gap:.45rem}#pageNumsym .nse-section-icon{width:31px;height:31px;flex-basis:31px}#pageNumsym .nse-section-icon svg{width:17px;height:17px}#pageNumsym .nse-section-title h2{font-size:1.05rem}#pageNumsym .nse-section-title h2 small{display:block;margin-top:.08rem}#pageNumsym .nse-section-title p{font-size:.64rem;line-height:1.55}#pageNumsym .nse-section-count{display:none}#pageNumsym .nse-item-card{padding:.7rem .72rem;border-radius:14px}#pageNumsym .nse-card-top{margin:-.7rem -.72rem .5rem;padding:.58rem .65rem .54rem}#pageNumsym .nse-item-card h3{font-size:.82rem}#pageNumsym .nse-item-desc{font-size:.72rem;line-height:1.78}#pageNumsym .nse-details{grid-template-columns:1fr}#pageNumsym .nse-item-footer{gap:.25rem}#pageNumsym .nse-legend{grid-template-columns:1fr 1fr}} @media(max-width:390px){#pageNumsym .nse-legend{grid-template-columns:1fr}#pageNumsym .nse-number-seal{grid-template-columns:82px 1fr}} @media(prefers-reduced-motion:reduce){#pageNumsym *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* Gematrixx V92 — vertical encyclopedic reading path */ #pageNumsym .nse-wrap{max-width:1120px} #pageNumsym .nse-hero p{font-size:1rem;line-height:1.95;max-width:900px} #pageNumsym .nse-number-term{font-size:.78rem} #pageNumsym .nse-number-summary p{font-size:1rem;line-height:2} #pageNumsym .nse-axis span{font-size:.74rem;padding:.32rem .64rem} #pageNumsym .nse-content-nav{margin:.45rem 0 1.3rem;padding:.68rem .75rem;gap:.45rem;position:relative;top:auto;z-index:auto;backdrop-filter:none} #pageNumsym .nse-content-nav a{font-size:.76rem;padding:.46rem .7rem;border:1px solid transparent} #pageNumsym .nse-content-nav a:hover{border-color:color-mix(in srgb,var(--nse-gold) 34%,var(--nse-line));background:color-mix(in srgb,var(--nse-gold) 5%,var(--nse-surface2))} /* The encyclopedia reads as a path, not a card grid. */ #pageNumsym .nse-sections{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding-right:2.15rem} #pageNumsym .nse-sections::before{content:"";position:absolute;right:.68rem;top:1.8rem;bottom:1.8rem;width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--nse-gold) 55%,transparent) 5%,color-mix(in srgb,var(--nse-gold) 35%,var(--nse-line)) 50%,color-mix(in srgb,var(--nse-gold) 55%,transparent) 95%,transparent 100%);box-shadow:0 0 18px var(--nse-glow)} #pageNumsym .nse-section{position:relative;padding:1rem 1.05rem 1.08rem;border-radius:22px;overflow:visible} #pageNumsym .nse-section::before{content:"";position:absolute;right:-1.91rem;top:1.75rem;width:14px;height:14px;border-radius:50%;background:var(--nse-gold2);border:3px solid var(--nse-surface2);box-shadow:0 0 0 1px var(--nse-gold),0 0 20px var(--nse-glow);z-index:2} #pageNumsym .nse-section::after{content:"";position:absolute;right:-1.38rem;top:2.17rem;width:1.4rem;height:1px;background:color-mix(in srgb,var(--nse-gold) 52%,var(--nse-line))} #pageNumsym .nse-section-head{margin-bottom:.9rem;padding:.82rem .95rem;border-radius:16px} #pageNumsym .nse-section-index{font-size:.82rem;min-width:38px} #pageNumsym .nse-section-icon{width:40px;height:40px;flex-basis:40px} #pageNumsym .nse-section-title h2{font-size:1.42rem} #pageNumsym .nse-section-title h2 small{font-size:.68rem} #pageNumsym .nse-section-title p{font-size:.82rem;line-height:1.75} #pageNumsym .nse-section-count{font-size:.7rem;padding:.31rem .58rem} /* Full-width entries preserve context and reading order. */ #pageNumsym .nse-card-grid,#pageNumsym .nse-card-grid.single{display:flex;flex-direction:column;gap:.78rem} #pageNumsym .nse-item-card{width:100%;padding:1rem 1.05rem .9rem;border-radius:17px;transform:none!important} #pageNumsym .nse-item-card:hover{box-shadow:0 9px 26px rgba(0,0,0,.075)} #pageNumsym .nse-card-top{margin:-1rem -1.05rem .75rem;padding:.72rem .9rem .68rem;border-radius:16px 16px 10px 10px;align-items:center} #pageNumsym .nse-item-card h3{font-size:1.08rem;line-height:1.5} #pageNumsym .nse-item-en{font-size:.7rem;margin-top:.12rem} #pageNumsym .nse-grade{width:30px;height:30px;flex-basis:30px;font-size:.72rem} #pageNumsym .nse-item-desc{font-size:.96rem;line-height:1.95;margin:.7rem 0 0;color:var(--nse-text)} #pageNumsym .nse-details{gap:.6rem;margin-top:.72rem} #pageNumsym .nse-detail{padding:.5rem .68rem .5rem .48rem;border-right-width:3px;background:color-mix(in srgb,var(--nse-gold) 4%,transparent)} #pageNumsym .nse-detail strong{font-size:.84rem;line-height:1.55} #pageNumsym .nse-detail p{font-size:.8rem;line-height:1.75;color:var(--nse-muted);margin:.16rem 0 0} #pageNumsym .nse-item-footer{margin-top:.82rem;padding-top:.68rem;gap:.45rem} #pageNumsym .nse-item-footer span{font-size:.68rem;padding:.26rem .48rem} #pageNumsym .nse-method-note p{font-size:.86rem;line-height:1.9} #pageNumsym .nse-legend span{font-size:.7rem;padding:.42rem .52rem} /* Dark mode: reading text is white/ivory, not grey. */ html:not([data-theme="light"]) #pageNumsym .nse-item-desc, html:not([data-theme="light"]) #pageNumsym .nse-number-summary p, html:not([data-theme="light"]) #pageNumsym .nse-hero p{color:#fffdf7} html:not([data-theme="light"]) #pageNumsym .nse-detail p, html:not([data-theme="light"]) #pageNumsym .nse-item-footer span, html:not([data-theme="light"]) #pageNumsym .nse-method-note p{color:#f1ede4} /* Light mode is separately tuned for contrast. */ html[data-theme="light"] #pageNumsym .nse-item-card{background:#fffdf9;border-color:#d8cdb9;box-shadow:0 5px 18px rgba(79,61,29,.045)} html[data-theme="light"] #pageNumsym .nse-item-desc{color:#202a34} html[data-theme="light"] #pageNumsym .nse-detail p{color:#4b5661} html[data-theme="light"] #pageNumsym .nse-detail{background:#fbf6e9;border-right-color:#b58a34} html[data-theme="light"] #pageNumsym .nse-sections::before{background:linear-gradient(180deg,transparent,#c6a65d 6%,#d2bd8d 50%,#c6a65d 94%,transparent)} html[data-theme="light"] #pageNumsym .nse-section::before{border-color:#fffdfa;box-shadow:0 0 0 1px #9b7528,0 4px 12px rgba(109,82,25,.16)} html[data-theme="light"] #pageNumsym .nse-content-nav{background:rgba(255,253,250,.92)} @media(max-width:820px){ #pageNumsym .nse-hero p{font-size:.92rem} #pageNumsym .nse-number-summary p{font-size:.94rem} #pageNumsym .nse-sections{padding-right:1.65rem;gap:1rem} #pageNumsym .nse-section::before{right:-1.48rem} #pageNumsym .nse-section::after{right:-1rem;width:1rem} #pageNumsym .nse-item-desc{font-size:.91rem} #pageNumsym .nse-detail strong{font-size:.8rem} #pageNumsym .nse-detail p{font-size:.77rem} } @media(max-width:580px){ #pageNumsym .nse-hero p{font-size:.88rem;line-height:1.85} #pageNumsym .nse-number-summary p{font-size:.9rem;line-height:1.9} #pageNumsym .nse-content-nav{position:relative;top:auto;margin-bottom:.85rem} #pageNumsym .nse-sections{padding-right:1.05rem;gap:.82rem} #pageNumsym .nse-sections::before{right:.25rem} #pageNumsym .nse-section{padding:.62rem .64rem .72rem;border-radius:17px} #pageNumsym .nse-section::before{right:-.91rem;top:1.4rem;width:10px;height:10px;border-width:2px} #pageNumsym .nse-section::after{right:-.55rem;top:1.68rem;width:.55rem} #pageNumsym .nse-section-head{padding:.68rem .7rem;margin-bottom:.62rem} #pageNumsym .nse-section-title h2{font-size:1.13rem} #pageNumsym .nse-section-title h2 small{font-size:.62rem} #pageNumsym .nse-section-title p{font-size:.74rem;line-height:1.65} #pageNumsym .nse-item-card{padding:.78rem .78rem .74rem} #pageNumsym .nse-card-top{margin:-.78rem -.78rem .62rem;padding:.65rem .72rem .61rem} #pageNumsym .nse-item-card h3{font-size:.98rem} #pageNumsym .nse-item-en{font-size:.64rem} #pageNumsym .nse-item-desc{font-size:.88rem;line-height:1.9} #pageNumsym .nse-details{grid-template-columns:1fr;gap:.45rem} #pageNumsym .nse-detail strong{font-size:.79rem} #pageNumsym .nse-detail p{font-size:.75rem;line-height:1.7} #pageNumsym .nse-item-footer span{font-size:.63rem} } /* Gematrixx V93 — article-first Number Symbolism Encyclopedia */ #pageNumsym .nse-wrap{max-width:1080px} #pageNumsym .nse-number-intro{grid-template-columns:170px minmax(0,1fr);max-width:960px;margin:1.1rem auto .9rem} #pageNumsym .nse-content-nav{max-width:960px;margin:.5rem auto 1.25rem} #pageNumsym .nse-sections{display:block;padding:0;max-width:960px;margin:0 auto} #pageNumsym .nse-sections::before{display:none} #pageNumsym .nse-article{max-width:900px;margin:0 auto} #pageNumsym .nse-article-section{scroll-margin-top:90px;padding:1.5rem 0 1.6rem;border-bottom:1px solid color-mix(in srgb,var(--nse-line) 75%,transparent)} #pageNumsym .nse-article-section:first-child{padding-top:.55rem} #pageNumsym .nse-article-section:last-child{border-bottom:0} #pageNumsym .nse-article-section>header{display:grid;grid-template-columns:46px minmax(0,1fr);gap:.85rem;align-items:start;margin-bottom:1.05rem} #pageNumsym .nse-section-no{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:'Ubuntu Mono',monospace;font-size:.75rem;font-weight:800;color:#17130a;background:linear-gradient(145deg,var(--nse-gold2),var(--nse-gold));box-shadow:0 7px 22px var(--nse-glow)} #pageNumsym .nse-article-section>header h2{font-family:'Amiri',serif;font-size:1.72rem;line-height:1.35;margin:0;color:var(--nse-gold2)} #pageNumsym .nse-article-section>header h2 small{font-family:'Segoe UI',Arial,sans-serif;font-size:.7rem;font-weight:600;color:var(--nse-faint);direction:ltr;unicode-bidi:isolate} #pageNumsym .nse-article-section>header>div>p{font-size:.9rem;line-height:1.85;color:var(--nse-muted);margin:.28rem 0 0} #pageNumsym .nse-prose{padding-right:3.65rem} #pageNumsym .nse-prose-unit{position:relative;margin:0 0 1.25rem} #pageNumsym .nse-prose-unit:last-child{margin-bottom:0} #pageNumsym .nse-prose-unit h3{font-family:'Amiri',serif;font-size:1.2rem;line-height:1.45;margin:0 0 .34rem;color:var(--nse-text)} #pageNumsym .nse-prose-unit p{font-size:1.05rem;line-height:2.05;color:var(--nse-text);margin:0;text-align:justify;text-justify:inter-word} #pageNumsym .nse-article-source{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-top:.45rem;color:var(--nse-faint);font-size:.67rem} #pageNumsym .nse-article-source .nse-grade{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;font-family:'Ubuntu Mono',monospace;font-size:.62rem;font-weight:900;border:1px solid color-mix(in srgb,var(--nse-gold) 46%,var(--nse-line));color:var(--nse-gold2);background:color-mix(in srgb,var(--nse-gold) 6%,var(--nse-surface2))} #pageNumsym .nse-article-source .nse-source-name{color:color-mix(in srgb,var(--nse-gold) 72%,var(--nse-muted));border-right:1px solid var(--nse-line);padding-right:.45rem} #pageNumsym .nse-method-note{max-width:900px;margin:1.2rem auto 0} html[data-theme="light"] #pageNumsym .nse-article-section>header h2{color:#8b6720} html[data-theme="light"] #pageNumsym .nse-prose-unit p{color:#202a34} html[data-theme="light"] #pageNumsym .nse-prose-unit h3{color:#17212b} html[data-theme="light"] #pageNumsym .nse-article-source{color:#626b75} @media(max-width:820px){#pageNumsym .nse-prose{padding-right:2.2rem}#pageNumsym .nse-prose-unit p{font-size:1rem;line-height:2}#pageNumsym .nse-article-section>header h2{font-size:1.55rem}} @media(max-width:580px){#pageNumsym .nse-number-intro{grid-template-columns:1fr}#pageNumsym .nse-article-section{padding:1.05rem 0 1.2rem}#pageNumsym .nse-article-section>header{grid-template-columns:34px minmax(0,1fr);gap:.55rem;margin-bottom:.75rem}#pageNumsym .nse-section-no{width:32px;height:32px;font-size:.64rem}#pageNumsym .nse-article-section>header h2{font-size:1.3rem}#pageNumsym .nse-article-section>header h2 small{display:block;font-size:.62rem;margin-top:.08rem}#pageNumsym .nse-article-section>header>div>p{font-size:.79rem;line-height:1.7}#pageNumsym .nse-prose{padding-right:0}#pageNumsym .nse-prose-unit{margin-bottom:1rem}#pageNumsym .nse-prose-unit h3{font-size:1.08rem}#pageNumsym .nse-prose-unit p{font-size:.94rem;line-height:1.95;text-align:right}#pageNumsym .nse-article-source{font-size:.62rem;margin-top:.38rem}} /* ═══════════════════════════════════════════════════════════════ Gematrixx V94 — editorial reading polish Goal: article-first, centered hierarchy, comfortable Arabic reading, intentional color system, independent dark/light treatment. ═══════════════════════════════════════════════════════════════ */ #pageNumsym{ --nse-reading:850px; --nse-reading-wide:940px; --nse-body-size:1.075rem; --nse-body-leading:2.08; --nse-sacred:#e4c66d; --nse-islamic:#91d3b5; --nse-philosophy:#c8aceb; --nse-comparative:#89c9df; --nse-math:#84b8ee; --nse-modern:#e4acc7; --nse-synthesis:#f0d784; font-family:var(--font-main,"IBM Plex Sans Arabic",sans-serif); } html[data-theme="light"] #pageNumsym{ --nse-sacred:#866319; --nse-islamic:#28765b; --nse-philosophy:#674990; --nse-comparative:#2b7088; --nse-math:#315f98; --nse-modern:#8a4565; --nse-synthesis:#805d14; } /* page / hero */ #pageNumsym .nse-wrap{max-width:1120px;padding:1.45rem 1.15rem 4.5rem} #pageNumsym .nse-hero{position:relative;text-align:center;padding:.8rem 0 1.1rem} #pageNumsym .nse-hero::before{content:"";position:absolute;inset:-1.5rem 14% auto;height:170px;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--nse-gold) 10%,transparent),transparent 70%);filter:blur(7px);z-index:-1} #pageNumsym .nse-eyebrow{font-size:.66rem;letter-spacing:.2em;opacity:.9} #pageNumsym .nse-hero h1{font-size:clamp(2.35rem,5vw,3.75rem);line-height:1.22;margin:.48rem 0 .38rem;color:var(--nse-text);text-wrap:balance} #pageNumsym .nse-hero p{max-width:780px;font-size:1rem;line-height:1.9;color:var(--nse-muted);text-align:center} /* number selector */ #pageNumsym .nse-number-switch{max-width:690px;margin:1.1rem auto 0;padding:.35rem;gap:.48rem;align-items:center} #pageNumsym .nse-num-btn{width:46px;height:46px;border-radius:50%;font-size:.98rem;background:color-mix(in srgb,var(--nse-surface) 92%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nse-line) 80%,transparent)} #pageNumsym .nse-num-btn.active{transform:translateY(-1px) scale(1.06);box-shadow:0 0 0 5px color-mix(in srgb,var(--nse-gold) 8%,transparent),0 9px 24px var(--nse-glow)} /* selected-number introduction: one centered editorial composition */ #pageNumsym .nse-number-intro{display:flex;flex-direction:column;align-items:center;gap:.8rem;max-width:var(--nse-reading-wide);margin:1.45rem auto 1.25rem;text-align:center} #pageNumsym .nse-number-seal{width:138px;height:138px;min-height:0;aspect-ratio:1;border-radius:50%;padding:.8rem;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--nse-gold) 13%,transparent),var(--nse-surface2) 68%);box-shadow:0 0 0 9px color-mix(in srgb,var(--nse-gold) 3%,transparent),0 15px 45px rgba(0,0,0,.12)} #pageNumsym .nse-number-seal::after{width:108px;height:108px;border-color:color-mix(in srgb,var(--nse-gold) 18%,transparent)} #pageNumsym .nse-big-number{font-size:4rem;line-height:.82} #pageNumsym .nse-number-name{font-size:1.02rem;margin-top:.38rem;color:var(--nse-text)} #pageNumsym .nse-number-term{font-size:.7rem;color:var(--nse-faint)} #pageNumsym .nse-number-summary{width:min(100%,880px);border:0;background:transparent;border-radius:0;padding:.1rem .7rem .4rem;text-align:center} #pageNumsym .nse-number-summary .nse-kicker{font-size:.7rem;letter-spacing:.04em} #pageNumsym .nse-number-summary h2{font-size:2rem;line-height:1.35;margin:.18rem 0 .38rem;color:var(--nse-text)} #pageNumsym .nse-number-summary p{max-width:780px;margin:0 auto;font-size:1.02rem;line-height:1.95;color:var(--nse-muted);text-align:center} #pageNumsym .nse-axis{justify-content:center;gap:.42rem;margin-top:.8rem} #pageNumsym .nse-axis span{font-size:.72rem;padding:.32rem .68rem;background:color-mix(in srgb,var(--nse-gold) 5%,var(--nse-surface2));border-color:color-mix(in srgb,var(--nse-gold) 18%,var(--nse-line));color:var(--nse-muted)} /* chapter navigation */ #pageNumsym .nse-content-nav{max-width:var(--nse-reading-wide);margin:.45rem auto 1.4rem;justify-content:center;gap:.28rem;padding:.45rem .55rem;border-color:color-mix(in srgb,var(--nse-line) 72%,transparent);background:color-mix(in srgb,var(--nse-surface) 72%,transparent);box-shadow:0 9px 28px rgba(0,0,0,.035)} #pageNumsym .nse-content-nav a{font-size:.72rem;line-height:1.4;padding:.42rem .62rem;color:var(--nse-muted)} #pageNumsym .nse-content-nav a:hover{background:color-mix(in srgb,var(--nse-gold) 8%,var(--nse-surface2));color:var(--nse-text)} /* article: readable measure, no dashboard boxes */ #pageNumsym .nse-sections{max-width:var(--nse-reading-wide);margin:0 auto} #pageNumsym .nse-article{max-width:var(--nse-reading);margin:0 auto} #pageNumsym .nse-article-section{--section-accent:var(--nse-gold2);position:relative;padding:2.15rem 0 2.35rem;border-bottom:1px solid color-mix(in srgb,var(--section-accent) 16%,var(--nse-line));} #pageNumsym .nse-article-section:first-child{padding-top:1.15rem} #pageNumsym .nse-article-section:last-child{padding-bottom:1rem;border-bottom:0} #pageNumsym .nse-article-section::before{content:"";position:absolute;top:0;right:20%;left:20%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--section-accent) 36%,transparent),transparent);opacity:.65} #pageNumsym .nse-article-section:first-child::before{display:none} #pageNumsym #nse-sacred{--section-accent:var(--nse-sacred)} #pageNumsym #nse-islamic{--section-accent:var(--nse-islamic)} #pageNumsym #nse-philosophy{--section-accent:var(--nse-philosophy)} #pageNumsym #nse-comparative{--section-accent:var(--nse-comparative)} #pageNumsym #nse-math{--section-accent:var(--nse-math)} #pageNumsym #nse-modern{--section-accent:var(--nse-modern)} #pageNumsym #nse-synthesis{--section-accent:var(--nse-synthesis)} /* centered chapter heading; reading text remains naturally RTL */ #pageNumsym .nse-article-section>header{display:flex;flex-direction:column;align-items:center;gap:.48rem;margin:0 auto 1.45rem;text-align:center;max-width:760px} #pageNumsym .nse-section-no{width:36px;height:36px;font-size:.68rem;color:#17130a;background:linear-gradient(145deg,color-mix(in srgb,var(--section-accent) 92%,#fff 8%),color-mix(in srgb,var(--section-accent) 78%,#7c5c1f 22%));box-shadow:0 7px 20px color-mix(in srgb,var(--section-accent) 14%,transparent)} #pageNumsym .nse-article-section>header h2{font-size:clamp(1.65rem,3vw,2rem);line-height:1.4;margin:0;color:var(--section-accent);text-align:center;text-wrap:balance} #pageNumsym .nse-article-section>header h2 small{display:block;margin-top:.12rem;font-size:.68rem;line-height:1.35;color:var(--nse-faint);font-family:var(--font-main,"IBM Plex Sans Arabic",sans-serif);font-weight:600} #pageNumsym .nse-article-section>header>div>p{max-width:700px;margin:.32rem auto 0;font-size:.94rem;line-height:1.9;color:var(--nse-muted);text-align:center} /* prose flow */ #pageNumsym .nse-prose{padding:0} #pageNumsym .nse-prose-unit{position:relative;margin:0;padding:0 0 1.55rem 0;border-right:0} #pageNumsym .nse-prose-unit:not(:last-child){margin-bottom:1.65rem;border-bottom:0}#pageNumsym .nse-prose-unit:not(:last-child)::after{content:"";display:block;width:72px;height:1px;margin:1.35rem auto 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--section-accent) 34%,var(--nse-line)),transparent);opacity:.72} #pageNumsym .nse-prose-unit::before{display:none} #pageNumsym .nse-prose-unit:last-child{padding-bottom:0} #pageNumsym .nse-prose-unit h3{font-family:'Amiri',serif;font-size:1.32rem;line-height:1.5;margin:0 0 .42rem;color:var(--section-accent);font-weight:800} #pageNumsym .nse-prose-unit p{font-family:var(--font-main,"IBM Plex Sans Arabic",sans-serif);font-size:var(--nse-body-size);line-height:var(--nse-body-leading);font-weight:450;letter-spacing:0;color:var(--nse-text);margin:0;text-align:right;text-wrap:pretty} /* source note: metadata, not another card */ #pageNumsym .nse-article-source{margin-top:.65rem;gap:.42rem;font-size:.69rem;line-height:1.45;color:var(--nse-faint)} #pageNumsym .nse-article-source .nse-grade{width:25px;height:25px;flex-basis:25px;font-size:.65rem;color:var(--section-accent);border-color:color-mix(in srgb,var(--section-accent) 38%,var(--nse-line));background:color-mix(in srgb,var(--section-accent) 5%,transparent)} #pageNumsym .nse-article-source .nse-source-name{color:color-mix(in srgb,var(--section-accent) 72%,var(--nse-text));border-right-color:color-mix(in srgb,var(--section-accent) 22%,var(--nse-line))} /* methodology footer */ #pageNumsym .nse-method-note{max-width:var(--nse-reading);margin:1.9rem auto 0;grid-template-columns:1.15fr .85fr;gap:1.25rem;padding:1.15rem 1.25rem;border-color:color-mix(in srgb,var(--nse-gold) 18%,var(--nse-line));background:linear-gradient(135deg,color-mix(in srgb,var(--nse-gold) 4%,var(--nse-surface)),var(--nse-surface2))} #pageNumsym .nse-method-note h3{font-size:1.3rem} #pageNumsym .nse-method-note p{font-size:.82rem;line-height:1.85} #pageNumsym .nse-legend span{font-size:.66rem;line-height:1.55;padding:.42rem .52rem} /* light mode is composed separately, not inverted */ html[data-theme="light"] #pageNumsym .nse-number-seal{background:radial-gradient(circle at 35% 25%,#fff8e6,#f5eddd 70%);box-shadow:0 0 0 9px rgba(143,106,31,.035),0 15px 38px rgba(92,66,22,.08)} html[data-theme="light"] #pageNumsym .nse-number-summary p, html[data-theme="light"] #pageNumsym .nse-hero p, html[data-theme="light"] #pageNumsym .nse-article-section>header>div>p{color:#46515c} html[data-theme="light"] #pageNumsym .nse-prose-unit p{color:#1b2530} html[data-theme="light"] #pageNumsym .nse-article-source{color:#69737e} html[data-theme="light"] #pageNumsym .nse-content-nav{background:rgba(255,253,248,.82);box-shadow:0 8px 24px rgba(70,51,18,.055)} html[data-theme="light"] #pageNumsym .nse-prose-unit:not(:last-child)::after{opacity:.56} @media(max-width:820px){ #pageNumsym{--nse-body-size:1.045rem;--nse-body-leading:2.02} #pageNumsym .nse-wrap{padding:1rem .85rem 3.5rem} #pageNumsym .nse-hero h1{font-size:2.45rem} #pageNumsym .nse-number-summary h2{font-size:1.8rem} #pageNumsym .nse-content-nav{margin-bottom:1rem} #pageNumsym .nse-article-section{padding:1.75rem 0 1.95rem} #pageNumsym .nse-prose{padding:0} #pageNumsym .nse-prose-unit p{font-size:var(--nse-body-size);line-height:var(--nse-body-leading)} #pageNumsym .nse-method-note{grid-template-columns:1fr} } @media(max-width:580px){ #pageNumsym{--nse-body-size:1rem;--nse-body-leading:1.98} #pageNumsym .nse-wrap{padding:.75rem .65rem 3rem} #pageNumsym .nse-hero{padding:.45rem .1rem .8rem} #pageNumsym .nse-hero h1{font-size:2rem;line-height:1.3} #pageNumsym .nse-hero p{font-size:.9rem;line-height:1.8;padding:0 .15rem} #pageNumsym .nse-number-switch{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:.38rem .1rem .48rem;max-width:100%} #pageNumsym .nse-number-switch::-webkit-scrollbar{display:none} #pageNumsym .nse-num-btn{width:43px;height:43px;flex:0 0 43px} #pageNumsym .nse-number-intro{margin:1rem auto .9rem;gap:.65rem} #pageNumsym .nse-number-seal{width:116px;height:116px} #pageNumsym .nse-number-seal::after{width:91px;height:91px} #pageNumsym .nse-big-number{font-size:3.35rem} #pageNumsym .nse-number-name{font-size:.95rem} #pageNumsym .nse-number-summary{padding:0 .1rem .25rem} #pageNumsym .nse-number-summary h2{font-size:1.55rem} #pageNumsym .nse-number-summary p{font-size:.93rem;line-height:1.82} #pageNumsym .nse-axis{gap:.3rem} #pageNumsym .nse-axis span{font-size:.67rem;padding:.28rem .55rem} #pageNumsym .nse-content-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:13px;padding:.38rem;white-space:nowrap} #pageNumsym .nse-content-nav::-webkit-scrollbar{display:none} #pageNumsym .nse-content-nav a{flex:0 0 auto;font-size:.68rem} #pageNumsym .nse-article-section{padding:1.5rem 0 1.7rem} #pageNumsym .nse-article-section>header{gap:.38rem;margin-bottom:1.1rem;padding:0 .15rem} #pageNumsym .nse-section-no{width:32px;height:32px;font-size:.62rem} #pageNumsym .nse-article-section>header h2{font-size:1.45rem} #pageNumsym .nse-article-section>header h2 small{font-size:.61rem} #pageNumsym .nse-article-section>header>div>p{font-size:.82rem;line-height:1.75} #pageNumsym .nse-prose-unit{padding:0 .8rem 1.25rem 0} #pageNumsym .nse-prose-unit:not(:last-child){margin-bottom:1.2rem} #pageNumsym .nse-prose-unit h3{font-size:1.16rem;margin-bottom:.3rem} #pageNumsym .nse-prose-unit p{font-size:var(--nse-body-size);line-height:var(--nse-body-leading);text-align:right} #pageNumsym .nse-article-source{font-size:.62rem;margin-top:.5rem} #pageNumsym .nse-method-note{margin-top:1.25rem;padding:.9rem} } /* ══════════════════════════════════════════════════════════ Gematrixx V96 — long-form number stories, visitor-facing ══════════════════════════════════════════════════════════ */ #pageNumsym .nse-wrap{max-width:1160px;margin:0 auto;padding:1.1rem 1rem 4rem} #pageNumsym .nse-hero{max-width:980px;margin:0 auto;text-align:center;padding:.35rem 0 1rem} #pageNumsym .nse-hero h1{font-size:clamp(2.25rem,5vw,3.7rem);margin:.42rem 0 .35rem} #pageNumsym .nse-hero p{max-width:880px;font-size:1rem;line-height:2.05;color:var(--nse-muted)} #pageNumsym .nse-number-switch{margin-top:1rem;gap:.48rem} #pageNumsym .nse-num-btn{width:44px;height:44px;border-radius:14px;font-size:.95rem} /* The selected number is typography, not a circular seal/card. */ #pageNumsym .nse-number-intro{display:block;max-width:920px;margin:1.25rem auto 1.1rem} #pageNumsym .nse-number-summary{border:0;background:transparent;border-radius:0;padding:1.1rem 1rem 1.35rem;text-align:center;position:relative} #pageNumsym .nse-number-summary::before,#pageNumsym .nse-number-summary::after{content:"";display:block;width:min(340px,60%);height:1px;margin:0 auto 1rem;background:linear-gradient(90deg,transparent,var(--nse-gold),transparent);opacity:.7} #pageNumsym .nse-number-summary::after{margin:1.15rem auto 0;opacity:.35} #pageNumsym .nse-kicker{font-size:.72rem;color:var(--nse-gold);letter-spacing:.08em} #pageNumsym .nse-number-summary h2{font-family:'Amiri',serif;font-size:clamp(2.2rem,5vw,3.55rem);line-height:1.25;margin:.3rem 0 .18rem;color:var(--nse-text)} #pageNumsym .nse-number-term{font-size:.88rem;color:var(--nse-gold2);margin:0 auto .75rem;font-weight:700} #pageNumsym .nse-number-summary p{max-width:820px;margin:0 auto;color:var(--nse-text);font-size:1.08rem;line-height:2.2;text-align:right} #pageNumsym .nse-axis{justify-content:center;margin-top:1rem;gap:.42rem} #pageNumsym .nse-axis span{font-size:.76rem;padding:.34rem .68rem;color:var(--nse-muted);background:color-mix(in srgb,var(--nse-gold) 4%,var(--nse-surface2));border-color:color-mix(in srgb,var(--nse-gold) 20%,var(--nse-line))} #pageNumsym .nse-content-nav{max-width:930px;margin:.3rem auto 1.15rem;justify-content:center;background:color-mix(in srgb,var(--nse-surface) 90%,transparent);border-radius:18px} #pageNumsym .nse-content-nav a{font-size:.78rem;line-height:1.4} #pageNumsym .nse-sections{display:block;max-width:930px;margin:0 auto;padding:0} #pageNumsym .nse-sections::before{display:none!important} #pageNumsym .nse-article{max-width:900px;margin:0 auto} #pageNumsym .nse-article-section{scroll-margin-top:92px;padding:2rem 0 2.15rem;border-bottom:1px solid color-mix(in srgb,var(--nse-line) 72%,transparent)} #pageNumsym .nse-article-section:first-child{padding-top:.85rem} #pageNumsym .nse-article-section:last-child{border-bottom:0} #pageNumsym .nse-article-section>header{display:block;text-align:center;max-width:820px;margin:0 auto 1.55rem} #pageNumsym .nse-section-no{width:34px;height:34px;margin:0 auto .55rem;border-radius:50%;font-size:.69rem;background:transparent;color:var(--nse-gold2);border:1px solid color-mix(in srgb,var(--nse-gold) 55%,var(--nse-line));box-shadow:none} #pageNumsym .nse-article-section>header h2{font-family:'Amiri',serif;font-size:clamp(1.55rem,3vw,2rem);line-height:1.4;margin:0;color:var(--nse-gold2)} #pageNumsym .nse-article-section>header h2 small{display:block;margin-top:.15rem;font-family:'Segoe UI',Arial,sans-serif;font-size:.68rem;font-weight:600;color:var(--nse-faint);direction:ltr;unicode-bidi:isolate} #pageNumsym .nse-article-section>header>div>p{max-width:780px;margin:.55rem auto 0;font-size:.98rem;line-height:2;color:var(--nse-muted);text-align:right} #pageNumsym .nse-prose{max-width:820px;margin:0 auto} #pageNumsym .nse-prose-unit{position:relative;padding:1rem 0 1.2rem;border-bottom:1px dotted color-mix(in srgb,var(--nse-line) 65%,transparent)} #pageNumsym .nse-prose-unit:last-child{border-bottom:0} #pageNumsym .nse-prose-unit h3{font-family:'Amiri',serif;font-size:1.35rem;line-height:1.55;margin:0 0 .45rem;color:var(--nse-text)} #pageNumsym .nse-prose-unit>p{margin:0;color:var(--nse-text);font-size:1.03rem;line-height:2.15;text-align:right} #pageNumsym .nse-article-source{display:flex;flex-wrap:wrap;gap:.38rem .55rem;align-items:center;margin-top:.65rem;padding-top:.5rem;color:var(--nse-faint);font-size:.68rem;line-height:1.55} #pageNumsym .nse-article-source::before{content:"المصدر";color:var(--nse-gold);font-size:.63rem;font-weight:800} #pageNumsym .nse-grade{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:.62rem;font-weight:900;border:1px solid color-mix(in srgb,var(--nse-gold) 28%,var(--nse-line));color:var(--nse-gold2);background:transparent} #pageNumsym .nse-source-name{color:var(--nse-muted)} /* Key concepts are presented as editorial pull-outs, not card-grid items. */ #pageNumsym .nse-feature{display:grid;grid-template-columns:112px minmax(0,1fr);gap:1.15rem;align-items:center;margin:1.3rem 0 1.55rem;padding:1.2rem 1.25rem;border:1px solid color-mix(in srgb,var(--nse-gold) 32%,var(--nse-line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--nse-gold) 7%,var(--nse-surface)),color-mix(in srgb,var(--nse-surface2) 97%,transparent));box-shadow:0 12px 38px rgba(0,0,0,.07)} #pageNumsym .nse-feature-symbol{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;color:var(--nse-gold2);text-align:center;text-shadow:0 0 30px var(--nse-glow)} #pageNumsym .nse-feature-body h3{font-family:'Amiri',serif;font-size:1.45rem;line-height:1.5;margin:0 0 .4rem;color:var(--nse-text)} #pageNumsym .nse-feature-body>p{font-size:1.03rem;line-height:2.1;margin:0;color:var(--nse-text);text-align:right} #pageNumsym .nse-method-note{max-width:900px;margin:2rem auto 0;padding:1rem 1.1rem;border-radius:18px;background:color-mix(in srgb,var(--nse-gold) 4%,var(--nse-surface));border-color:color-mix(in srgb,var(--nse-gold) 18%,var(--nse-line))} #pageNumsym .nse-method-note h3{font-size:1.05rem} #pageNumsym .nse-method-note p{font-size:.85rem;line-height:1.9} html:not([data-theme="light"]) #pageNumsym .nse-number-summary p, html:not([data-theme="light"]) #pageNumsym .nse-prose-unit>p, html:not([data-theme="light"]) #pageNumsym .nse-feature-body>p{color:#fffdf7} html:not([data-theme="light"]) #pageNumsym .nse-article-section>header>div>p{color:#eee9dd} html[data-theme="light"] #pageNumsym .nse-number-summary p, html[data-theme="light"] #pageNumsym .nse-prose-unit>p, html[data-theme="light"] #pageNumsym .nse-feature-body>p{color:#202934} html[data-theme="light"] #pageNumsym .nse-article-section>header>div>p{color:#4a5561} html[data-theme="light"] #pageNumsym .nse-feature{background:linear-gradient(135deg,#fffaf0,#fffdf9);box-shadow:0 10px 30px rgba(93,69,25,.07)} html[data-theme="light"] #pageNumsym .nse-number-summary{background:transparent} @media(max-width:720px){ #pageNumsym .nse-wrap{padding:.7rem .55rem 2.8rem} #pageNumsym .nse-hero h1{font-size:2.15rem} #pageNumsym .nse-hero p{font-size:.91rem;line-height:1.9} #pageNumsym .nse-number-switch{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.28rem;direction:ltr} #pageNumsym .nse-num-btn{min-width:40px;width:40px;height:40px;font-size:.86rem} #pageNumsym .nse-number-summary{padding:.85rem .25rem 1rem} #pageNumsym .nse-number-summary h2{font-size:2.25rem} #pageNumsym .nse-number-term{font-size:.78rem} #pageNumsym .nse-number-summary p{font-size:.94rem;line-height:2;text-align:right} #pageNumsym .nse-axis{justify-content:flex-start} #pageNumsym .nse-axis span{font-size:.68rem} #pageNumsym .nse-content-nav{position:relative;top:auto;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:.5rem;margin-bottom:.65rem} #pageNumsym .nse-content-nav a{white-space:nowrap;font-size:.68rem} #pageNumsym .nse-article-section{padding:1.45rem 0 1.6rem} #pageNumsym .nse-article-section>header{margin-bottom:1rem} #pageNumsym .nse-article-section>header h2{font-size:1.55rem} #pageNumsym .nse-article-section>header>div>p{font-size:.88rem;line-height:1.9;text-align:right} #pageNumsym .nse-prose-unit{padding:.8rem .05rem 1rem} #pageNumsym .nse-prose-unit h3{font-size:1.18rem} #pageNumsym .nse-prose-unit>p{font-size:.91rem;line-height:1.98} #pageNumsym .nse-feature{grid-template-columns:1fr;gap:.5rem;text-align:center;padding:1rem .9rem;margin:1rem 0 1.25rem} #pageNumsym .nse-feature-symbol{font-size:3.2rem} #pageNumsym .nse-feature-body h3{font-size:1.22rem} #pageNumsym .nse-feature-body>p{font-size:.91rem;line-height:1.98;text-align:right} #pageNumsym .nse-article-source{font-size:.62rem} } /* ══════════════════════════════════════════════════════════ Gematrixx V97 — feature equation layout correction Equations are part of the reading flow, never background decoration. ══════════════════════════════════════════════════════════ */ #pageNumsym .nse-feature{ display:block; position:relative; overflow:hidden; margin:1.45rem 0 1.7rem; padding:1.25rem 1.45rem 1.35rem; text-align:right; } #pageNumsym .nse-feature-symbol{ display:block; width:max-content; max-width:100%; margin:0 auto .9rem; padding:.12rem .85rem .42rem; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.15rem,4.6vw,3.4rem); line-height:1.15; color:var(--nse-gold2); text-align:center; direction:ltr; unicode-bidi:isolate; white-space:nowrap; text-shadow:0 0 24px var(--nse-glow); border-bottom:1px solid color-mix(in srgb,var(--nse-gold) 30%,transparent); } #pageNumsym .nse-feature-body{min-width:0} #pageNumsym .nse-feature-body h3{ margin:0 0 .52rem; text-align:center; font-size:1.48rem; } #pageNumsym .nse-feature-body>p{ max-width:780px; margin:0 auto; text-align:right; } #pageNumsym .nse-feature .nse-article-source{ max-width:780px; margin:.72rem auto 0; } @media(max-width:720px){ #pageNumsym .nse-feature{padding:1rem .85rem 1.1rem;margin:1.05rem 0 1.3rem} #pageNumsym .nse-feature-symbol{font-size:clamp(1.9rem,10vw,2.55rem);margin-bottom:.7rem;padding-inline:.45rem} #pageNumsym .nse-feature-body h3{font-size:1.24rem;margin-bottom:.38rem} } /* ============================================================== Gematrixx V99 — remove all vertical reading rails from NumSym Keep only horizontal separators. This final override is intentionally strong to neutralize legacy timeline/card rules still present earlier. ============================================================== */ #pageNumsym .nse-sections, #pageNumsym .nse-article, #pageNumsym .nse-article-section, #pageNumsym .nse-prose, #pageNumsym .nse-prose-unit, #pageNumsym .nse-article-section > header, #pageNumsym .nse-article-section > header > div, #pageNumsym .nse-article-source, #pageNumsym .nse-source-name { border-right: 0 !important; border-inline-start: 0 !important; box-shadow: none; } #pageNumsym .nse-sections::before, #pageNumsym .nse-sections::after, #pageNumsym .nse-section::before, #pageNumsym .nse-section::after, #pageNumsym .nse-prose::before, #pageNumsym .nse-prose::after, #pageNumsym .nse-prose-unit::before { content: none !important; display: none !important; } #pageNumsym .nse-article-section::before { content: none !important; display: none !important; } #pageNumsym .nse-source-name { padding-right: 0 !important; margin-right: 0 !important; } /* The source label itself remains; only its decorative vertical divider is removed. */ #pageNumsym .nse-article-source::before { display: inline !important; content: "المصدر" !important; position: static !important; width: auto !important; height: auto !important; background: none !important; box-shadow: none !important; } /* V100 — articles 11–20 added; visual system unchanged from approved V99. */ /* ============================================================== Gematrixx V116 — Number Symbolism feature-title scale normalization Global rule for every number: long gold feature/equation headings must stay proportional to the article card and wrap safely on small screens. ============================================================== */ #pageNumsym .nse-feature-symbol{ width:fit-content; max-width:min(100%,820px); margin-inline:auto; padding:.1rem .4rem .34rem; font-size:clamp(1.4rem,2.7vw,2.05rem); line-height:1.2; white-space:normal; overflow-wrap:anywhere; word-break:normal; text-wrap:balance; } @media(max-width:720px){ #pageNumsym .nse-feature-symbol{ max-width:100%; margin-bottom:.62rem; padding:.08rem .24rem .3rem; font-size:clamp(1.12rem,5.7vw,1.55rem); line-height:1.24; } } @media(max-width:390px){ #pageNumsym .nse-feature-symbol{ font-size:clamp(1.02rem,5.25vw,1.34rem); line-height:1.26; } } /* ============================================================== Gematrixx V117 — mobile editorial rhythm + justified NumSym prose Scoped ONLY to Number Symbolism. Keeps desktop hierarchy intact, slightly reduces mobile headings, and restores balanced RTL justify. ============================================================== */ #pageNumsym .nse-prose-unit > p, #pageNumsym .nse-feature-body > p, #pageNumsym .nse-article-section > header > div > p { text-align: justify; text-justify: inter-word; text-align-last: right; hanging-punctuation: first last; } @media(max-width:720px){ /* Section/chapter title: deliberately a little quieter on phones. */ #pageNumsym .nse-article-section > header h2{ font-size:clamp(1.22rem,5.6vw,1.36rem); line-height:1.42; max-width:100%; overflow-wrap:anywhere; text-wrap:balance; } #pageNumsym .nse-article-section > header h2 small{ font-size:.58rem; line-height:1.4; } /* Sub-headings remain clearly subordinate to the chapter heading. */ #pageNumsym .nse-prose-unit h3{ font-size:clamp(1.04rem,4.8vw,1.12rem); line-height:1.55; } /* Article copy uses the available width with a clean justified edge. */ #pageNumsym .nse-prose-unit > p, #pageNumsym .nse-feature-body > p, #pageNumsym .nse-article-section > header > div > p{ text-align:justify; text-justify:inter-word; text-align-last:right; overflow-wrap:break-word; } } @media(max-width:390px){ #pageNumsym .nse-article-section > header h2{ font-size:clamp(1.13rem,5.25vw,1.26rem); line-height:1.44; } #pageNumsym .nse-prose-unit h3{ font-size:1.02rem; } } \n\n/* ============================================================== Gematrixx V118 — NumSym search + full editorial justification Search is native to the encyclopedia. Justification is scoped to long-form reading copy only; headings, source rows and navigation stay untouched so the visual hierarchy remains stable. ============================================================== */ #pageNumsym .nse-number-search{ width:min(100%,520px); margin:.9rem auto .25rem; text-align:right; } #pageNumsym .nse-number-search>label{ display:block; margin:0 0 .38rem; color:var(--nse-muted); font-size:.72rem; font-weight:700; } #pageNumsym .nse-search-control{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.45rem; align-items:stretch; } #pageNumsym .nse-search-control input{ min-width:0; width:100%; border:1px solid var(--nse-line); border-radius:12px; background:var(--nse-surface); color:var(--nse-text); padding:.68rem .82rem; font:700 .9rem 'Ubuntu Mono',monospace; text-align:center; outline:none; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } #pageNumsym .nse-search-control input:focus{ border-color:var(--nse-gold); box-shadow:0 0 0 3px color-mix(in srgb,var(--nse-gold) 12%,transparent); } #pageNumsym .nse-search-control input::placeholder{color:var(--nse-muted);opacity:.72} #pageNumsym .nse-search-control button{ min-width:78px; border:1px solid var(--nse-gold); border-radius:12px; background:color-mix(in srgb,var(--nse-gold) 11%,var(--nse-surface)); color:var(--nse-gold2); padding:.62rem .9rem; font-family:var(--font-main,'Amiri',serif); font-weight:800; cursor:pointer; transition:.18s ease; } #pageNumsym .nse-search-control button:hover, #pageNumsym .nse-search-control button:focus-visible{ background:var(--nse-gold); color:#17130a; } #pageNumsym .nse-search-message{ min-height:1.35rem; margin-top:.32rem; padding-inline:.15rem; font-size:.72rem; line-height:1.55; text-align:right; } #pageNumsym .nse-search-message[data-state="error"]{color:#e78888} #pageNumsym .nse-search-message[data-state="success"]{color:var(--nse-gold2)} /* Every long-form paragraph inside a number article follows one editorial edge. */ #pageNumsym :where( #nseSummaryText, .nse-number-summary>p, .nse-prose-unit>p, .nse-feature-body>p, .nse-article-section>header>div>p, .nse-method-note p ){ text-align:justify !important; text-justify:inter-word; text-align-last:right; overflow-wrap:break-word; } @media(max-width:580px){ #pageNumsym .nse-number-search{margin:.7rem auto .15rem} #pageNumsym .nse-number-search>label{font-size:.68rem} #pageNumsym .nse-search-control{gap:.35rem} #pageNumsym .nse-search-control input{padding:.62rem .7rem;font-size:.86rem;border-radius:10px} #pageNumsym .nse-search-control button{min-width:70px;padding:.58rem .72rem;border-radius:10px;font-size:.83rem} #pageNumsym .nse-search-message{font-size:.68rem} }