/* R54: readability and Convert V24.33 navigation geometry. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-weight:500;-webkit-font-smoothing:antialiased}
.app>main .content{line-height:1.5}
.app>main :is(button,label,summary,th){font-weight:650}
.app>main :is(h1,h2,h3){font-weight:750;line-height:1.3}
.app>main :is(input,textarea,select){font-weight:500}
.app>main :is(p,small,.muted,.sub){line-height:1.5}
.app>main :is(.muted,.sub){color:#48515a}
/* Keep the desktop capsule's original typography as well as its geometry. */
html:not(.paxon-native-nav) body #paxon-mobile-nav{font-weight:400}
html.paxon-dapp body{margin:0!important;padding-top:0!important}
html.paxon-dapp body .app>main>.top{padding-top:10px!important}
html.paxon-native-nav{--paxon-bottom-space:calc(92px + env(safe-area-inset-bottom,0px))}
html.paxon-native-nav.paxon-dapp{--paxon-bottom-space:92px}
html.paxon-native-nav body #paxon-mobile-nav{
 left:0!important;right:0!important;top:auto!important;bottom:0!important;
 transform:none!important;width:100%!important;max-width:none;
 min-height:calc(60px + env(safe-area-inset-bottom,0px))!important;
 padding:10px max(12px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;
 border:0!important;border-top:1px solid #252525!important;border-radius:0!important;
 background:#000!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -4px 20px #0002!important;
}
html.paxon-native-nav body #paxon-mobile-nav .paxon-mobile-item{grid-template-rows:22px auto;min-height:44px!important;gap:2px;border-radius:10px;font-size:10px;font-weight:650!important;line-height:1.2}
html.paxon-native-nav body #paxon-mobile-nav .paxon-mobile-icon{width:22px;height:22px}
html.paxon-native-nav body #paxon-mobile-nav svg{width:21px;height:21px;stroke-width:1.8}
html.paxon-native-nav body #paxon-mobile-nav .paxon-mobile-label{position:relative;top:3px;align-self:center;overflow-wrap:anywhere;word-break:normal;-webkit-line-clamp:unset;overflow:visible}
html.paxon-native-nav body #paxon-mobile-nav .paxon-mobile-mine-orb{top:-40px!important;width:58px;height:58px}
html.paxon-native-nav.paxon-dapp body #paxon-mobile-nav{min-height:60px!important;padding-bottom:4px!important;top:var(--paxon-native-bottom,100dvh)!important;bottom:auto!important;transform:translateY(-100%)!important}
html.paxon-native-nav.paxon-viewport-zoom body #paxon-mobile-nav{left:var(--paxon-vv-center)!important;right:auto!important;top:var(--paxon-vv-bottom)!important;bottom:auto!important;width:var(--paxon-vv-width)!important;transform-origin:0 0!important;transform:scale(var(--paxon-vv-inverse-scale)) translate(-50%,-100%)!important}
html.paxon-native-nav body #orgModal .network-dialog-shell{padding-bottom:var(--paxon-bottom-space)!important}

/* R54: clear weight hierarchy on every office view and both financial dashboards. */
html body .app>main .content{font-weight:500!important}
html body .app>main .content :is(h1,h2,h3){font-weight:700!important}
html body .app>main .content :is(p,small,.muted,.sub,.eyebrow){font-weight:500!important}
html body .app>main .content :is(button,label,summary,th){font-weight:600!important}
html body .app>main .content .info b{font-weight:600!important}
html body .app>main .content .info span{font-weight:550!important}
html body #mining{font-weight:500!important}
html body #mining :is(.pm-meta,.pm-meta-list,.pm-history-scroll td,.pm-release-count-label,.pm-status,small,time){font-weight:500!important;line-height:1.5}
html body #mining :is(.pm-card>span,.pm-wallet-address-label,label,th){font-weight:600!important}
html body #mining :is(.pm-value,.pm-amount,.pm-number,.pm-card>strong,.pm-insight-value,.pm-balance){font-weight:700!important;font-variant-numeric:tabular-nums}
html body #mining :is(h1,h2,h3){font-weight:700!important}
html body #paxplay-root{font-weight:500!important}
html body #paxplay-root :is(.pp-stat-top,.pp-stat-foot,.pp-stat-state,.pp-status,.pp-luck-note,small,label,th){font-weight:550!important}
html body #paxplay-root :is(h2,h3,.pp-asset-label,.pp-card h3){font-weight:700!important}
html body #paxplay-root :is(.pp-stat-value,.pp-ticket-balance,.pp-game-ticket-count,.pp-luck-amount){font-weight:700!important;font-variant-numeric:tabular-nums}
html body #paxplay-root :is(td,.pp-checkout-status,.pp-payout-status,.pp-transaction-link){font-weight:500!important;line-height:1.5}
html body :is(.pm-rank-dialog,.pp-dialog) :is(p,small,label,td){font-weight:500!important;line-height:1.5}
html body :is(.pm-rank-dialog,.pp-dialog) :is(h2,h3){font-weight:700!important}

