/*
 * BitTopup News - SEO / UX enhancements (breadcrumbs, author bio, share bar, related modules).
 * Source of truth: enhance/enhance.css in the project root. Deployed by enhance.py to public/bn/enhance.css.
 */
:root{
  --bn-accent:#f0465c;
  --bn-accent-2:#ff7a59;
  --bn-card:#fff;
  --bn-text:#111827;
  --bn-muted:#6b7280;
  --bn-line:#e5e7eb;
  --bn-chip:#f3f4f6;
  --bn-soft:#f9fafb;
  --bn-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
  --bn-lift:0 8px 20px rgba(15,23,42,.14);
}
.dark{
  --bn-card:#1e293b;
  --bn-text:#f1f5f9;
  --bn-muted:#94a3b8;
  --bn-line:#334155;
  --bn-chip:#334155;
  --bn-soft:#243247;
  --bn-shadow:none;
  --bn-lift:0 8px 20px rgba(0,0,0,.45);
}

/* Table of contents: stay in the sidebar flow, never float over the cards below it */
.toc-container{position:static!important;top:auto!important}

/* Visually hidden (keeps a single, meaningful <h1> on listing pages) */
.bn-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Breadcrumbs */
.bn-crumbs{margin:0 0 .75rem;font-size:.8125rem;line-height:1.25rem;color:var(--bn-muted)}
.bn-crumbs ol{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;overflow:hidden}
.bn-crumbs li{display:inline-flex;align-items:center;flex:none;min-width:0;white-space:nowrap}
.bn-crumbs li+li::before{content:"";flex:none;width:.375rem;height:.375rem;margin:0 .5rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.55}
.bn-crumbs li:last-child{flex:0 1 auto}
.bn-crumbs a{color:inherit;text-decoration:none}
.bn-crumbs a:hover,.bn-crumbs a:focus-visible{color:var(--bn-text);text-decoration:underline}
.bn-crumbs li:last-child>span{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--bn-text);opacity:.9}
.bn-crumb-bar .bn-crumbs{max-width:80rem;margin:0 auto;padding:.875rem 1rem 0}
@media (min-width:1024px){.bn-crumb-bar .bn-crumbs{padding-left:1.5rem;padding-right:1.5rem}}

/* Author box: intro paragraph under the byline */
.bn-byline{align-items:flex-start!important}
.bn-byline>a{flex:none;margin-top:.125rem}
.bn-bio{max-width:46rem;margin:.375rem 0 0;font-size:.75rem;line-height:1.15rem;font-weight:300;color:var(--bn-muted)}

