/* POOL PAGE EXTRACTED CSS START
   Moved from public/pool.html on 20260708-193404Z.
*/
/* extracted from pool.html: id="site-appendix-footer-style" */
.site-appendix-footer {
      margin: 28px auto 0;
      padding: 18px 16px 26px;
      text-align: center;
      font-size: 0.88rem;
      opacity: 0.78;
    }

    .site-appendix-footer a {
      color: inherit;
      text-decoration: none;
      border-bottom: 1px dotted currentColor;
    }

    .site-appendix-footer a:hover,
    .site-appendix-footer a:focus-visible {
      opacity: 1;
      border-bottom-style: solid;
    }


/* extracted from pool.html: id="pool-topbar-horizontal-css" */
/*
      Pool page topbar hard lock.
      Desktop/tablet: brand left, nav right, same horizontal row.
      Phone: brand left, menu pill right, dropdown below.
    */

    @media (min-width: 861px) {
      .pool-page .topbar {
        width: 100% !important;
      }

      .pool-page .topbar .topbar-inner {
        width: min(1180px, calc(100% - 32px)) !important;
        max-width: 1180px !important;
        min-height: 74px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 16px !important;
      }

      .pool-page .topbar .brand {
        grid-column: 1 !important;
        justify-self: start !important;
        align-self: center !important;
        width: auto !important;
        max-width: 300px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        text-align: left !important;
        white-space: nowrap !important;
      }

      .pool-page .topbar .brand img,
      .pool-page .topbar .brand-icon {
        flex: 0 0 34px !important;
        width: 34px !important;
        height: 34px !important;
      }

      .pool-page .topbar .brand span {
        display: block !important;
        min-width: 0 !important;
        max-width: 250px !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      .pool-page .topbar .brand small {
        display: block !important;
        text-align: left !important;
      }

      .pool-page .topbar .nav-toggle {
        display: none !important;
      }

      .pool-page .topbar .nav {
        grid-column: 2 !important;
        justify-self: end !important;
        align-self: center !important;
        position: static !important;
        inset: auto !important;
        width: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        text-align: right !important;
      }

      .pool-page .topbar .nav a,
      .pool-page .topbar .nav .cigo-market-pill {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
      }
    }

    @media (min-width: 861px) and (max-width: 1120px) {
      .pool-page .topbar .topbar-inner {
        gap: 10px !important;
      }

      .pool-page .topbar .brand {
        max-width: 190px !important;
      }

      .pool-page .topbar .brand small {
        display: none !important;
      }

      .pool-page .topbar .nav {
        gap: 6px !important;
      }

      .pool-page .topbar .nav a {
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 12px !important;
      }
    }

    @media (max-width: 860px) {
      .pool-page .topbar {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: visible !important;
      }

      .pool-page .topbar .topbar-inner {
        width: min(100%, calc(100% - 20px)) !important;
        max-width: calc(100% - 20px) !important;
        min-height: 58px !important;
        margin: 0 auto !important;
        padding: 8px 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
          "brand toggle"
          "nav nav" !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 8px !important;
      }

      .pool-page .topbar .brand {
        grid-area: brand !important;
        justify-self: start !important;
        align-self: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        text-align: left !important;
        overflow: hidden !important;
        white-space: nowrap !important;
      }

      .pool-page .topbar .brand img,
      .pool-page .topbar .brand-icon {
        flex: 0 0 26px !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        max-width: 26px !important;
      }

      .pool-page .topbar .brand span {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        text-align: left !important;
      }

      .pool-page .topbar .brand small {
        display: none !important;
      }

      .pool-page .topbar .nav-toggle {
        grid-area: toggle !important;
        justify-self: end !important;
        align-self: center !important;
        display: inline-flex !important;
        width: auto !important;
        min-width: 64px !important;
        max-width: 86px !important;
        min-height: 36px !important;
        padding: 8px 12px !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
      }

      .pool-page .topbar .nav {
        grid-area: nav !important;
        display: none !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 72vh !important;
        margin: 0 !important;
        padding: 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        border: 1px solid rgba(255,255,255,0.16) !important;
        border-radius: 18px !important;
        background: rgba(2,6,23,0.98) !important;
        box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
      }

      .pool-page .topbar .topbar-inner.nav-open .nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
      }

      .pool-page .topbar .nav a,
      .pool-page .topbar .nav .cigo-market-pill {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
      }
    }

    @media (max-width: 390px) {
      .pool-page .topbar .topbar-inner.nav-open .nav {
        grid-template-columns: 1fr !important;
      }

      .pool-page .topbar .brand img,
      .pool-page .topbar .brand-icon {
        flex-basis: 23px !important;
        width: 23px !important;
        height: 23px !important;
        min-width: 23px !important;
        max-width: 23px !important;
      }

      .pool-page .topbar .nav-toggle {
        min-width: 58px !important;
        max-width: 76px !important;
        padding: 7px 10px !important;
      }
    }

/* POOL PAGE EXTRACTED CSS END */