html body #mining #paxmining-root{font-weight:500!important}
html body #mining :is(.pm-recent-list,.pm-recent-list b,.pm-recent-list span,.pm-recent-list time,.pm-release-row,.pm-release-row b,.pm-release-row span){font-weight:500!important;line-height:1.5}
html body #paxplay-root :is(.pp-hero-copy>p,.pp-card p,.pp-library-head p){font-weight:500!important;line-height:1.5}
html body .pp-dialog :is(.pp-luck-result,.pp-payout-status,.pp-transaction-link){font-weight:550!important}
html body .pp-dialog .pp-luck-amount{font-weight:700!important}

/* Size, spacing and contrast carry the hierarchy as well as weight. */
html body .app>main .content{font-size:15px;line-height:1.55}
html body .app>main .content .sub{font-size:14px!important;line-height:1.55!important;color:#424b55!important}
html body .app>main .content .info b{font-size:13px!important;line-height:1.45}
html body .app>main .content .info span{font-size:16px!important;line-height:1.5;overflow-wrap:anywhere}
html body #mining{--pm-small:13px;--pm-body:14px}
html body #mining :is(.pm-note,.pm-empty,.pm-insight-note,.pm-meta,small,time){font-size:13px;line-height:1.55}
html body #mining :is(.pm-value-unit,.pm-unit,.pm-quote-item small,.pm-purchase-balances .pm-value-unit){font-size:12px!important;line-height:1.4!important}
html body #mining .pm-history-scroll :is(td,th){font-size:13px!important;line-height:1.5;padding-top:12px;padding-bottom:12px}
html body #mining .pm-history-toolbar :is(select,.pm-date-menu>summary){font-size:13px!important;min-height:40px}
html body #paxplay-root :is(.pp-stat-top,.pp-stat-foot,.pp-stat-state,.pp-card-meta,.pp-card-meta span:last-child,.pp-status,.pp-status.is-live,.pp-asset-copy small,.pp-rank-copy small){font-size:12px!important;line-height:1.5!important}
html body #paxplay-root :is(.pp-stat-foot,.pp-card-meta,.pp-asset-copy small,.pp-rank-copy small){color:#414851!important}
html body #paxplay-root :is(.pp-card p,.pp-library-head p,.pp-hero-copy>p:not(.pp-eyebrow)){font-size:14px!important;line-height:1.6!important}
html body #paxplay-root :is(.pp-stat-action,.pp-rank-details){font-size:12px!important;line-height:1.5!important;min-height:36px;white-space:normal}
html body #paxplay-root :is(.pp-stat-value small,.pp-asset-right small){display:inline-block;font-size:12px!important;font-weight:550!important;margin-left:4px;line-height:1.4}
html body .pp-dialog.is-playing .pp-result-row :is(.pp-luck-result,.pp-payout-status,.pp-transaction-link){font-size:12px!important;line-height:1.5!important}
html body .pp-dialog.is-playing .pp-game-instruction #pp-game-stat{font-size:13px!important;line-height:1.5!important}
html body .pp-dialog.is-playing .pp-luck-note{font-size:12px!important;line-height:1.5!important}
@media(max-width:600px){html body .app>main .content h1{font-size:27px!important;line-height:1.25!important}}

/* Rank details and wallet actions occupy a separate row instead of covering values. */
html body #paxplay-root .pp-stat-asset:first-child>.pp-stat-action{position:static!important;grid-column:2;grid-row:2;justify-self:end;align-self:end;min-height:32px;margin:6px 0 0;padding:4px 0}
html body #paxplay-root .pp-stat-rank .pp-rank-details{position:relative;grid-column:2;grid-row:2;justify-self:end;right:auto;bottom:auto;min-height:32px;margin-top:6px;font-size:12px!important;line-height:1.5!important}
html body #paxplay-root .pp-rank-details summary{padding:6px 0;font-weight:600!important}
html body #paxplay-root .pp-stat-rank>.pp-stat-value{grid-row:1;margin:0;gap:4px;align-items:baseline}