/* GUIDES PAGE EXTRACTED CSS START
   Moved from public/guides.html on 20260708-193604Z.
*/
/* extracted from guides.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 guides.html: id="guides-topbar-horizontal-css" */
/*
      Guides page topbar fix.
      Desktop keeps original topbar horizontal.
      Phone uses a separate guides-only bar to avoid shared topbar conflicts.
    */

    @media (min-width: 861px) {
      .guides-topbar-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;
        gap: 16px !important;
      }

      .guides-topbar-page .topbar .brand {
        justify-self: start !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        text-align: left !important;
        white-space: nowrap !important;
      }

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

      .guides-topbar-page .topbar .nav {
        justify-self: end !important;
        position: static !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      .guides-topbar-page .topbar .nav a {
        width: auto !important;
        white-space: nowrap !important;
      }
    }

    .guides-phone-topbar {
      display: none;
    }

    @media (max-width: 860px) {
      .guides-topbar-page > .topbar {
        display: none !important;
      }

      .guides-phone-topbar {
        position: sticky;
        top: 0;
        z-index: 10000;
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        background: rgba(10, 12, 16, 0.94);
        backdrop-filter: blur(12px);
      }

      .guides-phone-head {
        width: min(calc(100% - 20px), 1180px);
        min-height: 58px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        padding: 8px 0;
      }

      .guides-phone-brand {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #eef3f9;
        text-decoration: none;
        text-align: left;
        overflow: hidden;
      }

      .guides-phone-brand img {
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 999px;
        object-fit: contain;
        display: block;
      }

      .guides-phone-brand span {
        min-width: 0;
        display: block;
        font-weight: 850;
        letter-spacing: 0.02em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .guides-phone-menu-toggle {
        width: auto !important;
        min-width: 64px !important;
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 12px !important;
        border: 1px solid rgba(255,255,255,0.22);
        border-radius: 999px;
        background: rgba(15,23,42,0.96);
        color: #f8fafc;
        font: inherit;
        font-weight: 850;
        line-height: 1;
        cursor: pointer;
        white-space: nowrap;
      }

      .guides-phone-nav {
        display: none;
        width: min(calc(100% - 20px), 1180px);
        margin: 0 auto 10px;
        padding: 10px;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 18px;
        background: rgba(2,6,23,0.98);
        box-shadow: 0 18px 45px rgba(0,0,0,0.45);
        max-height: 72vh;
        overflow-y: auto;
      }

      .guides-phone-topbar.is-open .guides-phone-nav {
        display: grid;
      }

      .guides-phone-nav a {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        color: #eef3f9;
        font-size: 13px;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
      }

      .guides-phone-nav .cigo-market-pill {
        gap: 6px;
      }

      .guides-phone-nav .cigo-market-pill img {
        width: 18px;
        height: 18px;
        border-radius: 999px;
      }
    }

    @media (max-width: 390px) {
      .guides-phone-nav {
        grid-template-columns: 1fr;
      }

      .guides-phone-brand img {
        width: 24px;
        height: 24px;
        min-width: 24px;
      }

      .guides-phone-menu-toggle {
        min-width: 58px !important;
        padding: 7px 10px !important;
      }
    }

/* GUIDES PAGE EXTRACTED CSS END */