/* Share bar (end of article) */
.bn-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;padding:1rem 0 0;border-top:1px solid var(--bn-line)}
.bn-share-label{margin-right:.25rem;font-size:.875rem;font-weight:500;color:var(--bn-muted)}
.bn-share-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:.5rem;background:var(--bn-btn,#64748b);color:#fff;cursor:pointer;text-decoration:none;transition:transform .15s ease,filter .15s ease,background-color .15s ease}
.bn-share-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.bn-share-btn:focus-visible{outline:2px solid var(--bn-accent);outline-offset:2px}
.bn-ico{display:block;width:1.25rem;height:1.25rem;background-color:currentColor;-webkit-mask:var(--bn-mask) center/contain no-repeat;mask:var(--bn-mask) center/contain no-repeat}
.bn-wa{--bn-btn:#25d366}.bn-x{--bn-btn:#000}.dark .bn-x{--bn-btn:#0b0f19;box-shadow:inset 0 0 0 1px #334155}
.bn-fb{--bn-btn:#1877f2}.bn-in{--bn-btn:#0a66c2}.bn-line{--bn-btn:#06c755}.bn-pin{--bn-btn:#e60023}.bn-tg{--bn-btn:#26a5e4}.bn-rd{--bn-btn:#ff4500}
.bn-copy{--bn-btn:#64748b}.bn-copy.is-copied{--bn-btn:#16a34a}.bn-copy.is-copied .bn-ico{--bn-mask:var(--bn-mask-check)}

/* Content blocks under the article card */
.bn-block{margin-top:1.5rem;padding:1rem;border-radius:.75rem;background:var(--bn-card);color:var(--bn-text);box-shadow:var(--bn-shadow)}
.bn-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.bn-block-title{margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--bn-text)}
.bn-block-sub{margin:.125rem 0 .875rem;font-size:.8125rem;line-height:1.25rem;color:var(--bn-muted)}
.bn-block-more{flex:none;font-size:.8125rem;color:var(--bn-muted);text-decoration:none;white-space:nowrap}
.bn-block-more:hover,.bn-block-more:focus-visible{color:var(--bn-accent)}
.bn-block-head+ul{margin-top:.875rem}
.bn-block-sub+ul{margin-top:0}

/* Related top-up products */
.bn-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
@media (min-width:480px){.bn-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.bn-products{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bn-product{display:flex;flex-direction:column;height:100%;padding:.625rem;border:1px solid var(--bn-line);border-radius:.75rem;background:var(--bn-soft);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.bn-product:hover,.bn-product:focus-visible{transform:translateY(-2px);border-color:var(--bn-accent);box-shadow:var(--bn-lift)}
.bn-product-img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:.5rem;object-fit:cover;background:var(--bn-chip)}
.bn-product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3rem;margin:.5rem 0;font-size:.8125rem;line-height:1.15rem;font-weight:600;color:var(--bn-text);word-break:break-word}
.bn-product-cta{display:flex;align-items:center;justify-content:center;margin-top:auto;padding:.375rem .5rem;border-radius:999px;background:linear-gradient(135deg,var(--bn-accent),var(--bn-accent-2));color:#fff;font-size:.75rem;font-weight:600;line-height:1rem}

/* Related articles */
.bn-articles{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none}
@media (min-width:640px){.bn-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1023px){.bn-articles{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1280px){.bn-articles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bn-article{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--bn-line);border-radius:.75rem;background:var(--bn-soft);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.bn-article:hover,.bn-article:focus-within{transform:translateY(-2px);border-color:var(--bn-accent);box-shadow:var(--bn-lift)}
.bn-article-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bn-chip)}
.bn-article-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.bn-article:hover .bn-article-thumb img{transform:scale(1.04)}
.bn-article-thumb--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#334155,#1e293b)}
.bn-article-thumb--empty img{width:3rem;height:3rem;object-fit:contain;opacity:.85}
.bn-article-body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:.75rem}
.bn-article-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:.9375rem;line-height:1.35rem;font-weight:600;word-break:break-word}
.bn-article-title a{color:var(--bn-text);text-decoration:none}
.bn-article-title a::after{content:"";position:absolute;inset:0;z-index:1}
.bn-article-title a:hover{text-decoration:underline}
.bn-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:auto 0 0;font-size:.75rem;line-height:1rem;color:var(--bn-muted)}
.bn-chip{display:inline-block;max-width:100%;padding:.125rem .5rem;overflow:hidden;border-radius:999px;background:var(--bn-chip);text-overflow:ellipsis;white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  .bn-share-btn,.bn-product,.bn-article,.bn-article-thumb img{transition:none}
  .bn-share-btn:hover,.bn-product:hover,.bn-article:hover{transform:none}
}

/* Icons (simple-icons / tabler, inlined as masks) */
.bn-copy{--bn-mask-check:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='m5%2012l5%205L20%207'/%3E%3C/svg%3E")}
.bn-ico-wa{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967c-.273-.099-.471-.148-.67.15c-.197.297-.767.966-.94%201.164c-.173.199-.347.223-.644.075c-.297-.15-1.255-.463-2.39-1.475c-.883-.788-1.48-1.761-1.653-2.059c-.173-.297-.018-.458.13-.606c.134-.133.298-.347.446-.52s.198-.298.298-.497c.099-.198.05-.371-.025-.52s-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a13%2013%200%200%200-.57-.01c-.198%200-.52.074-.792.372c-.272.297-1.04%201.016-1.04%202.479c0%201.462%201.065%202.875%201.213%203.074s2.096%203.2%205.077%204.487c.709.306%201.262.489%201.694.625c.712.227%201.36.195%201.871.118c.571-.085%201.758-.719%202.006-1.413s.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%200%201-5.031-1.378l-.361-.214l-3.741.982l.998-3.648l-.235-.374a9.86%209.86%200%200%201-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884c2.64%200%205.122%201.03%206.988%202.898a9.82%209.82%200%200%201%202.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.82%2011.82%200%200%200%2012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.9%2011.9%200%200%200%205.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.82%2011.82%200%200%200-3.48-8.413'/%3E%3C/svg%3E")}
.bn-ico-x{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M14.234%2010.162L22.977%200h-2.072l-7.591%208.824L7.251%200H.258l9.168%2013.343L.258%2024H2.33l8.016-9.318L16.749%2024h6.993zm-2.837%203.299l-.929-1.329L3.076%201.56h3.182l5.965%208.532l.929%201.329l7.754%2011.09h-3.182z'/%3E%3C/svg%3E")}
.bn-ico-fb{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978c.401%200%20.955.042%201.468.103a9%209%200%200%201%201.141.195v3.325a9%209%200%200%200-.653-.036a27%2027%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.7%201.7%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103l-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647'/%3E%3C/svg%3E")}
.bn-ico-in{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85c3.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433a2.06%202.06%200%200%201-2.063-2.065a2.064%202.064%200%201%201%202.063%202.065m1.782%2013.019H3.555V9h3.564zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200z'/%3E%3C/svg%3E")}
.bn-ico-line{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M19.365%209.863a.631.631%200%200%201%200%201.261H17.61v1.125h1.755a.63.63%200%201%201%200%201.259h-2.386a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63%200%200%201-.003%201.26H17.61v1.125zm-3.855%203.016a.63.63%200%200%201-.631.627a.62.62%200%200%201-.51-.25l-2.443-3.317v2.94a.63.63%200%200%201-1.257%200V8.108a.627.627%200%200%201%20.624-.628c.195%200%20.375.104.495.254l2.462%203.33V8.108c0-.345.282-.63.63-.63c.345%200%20.63.285.63.63zm-5.741%200a.63.63%200%200%201-.631.629a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63c.346%200%20.628.285.628.63zm-2.466.629H4.917a.634.634%200%200%201-.63-.629V8.108c0-.345.285-.63.63-.63c.348%200%20.63.285.63.63v4.141h1.756a.63.63%200%200%201%200%201.259M24%2010.314C24%204.943%2018.615.572%2012%20.572S0%204.943%200%2010.314c0%204.811%204.27%208.842%2010.035%209.608c.391.082.923.258%201.058.59c.12.301.079.766.038%201.08l-.164%201.02c-.045.301-.24%201.186%201.049.645c1.291-.539%206.916-4.078%209.436-6.975C23.176%2014.393%2024%2012.458%2024%2010.314'/%3E%3C/svg%3E")}
.bn-ico-pin{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M12.017%200C5.396%200%20.029%205.367.029%2011.987c0%205.079%203.158%209.417%207.618%2011.162c-.105-.949-.199-2.403.041-3.439c.219-.937%201.406-5.957%201.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911%202.168-2.911c1.024%200%201.518.769%201.518%201.688c0%201.029-.653%202.567-.992%203.992c-.285%201.193.6%202.165%201.775%202.165c2.128%200%203.768-2.245%203.768-5.487c0-2.861-2.063-4.869-5.008-4.869c-3.41%200-5.409%202.562-5.409%205.199c0%201.033.394%202.143.889%202.741c.099.12.112.225.085.345c-.09.375-.293%201.199-.334%201.363c-.053.225-.172.271-.401.165c-1.495-.69-2.433-2.878-2.433-4.646c0-3.776%202.748-7.252%207.92-7.252c4.158%200%207.392%202.967%207.392%206.923c0%204.135-2.607%207.462-6.233%207.462c-1.214%200-2.354-.629-2.758-1.379l-.749%202.848c-.269%201.045-1.004%202.352-1.498%203.146c1.123.345%202.306.535%203.55.535c6.607%200%2011.985-5.365%2011.985-11.987C23.97%205.39%2018.592.026%2011.985.026z'/%3E%3C/svg%3E")}
.bn-ico-tg{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M11.944%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200zm4.962%207.224c.1-.002.321.023.465.14a.5.5%200%200%201%20.171.325c.016.093.036.306.02.472c-.18%201.898-.962%206.502-1.36%208.627c-.168.9-.499%201.201-.82%201.23c-.696.065-1.225-.46-1.9-.902c-1.056-.693-1.653-1.124-2.678-1.8c-1.185-.78-.417-1.21.258-1.91c.177-.184%203.247-2.977%203.307-3.23c.007-.032.014-.15-.056-.212s-.174-.041-.249-.024q-.159.037-5.061%203.345q-.72.495-1.302.48c-.428-.008-1.252-.241-1.865-.44c-.752-.245-1.349-.374-1.297-.789q.04-.324.893-.663q5.247-2.286%206.998-3.014c3.332-1.386%204.025-1.627%204.476-1.635'/%3E%3C/svg%3E")}
.bn-ico-rd{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='currentColor'%20d='M12%200C5.373%200%200%205.373%200%2012c0%203.314%201.343%206.314%203.515%208.485l-2.286%202.286A.72.72%200%200%200%201.738%2024H12c6.627%200%2012-5.373%2012-12S18.627%200%2012%200m4.388%203.199a1.999%201.999%200%201%201-1.947%202.46v.002a2.37%202.37%200%200%200-2.032%202.341v.007c1.776.067%203.4.567%204.686%201.363a2.802%202.802%200%201%201%202.908%204.753c-.088%203.256-3.637%205.876-7.997%205.876c-4.361%200-7.905-2.617-7.998-5.87a2.8%202.8%200%200%201%201.189-5.34c.645%200%201.239.218%201.712.585c1.275-.79%202.881-1.291%204.64-1.365v-.01a3.23%203.23%200%200%201%202.88-3.207a2%202%200%200%201%201.959-1.595m-8.085%208.376c-.784%200-1.459.78-1.506%201.797s.64%201.429%201.426%201.429s1.371-.369%201.418-1.385s-.553-1.841-1.338-1.841m7.406%200c-.786%200-1.385.824-1.338%201.841s.634%201.385%201.418%201.385c.785%200%201.473-.413%201.426-1.429c-.046-1.017-.721-1.797-1.506-1.797m-3.703%204.013c-.974%200-1.907.048-2.77.135a.222.222%200%200%200-.183.305a3.2%203.2%200%200%200%202.953%201.964a3.2%203.2%200%200%200%202.953-1.964a.222.222%200%200%200-.184-.305a28%2028%200%200%200-2.769-.135'/%3E%3C/svg%3E")}
.bn-ico-link{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='m9%2015l6-6m-4-3l.463-.536a5%205%200%200%201%207.071%207.072L18%2013m-5%205l-.397.534a5.07%205.07%200%200%201-7.127%200a4.97%204.97%200%200%201%200-7.071L6%2011'/%3E%3C/svg%3E")}
.bn-ico-check{--bn-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='m5%2012l5%205L20%207'/%3E%3C/svg%3E")}