.periods button,.view-all,.market-info button,.footbrand button{cursor:pointer}.periods button:hover,.view-all:hover{color:#fff0b2;border-color:#e3b53e}
/* Treasury movement colors are operational signals: additions green, withdrawals red. */
.ledger tr.movement-in td:first-child,.ledger tr.movement-in td:nth-child(2){color:#34d77b!important;font-weight:800}.ledger tr.movement-out td:first-child,.ledger tr.movement-out td:nth-child(2){color:#ff5c55!important;font-weight:800}
.reserve-status-popover::after{width:min(640px,88vw)!important;padding:24px 26px!important;font-size:16px!important;line-height:1.75!important}
.information-popover{position:relative;cursor:help;outline:none}.market-info .trading-notice{font-size:11px!important;line-height:1.45!important;padding:8px 10px;border:1px solid #59471f;border-radius:7px;background:#0b0b0bcc}.market-info .slippage-value{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:4px 9px;border:1px solid #b88b29;border-radius:999px;background:linear-gradient(180deg,#33260d,#171107);color:#f6d77b;font:700 12px/1 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 0 10px #d3a62b1c}.information-popover::after{content:attr(data-popover);position:absolute;z-index:80;left:50%;bottom:calc(100% + 12px);width:min(420px,82vw);padding:18px 20px;border:1px solid #d0a944;border-radius:12px;background:rgba(7,8,11,.98);box-shadow:0 20px 60px #000,0 0 24px rgba(210,171,67,.18);color:#f1e4c2;font:14px/1.65 Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.information-popover::before{content:"";position:absolute;z-index:81;left:50%;bottom:calc(100% + 5px);width:12px;height:12px;border-right:1px solid #d0a944;border-bottom:1px solid #d0a944;background:#08090c;opacity:0;visibility:hidden;transform:translateX(-50%) rotate(45deg);transition:opacity .18s ease,visibility .18s}.information-popover:hover::after,.information-popover:focus::after,.information-popover:focus-visible::after,.information-popover:hover::before,.information-popover:focus::before,.information-popover:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0)}.information-popover:hover::before,.information-popover:focus::before,.information-popover:focus-visible::before{transform:translateX(-50%) rotate(45deg)}.reserve-status-popover::after{left:auto;right:0;bottom:calc(100% + 12px);transform:translateY(8px)}.reserve-status-popover:hover::after,.reserve-status-popover:focus::after,.reserve-status-popover:focus-visible::after{transform:translateY(0)}.reserve-status-popover::before{left:auto;right:28px}@media(max-width:560px){.information-popover::after,.reserve-status-popover::after{position:fixed;left:16px;right:16px;bottom:24px;width:auto;transform:translateY(12px)}.information-popover:hover::after,.information-popover:focus::after,.information-popover:focus-visible::after{transform:translateY(0)}.information-popover::before{display:none}}
.contract-reference{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;max-width:100%;direction:ltr;vertical-align:middle}.contract-reference a{color:inherit;text-decoration:none;border-bottom:1px dotted #d4ae42;white-space:nowrap}.contract-copy{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:62px;margin:0!important;padding:4px 7px!important;border:1px solid #806728!important;border-radius:6px!important;background:#151108!important;color:#e8cf80!important;font:600 10px/1 Arial,sans-serif!important;white-space:nowrap;cursor:pointer}.contract-copy:hover,.contract-copy:focus-visible{border-color:#e3b53e!important;color:#fff0b2!important}.contract-copy.copied{border-color:#3b9962!important;color:#72d99c!important}.footcols .contract-reference{margin-inline-start:5px}.footcols .contract-copy{display:inline-flex!important}.market-info .contract-reference,.supply .contract-reference{flex-wrap:wrap}.market-info .contract-reference{justify-content:flex-end}@media(max-width:560px){.contract-reference{gap:4px}.contract-copy{min-width:55px;padding:4px 5px!important}.footcols .contract-reference{margin:5px 0 0;display:flex;justify-content:flex-start}}
.stats div,.supply p{min-width:0}.live-token-meta{display:block;margin-top:5px;color:#908361;font:500 9px/1.25 Arial,sans-serif;letter-spacing:.02em;white-space:normal}.live-token-meta.delayed{color:#c89d46}.live-token-meta.unavailable{color:#c8705e}.stats strong,.supply b{overflow-wrap:anywhere}@media(max-width:560px){.live-token-meta{font-size:8px}.stats strong,.supply b{font-size:14px}}
.stats em.negative,.chart-head em.negative{color:#ef6c67!important}
.candlestick-stage{width:100%;height:270px;min-width:0;margin-top:10px}.candlestick-empty{height:270px;margin-top:10px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed rgba(211,169,61,.28);border-radius:9px;background:rgba(5,7,10,.35);color:#a99970;font:500 14px/1.6 Arial,sans-serif}.candlestick-empty[hidden],.candlestick-stage[hidden]{display:none}@media(max-width:560px){.chart-head{align-items:flex-start}.candlestick-stage,.candlestick-empty{height:220px}.periods{width:100%;overflow-x:auto}.periods button{flex:1;min-width:48px}}
.language-trigger,.nav-toggle{border:1px solid rgba(214,179,83,.45);border-radius:7px;background:#101116;color:#e4c66b;padding:7px 10px;cursor:pointer}.nav-toggle{display:none;font-size:22px;line-height:1}.language-panel{position:fixed;z-index:1000;min-width:155px;max-height:min(430px,75vh);overflow:auto;padding:6px;border:1px solid #645126;border-radius:9px;background:#0b0e14;box-shadow:0 18px 48px #000}.language-panel[hidden]{display:none}.language-panel button{display:block;width:100%;border:0;border-radius:5px;background:transparent;color:#d7dae0;text-align:left;padding:9px 10px;cursor:pointer}.language-panel button:hover{background:#252217;color:#e5c76d}.footcols a{display:block;margin:12px 0;color:#ddd;text-decoration:none;font:12px Arial,sans-serif}.footcols a:hover{color:#f0d986;text-decoration:underline;text-underline-offset:3px}
/* Grid tracks sized in fr default to min-width:auto, so they refuse to shrink
   below their contents. The candlestick canvas carries an explicit pixel width
   until its ResizeObserver catches up, which forced the chart column to 951px
   inside a 908px grid and pushed the Market Information panel off the right of
   the page — taking the horizontal scrollbar and a wide black gutter with it. */
.tradegrid>*,.cols>*,.stats>*,.supply>*{min-width:0}
.candlestick-stage{max-width:100%;overflow:hidden}
.candlestick-stage canvas{max-width:100%}

/* The header collapsed to a hamburger below 1450px, which is wider than most
   laptop screens, so the links were hidden from nearly every visitor on a
   desktop. Removing the Online Store link freed enough room for the remaining
   ten to fit from 1180px up, given tighter spacing at the narrow end. */
@media(min-width:1180px) and (max-width:1449px){
  header nav{gap:12px;font-size:12px;padding:0 16px}
}
@media(max-width:1179px){header{height:auto;min-height:64px}header nav{position:relative;height:auto;min-height:64px;overflow:visible;flex-wrap:wrap}.nav-toggle{display:inline-grid;place-items:center;order:1}.language-trigger{order:2;margin-left:auto}header nav>img{order:0}header nav>i{display:none}header nav>a{display:none;flex:1 0 100%;order:3;padding:10px 4px;border-top:1px solid #3f3520}header nav.menu-open>a{display:block}}

/* The registry panels scroll their own rows. Without overscroll containment a
   wheel that reaches the last row keeps going into the page behind it, which
   reads as the box refusing to scroll at all. Taller by default as well: five
   rows in a 244px window meant scrolling to see the list the panel exists for. */
.registry-scroll{max-height:370px;overscroll-behavior:contain}
.registry.expanded .registry-scroll{max-height:min(72vh,780px)}
@media(max-width:700px){.registry-scroll{max-height:310px}}

/* Footer brand: the real logo in place of the drawn "A". */
.footbrand-logo{flex:0 0 auto;width:60px;height:60px;object-fit:contain}
@media(max-width:560px){.footbrand-logo{width:48px;height:48px}}

/* The Team panel is on the page before its people are, so the heading is not
   left sitting alone inside an empty bordered box. */
.team-placeholder{margin:0;color:#c0b189;font:14px/1.7 Arial,sans-serif}

/* Team, in a small window opened from the footer (app.js openTeam). */
.team-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;padding:24px;border:1px solid #c79b3c;border-radius:14px;background:#0b0c0f;color:#efe6c8;box-shadow:0 24px 70px #000c}
.team-dialog::backdrop{background:#000b}
.team-dialog h2{margin:0 0 16px;padding-inline-end:34px;color:#f3dc9a;font:600 22px/1.3 'Cormorant Garamond','Amiri',Georgia,serif;letter-spacing:.06em}
.team-dialog-close{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border:1px solid #5d4c23;border-radius:8px;background:transparent;color:#f3dc9a;font:400 22px/1 Arial,sans-serif;cursor:pointer}
.team-dialog-close:hover,.team-dialog-close:focus-visible{background:#2a2110;outline:2px solid #f3dc9a;outline-offset:2px}
.team-dialog-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.team-dialog-list li{display:grid;gap:3px;padding:12px 14px;border:1px solid #3a321d;border-radius:10px;background:#15140f}
.team-dialog-list strong{color:#fbf3dc;font:600 16px/1.4 Manrope,'IBM Plex Sans Arabic',sans-serif}
.team-dialog-list span{color:#cfc4a1;font:400 14px/1.4 Manrope,'IBM Plex Sans Arabic',sans-serif}
.team-dialog-empty{margin:0;color:#ddd6c0;font:400 15px/1.6 Manrope,'IBM Plex Sans Arabic',sans-serif}
/* Sideways scroll on the homepage.
   The trading notice sits against the outer edge of the page and its pop-up was
   centred on it: 420px wide over a notice of about 240px, so the overhang on the
   outer side fell outside the page. A box that is merely hidden still counts
   towards the page's width, and that gave every screen wider than a phone a
   sideways scroll of 27px to 69px with nothing visible to explain it. The
   pop-up now opens from the notice's outer edge inwards, in either direction
   of writing. Phones are untouched: there it is already pinned to the screen. */
@media(min-width:561px){
  .market-info .trading-notice::after{left:auto;right:auto;inset-inline-end:0;transform:translateY(8px)}
  .market-info .trading-notice:hover::after,.market-info .trading-notice:focus::after,.market-info .trading-notice:focus-visible::after{transform:translateY(0)}
  .market-info .trading-notice::before{left:auto;right:auto;inset-inline-end:28px;transform:rotate(45deg)}
  .market-info .trading-notice:hover::before,.market-info .trading-notice:focus::before,.market-info .trading-notice:focus-visible::before{transform:rotate(45deg)}
}