/* Gematrixx V134 — Number Symbolism responsive number-frame guard.
   <=3 digits keeps the original circle. 4+ digits widen progressively so the
   numeral never escapes its frame on desktop or mobile. */
#pageNumsym .nse-number-seal{box-sizing:border-box;max-width:calc(100vw - 2rem);display:flex;align-items:center;justify-content:center;text-align:center}
#pageNumsym .nse-number-seal .nse-big-number{max-width:100%;white-space:nowrap;text-align:center;position:relative;z-index:1;font-variant-numeric:tabular-nums}

#pageNumsym .nse-number-seal.nse-seal-long{height:138px;min-height:138px;aspect-ratio:auto;border-radius:999px;padding:.8rem 1.15rem}
#pageNumsym .nse-number-seal.nse-seal-long::after{inset:14px;width:auto;height:auto;border-radius:999px;box-sizing:border-box}
#pageNumsym .nse-number-seal.nse-seal-d4{width:174px}
#pageNumsym .nse-number-seal.nse-seal-d5{width:198px}
#pageNumsym .nse-number-seal.nse-seal-d6{width:224px}
#pageNumsym .nse-number-seal.nse-seal-d7{width:254px}
#pageNumsym .nse-number-seal.nse-seal-d8{width:276px}
#pageNumsym .nse-number-seal.nse-seal-d9plus{width:292px}

#pageNumsym .nse-big-number.nse-d4{font-size:3.35rem;letter-spacing:-.03em}
#pageNumsym .nse-big-number.nse-d5{font-size:2.9rem;letter-spacing:-.045em}
#pageNumsym .nse-big-number.nse-d6{font-size:2.55rem;letter-spacing:-.055em}
#pageNumsym .nse-big-number.nse-d7{font-size:2.22rem;letter-spacing:-.06em}
#pageNumsym .nse-big-number.nse-d8{font-size:2rem;letter-spacing:-.065em}
#pageNumsym .nse-big-number.nse-d9plus{font-size:1.82rem;letter-spacing:-.07em}

/* Number selector: long values become pills instead of overflowing a 46px circle. */
#pageNumsym .nse-num-btn.nse-num-wide{width:auto;min-width:58px;padding:0 .62rem;border-radius:999px;font-size:.78rem;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
#pageNumsym .nse-num-btn.nse-num-d5{min-width:66px;font-size:.74rem}
#pageNumsym .nse-num-btn.nse-num-d6{min-width:76px;font-size:.7rem}
#pageNumsym .nse-num-btn.nse-num-d7,#pageNumsym .nse-num-btn.nse-num-d8{min-width:88px;font-size:.66rem}

@media(max-width:580px){
  #pageNumsym .nse-number-seal.nse-seal-long{height:118px;min-height:118px;max-width:calc(100vw - 1.5rem)}
  #pageNumsym .nse-number-seal.nse-seal-long::after{inset:11px}
  #pageNumsym .nse-number-seal.nse-seal-d4{width:160px}
  #pageNumsym .nse-number-seal.nse-seal-d5{width:184px}
  #pageNumsym .nse-number-seal.nse-seal-d6{width:208px}
  #pageNumsym .nse-number-seal.nse-seal-d7{width:232px}
  #pageNumsym .nse-number-seal.nse-seal-d8,#pageNumsym .nse-number-seal.nse-seal-d9plus{width:250px}
  #pageNumsym .nse-big-number.nse-d4{font-size:2.85rem}
  #pageNumsym .nse-big-number.nse-d5{font-size:2.5rem}
  #pageNumsym .nse-big-number.nse-d6{font-size:2.18rem}
  #pageNumsym .nse-big-number.nse-d7{font-size:1.92rem}
  #pageNumsym .nse-big-number.nse-d8{font-size:1.75rem}
  #pageNumsym .nse-big-number.nse-d9plus{font-size:1.6rem}
  #pageNumsym .nse-num-btn.nse-num-wide{height:38px;min-height:38px;padding:0 .52rem;font-size:.7rem}
  #pageNumsym .nse-num-btn.nse-num-d6{font-size:.64rem}
  #pageNumsym .nse-num-btn.nse-num-d7,#pageNumsym .nse-num-btn.nse-num-d8{font-size:.6rem}
}

@media(max-width:390px){
  #pageNumsym .nse-number-seal.nse-seal-d7,#pageNumsym .nse-number-seal.nse-seal-d8,#pageNumsym .nse-number-seal.nse-seal-d9plus{width:min(244px,calc(100vw - 1.25rem))}
}
