@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Regular.woff") format("woff");  font-weight: 400;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Medium.woff") format("woff");  font-weight: 500;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Bold.woff") format("woff");  font-weight: 700;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Fat.woff") format("woff");  font-weight: 900;  font-style: normal;  font-display: swap;  }


    html{scroll-behavior:smooth} body{overflow-x:hidden}
    .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .category-scroll::-webkit-scrollbar{display:none}.category-scroll{scrollbar-width:none}
    .article-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
    .article-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,24,40,.08);border-color:rgba(87,189,132,.3)}
    @media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}
  
/* Single page promotional banners */
    .promo-download{
      position:relative;
      overflow:hidden;
      border:1px solid #c7deda;
      background:
        radial-gradient(circle at 44% 0%, rgba(184,206,216,.22), transparent 15%),
        radial-gradient(circle at 100% 100%, rgba(172,216,210,.22), transparent 26%),
        linear-gradient(180deg,#f8fcfc 0%,#eef5f3 100%);
      box-shadow:0 16px 40px rgba(16,24,40,.04);
    }
    .promo-download::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:radial-gradient(rgba(87,189,132,.14) 1px, transparent 1px);
      background-size:18px 18px;
      opacity:.55;
      mask-image:linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.9) 26%, rgba(0,0,0,.9));
      -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.9) 26%, rgba(0,0,0,.9));
    }
    .promo-download::after{
      content:"";
      position:absolute;
      right:-80px;
      bottom:-95px;
      width:280px;
      height:280px;
      border-radius:9999px;
      border:32px solid rgba(168,208,203,.28);
      border-left-color:transparent;
      border-top-color:transparent;
      transform:rotate(18deg);
    }
    .promo-wave{
      position:absolute;
      left:28%;
      right:11%;
      bottom:58px;
      height:95px;
      opacity:.45;
    }
    .promo-wave svg{width:100%;height:100%}
    .promo-phone-wrap{
      position:relative;
      z-index:2;
      display:flex;
      justify-content:center;
      align-items:flex-end;
      min-height:290px;
    }
    .promo-phone-wrap img{
      width:min(100%,540px);
      object-fit:contain;
      filter:drop-shadow(0 16px 18px rgba(17,24,39,.08));
    }
    .store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:410px}
    .store-btn{
      display:flex;align-items:center;gap:12px;justify-content:flex-start;
      height:58px;border-radius:16px;background:#0b1320;color:#fff;padding:0 16px;
      box-shadow:0 10px 22px rgba(11,19,32,.10)
    }
    .store-btn small{display:block;font-size:11px;line-height:1.2;color:rgba(255,255,255,.72)}
    .store-btn b{display:block;font-size:15px;line-height:1.2;font-weight:800}
    .store-icon{
      width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
      font-weight:900;font-size:14px;flex:none
    }
    .appstore .store-icon{background:rgba(255,255,255,.14)}
    .playstore .store-icon{background:linear-gradient(135deg,#3b82f6,#22c55e)}
    .myket .store-icon{background:#1da1f2}
    .bazaar .store-icon{background:#84cc16;color:#17351f}
    .promo-market{
      position:relative;overflow:hidden;border:1px solid rgba(87,189,132,.24);
      background:linear-gradient(135deg,#15311d 0%, #214829 35%, #347146 72%, #57bd84 100%);
      box-shadow:0 20px 46px rgba(19,58,33,.14);
    }
    .promo-market::before{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(circle at 14% 24%, rgba(255,255,255,.16), transparent 18%),
        radial-gradient(circle at 86% 76%, rgba(255,255,255,.12), transparent 20%);
    }
    .coin-pill{
      display:inline-flex;align-items:center;justify-content:center;
      min-width:52px;height:52px;border-radius:9999px;
      background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);
      color:#fff;font-size:13px;font-weight:800;backdrop-filter:blur(4px)
    }
    @media(max-width:767px){
      .store-grid{max-width:none}
      .promo-wave{display:none}
      .promo-download::after{width:220px;height:220px;right:-75px;bottom:-85px}
    }

  
  
    .promo-market-graphic{
      position:relative;
      border:1px solid rgba(110,231,183,.20);
      background:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,.14), transparent 16%),
        radial-gradient(circle at 86% 20%, rgba(110,231,183,.12), transparent 22%),
        linear-gradient(135deg,#122816 0%, #183820 22%, #1f4b2c 56%, #2e7b4b 82%, #57bd84 100%);
      isolation:isolate;
    }
    .promo-market-grid{
      position:absolute;
      inset:0;
      opacity:.16;
      background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
      background-size:26px 26px;
      mask-image:linear-gradient(135deg, rgba(0,0,0,.85), rgba(0,0,0,.35));
      -webkit-mask-image:linear-gradient(135deg, rgba(0,0,0,.85), rgba(0,0,0,.35));
    }
    .promo-market-orb{
      position:absolute;
      border-radius:9999px;
      filter:blur(6px);
      opacity:.75;
    }
    .promo-market-orb-1{
      width:180px;height:180px;left:-36px;top:-42px;
      background:radial-gradient(circle, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 68%);
    }
    .promo-market-orb-2{
      width:240px;height:240px;right:-60px;bottom:-90px;
      background:radial-gradient(circle, rgba(168,242,206,.28) 0%, rgba(168,242,206,0) 70%);
    }
    .promo-market-board{
      width:min(100%,420px);
      border:1px solid rgba(255,255,255,.12);
      border-radius:28px;
      padding:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
      box-shadow:0 24px 50px rgba(4,10,20,.20);
      backdrop-filter:blur(10px);
    }
    .promo-market-board__head{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12);
    }
    .promo-token-card{
      display:flex;align-items:center;gap:12px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
      border-radius:18px;
      padding:12px;
    }
    .promo-token-card__icon{
      display:flex;align-items:center;justify-content:center;
      width:42px;height:42px;border-radius:14px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.12);
      font-size:22px;font-weight:900;flex:none;
    }
    @media(max-width:767px){
      .promo-market-board{padding:14px;border-radius:24px}
      .promo-token-card{padding:10px;border-radius:16px}
      .promo-token-card__icon{width:38px;height:38px;font-size:18px}
    }


    .promo-market-visual{
      width:min(100%,560px);
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .promo-market-visual img{
      display:block;
      width:100%;
      height:auto;
      object-fit:contain;
      filter:drop-shadow(0 22px 50px rgba(4,10,20,.18));
    }
    @media(max-width:767px){
      .promo-market-visual{width:min(100%,420px)}
    }

  

/* Preserve blog-single heading rhythm for WP the_content() markup */
.article-body h2{margin-top:2.25rem;font-size:24px;font-weight:700;line-height:2.5rem;color:#030712}
.article-body h3{margin-top:1.75rem;font-size:20px;font-weight:600;line-height:2rem;color:#030712}
.article-body h4{font-weight:600}
.article-body p{margin-top:0}
.article-body p+p{margin-top:1rem}
.article-body ul,.article-body ol{margin-top:1rem;padding-inline-start:1.25rem}
.article-body img{max-width:100%;height:auto;border-radius:1rem}
.article-body a{color:#57bd84}

/* Article title: use YekanBakh Bold (700), not Fat (900), without modifying PHP templates. */
.single-post article > header > h1{font-weight:700}

/* Keep long article TOCs scrollable within the sidebar, matching Fundfa. */
#walwelToc {
  max-height: min(48vh, 32rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

/* Sidebar section titles: match the article H3 semi-bold weight. */
body.single-post main aside > section:first-child > h3,
body.single-post main aside > section:nth-child(2) > div:first-child > h3 {
  font-weight: 600;
}


/* Mobile article TOC: fixed collapsible reader navigation. */
@media (max-width: 767px) {
  body.single-post.walwel-has-mobile-toc main aside > section:first-child {
    display: none;
  }

  #walwelMobileToc {
    position: fixed;
    top: calc(var(--walwel-mobile-toc-offset, 10px) + env(safe-area-inset-top, 0px));
    right: 12px;
    left: 12px;
    z-index: 45;
    max-width: 520px;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid #dbefe3;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(16, 24, 40, 0.13);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-12px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  }

  #walwelMobileToc.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  #walwelMobileToc .walwel-mobile-toc__toggle {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 16px;
    border: 0;
    color: #111827;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    cursor: pointer;
  }

  #walwelMobileToc .walwel-mobile-toc__chevron {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: #3f885d;
    transition: transform 180ms ease;
  }

  #walwelMobileToc .walwel-mobile-toc__toggle[aria-expanded="true"] .walwel-mobile-toc__chevron {
    transform: rotate(180deg);
  }

  #walwelMobileToc .walwel-mobile-toc__panel {
    max-height: min(48vh, 32rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b8d9c6 transparent;
    border-top: 1px solid #eef8f3;
    padding: 6px 8px 10px;
  }

  #walwelMobileToc .walwel-mobile-toc__panel[hidden] {
    display: none;
  }

  #walwelMobileToc .walwel-mobile-toc__link {
    display: block;
    padding: 9px 12px;
    border-radius: 10px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  #walwelMobileToc .walwel-mobile-toc__link.is-subheading {
    margin-inline-start: 14px;
    color: #6b7280;
    font-size: 12.5px;
  }

  #walwelMobileToc .walwel-mobile-toc__link:focus-visible,
  #walwelMobileToc .walwel-mobile-toc__link:hover {
    outline-offset: -2px;
    background: #eef8f3;
    color: #1f633e;
  }

  @media (prefers-reduced-motion: reduce) {
    #walwelMobileToc,
    #walwelMobileToc .walwel-mobile-toc__chevron {
      transition: none;
    }
  }
}

@media (min-width: 768px) {
  #walwelMobileToc { display: none; }
}

/* Hide the redundant tags box (third direct section) in article sidebar. */
body.single-post main aside > section:nth-child(3) { display: none; }