/**
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 *
 * 	Author: MD OMAR FARUK
 * 	Author URI: www.faruk.bd
 * 	Author Contact: https://faruk.bd/#contact
 * 	Author Email: info@faruk.bd | farukmr@gmail.com
 * 	Copyright © 2026
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 */
/*
 * What's New - the page and the news bar under the header. Classes of its
 * own (wn-*) with colours from the site's primary colour: the same in every
 * theme, light and dark, left-to-right and right-to-left.
 */
.wn,.wn-bar{--wn-ink:#0f172a;--wn-muted:#64748b;--wn-line:#e2e8f0;--wn-surface:#ffffff;--wn-soft:#f8fafc;--wn-accent:var(--app-primary,#e11d48);--wn-accent-rgb:var(--app-primary-rgb,225,29,72);--wn-c:var(--wn-accent);--wn-c-rgb:var(--wn-accent-rgb)}
[data-bs-theme="dark"] .wn,[data-bs-theme="dark"] .wn-bar{--wn-ink:#f1f5f9;--wn-muted:#94a3b8;--wn-line:#263041;--wn-surface:#111827;--wn-soft:#0b1220}
.wn-new{--wn-c:#16a34a;--wn-c-rgb:22,163,74}
.wn-improved{--wn-c:#2563eb;--wn-c-rgb:37,99,235}
.wn-fixed{--wn-c:#d97706;--wn-c-rgb:217,119,6}
.wn-notice{--wn-c:#7c3aed;--wn-c-rgb:124,58,237}
[data-bs-theme="dark"] .wn-new{--wn-c:#4ade80;--wn-c-rgb:74,222,128}
[data-bs-theme="dark"] .wn-improved{--wn-c:#60a5fa;--wn-c-rgb:96,165,250}
[data-bs-theme="dark"] .wn-fixed{--wn-c:#fbbf24;--wn-c-rgb:251,191,36}
[data-bs-theme="dark"] .wn-notice{--wn-c:#a78bfa;--wn-c-rgb:167,139,250}

.wn{color:var(--wn-ink);text-align:start}
.wn *,.wn *::before,.wn *::after{box-sizing:border-box}
.wn .wn-intro{margin:0 0 1.4rem;font-size:1.06rem;line-height:1.6;color:var(--wn-muted)}

.wn-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.wn-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1.5px solid var(--wn-line);border-radius:999px;background:var(--wn-surface);color:var(--wn-muted);font-size:.88rem;font-weight:700;text-decoration:none;transition:all .15s}
.wn-filter b{padding:.05rem .45rem;border-radius:999px;background:var(--wn-soft);font-size:.74rem;color:var(--wn-muted)}
.wn-filter i{color:var(--wn-c)}
.wn-filter:hover{border-color:var(--wn-c);color:var(--wn-ink);text-decoration:none}
.wn-filter.is-on{border-color:var(--wn-c);background:var(--wn-c);color:#fff}
.wn-filter.is-on i{color:#fff}
.wn-filter.is-on b{background:rgba(255,255,255,.22);color:#fff}

.wn-line{position:relative;padding-inline-start:1.9rem}
.wn-line::before{content:"";position:absolute;inset-block:.5rem 0;inset-inline-start:.42rem;width:2px;border-radius:2px;background:linear-gradient(to bottom,var(--wn-accent),var(--wn-line) 12rem)}
.wn-group{position:relative;margin:0 0 2.2rem}
.wn-group-head{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;margin:0 0 1rem}
.wn-dot{position:absolute;inset-inline-start:-1.9rem;top:.3rem;width:.95rem;height:.95rem;border-radius:50%;background:var(--wn-surface);border:3px solid var(--wn-accent);box-shadow:0 0 0 4px rgba(var(--wn-accent-rgb),.15)}
.wn .wn-version{margin:0;font-size:1.3rem;font-weight:800;line-height:1.2;color:var(--wn-ink);letter-spacing:-.01em}
.wn-date{font-size:.9rem;font-weight:600;color:var(--wn-muted)}

.wn-item{position:relative;margin:0 0 .9rem;padding:1.15rem 1.3rem 1.2rem;border:1px solid var(--wn-line);border-inline-start:4px solid var(--wn-c);border-radius:16px;background:var(--wn-surface);box-shadow:0 10px 30px -24px rgba(15,23,42,.5);transition:transform .15s,box-shadow .15s;scroll-margin-top:6rem}
.wn-item:hover{transform:translateY(-1px);box-shadow:0 16px 36px -24px rgba(15,23,42,.6)}
.wn-item:target{box-shadow:0 0 0 3px rgba(var(--wn-c-rgb),.3)}
.wn-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;background:rgba(var(--wn-c-rgb),.12);color:var(--wn-c);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wn .wn-title{margin:.6rem 0 0;font-size:1.12rem;font-weight:700;line-height:1.35;color:var(--wn-ink)}
.wn-body{margin-top:.5rem;color:var(--wn-muted);font-size:.97rem;line-height:1.65}
.wn-body > :first-child{margin-top:0}
.wn-body > :last-child{margin-bottom:0}
.wn-body p{margin:0 0 .7rem}
.wn-body ul,.wn-body ol{margin:0 0 .7rem;padding-inline-start:1.25rem}
.wn-body a{color:var(--wn-accent)}

.wn-empty{padding:3rem 1rem;border:1.5px dashed var(--wn-line);border-radius:18px;text-align:center;color:var(--wn-muted)}
.wn-empty i{font-size:2.2rem;color:var(--wn-accent)}
.wn-empty p{margin:.6rem 0 0}

.wn-pages{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem}
.wn-page{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border:1.5px solid var(--wn-line);border-radius:999px;background:var(--wn-surface);color:var(--wn-ink);font-weight:700;font-size:.9rem;text-decoration:none}
.wn-page:hover{border-color:var(--wn-accent);color:var(--wn-accent);text-decoration:none}
.wn-page-now{font-size:.86rem;font-weight:600;color:var(--wn-muted);font-variant-numeric:tabular-nums}
[dir="rtl"] .wn-flip{transform:scaleX(-1)}

/* ----------------------------------------------- the bar under the header */
.wn-bar{position:relative;z-index:2;background:linear-gradient(90deg,rgba(var(--wn-accent-rgb),.1),rgba(var(--wn-accent-rgb),.04));border-bottom:1px solid rgba(var(--wn-accent-rgb),.18)}
.wn-bar[hidden]{display:none}
.wn-bar-in{display:flex;align-items:center;justify-content:center;gap:.7rem;max-width:1200px;margin:0 auto;padding:.5rem 2.8rem .5rem 1rem;position:relative;font-size:.9rem}
[dir="rtl"] .wn-bar-in{padding:.5rem 1rem .5rem 2.8rem}
.wn-bar-tag{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;padding:.15rem .6rem;border-radius:999px;background:var(--wn-accent);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wn-bar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wn-ink);font-weight:600;text-decoration:none}
.wn-bar-text:hover{color:var(--wn-accent);text-decoration:none}
.wn-bar-x{position:absolute;inset-inline-end:.6rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.9rem;height:1.9rem;border:0;border-radius:50%;background:none;color:var(--wn-muted);font-size:.8rem;cursor:pointer}
.wn-bar-x:hover{background:rgba(var(--wn-accent-rgb),.14);color:var(--wn-ink)}
html.is-app .wn-bar{display:none}

@media (max-width: 575.98px){
    .wn-line{padding-inline-start:1.5rem}
    .wn-dot{inset-inline-start:-1.5rem}
    .wn-line::before{inset-inline-start:.4rem}
    .wn-item{padding:1rem 1rem 1.05rem;border-radius:14px}
    .wn .wn-version{font-size:1.15rem}
    .wn-bar-in{justify-content:flex-start}
}
@media (prefers-reduced-motion: reduce){.wn-item,.wn-filter{transition:none}}

/* the platforms that arrived lately, at the top of the page */
.wn .wn-sites-box{margin:0 0 2rem;padding:1.1rem 1.2rem 1.2rem;border:1.5px solid var(--wn-line);border-radius:1rem;background:var(--wn-surface)}
.wn .wn-sites-box h2{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .2rem;font-size:1.12rem;font-weight:800;line-height:1.3;color:var(--wn-ink)}
.wn .wn-sites-box h2 .bi{color:var(--wn-accent)}
.wn .wn-sites-box p{margin:0 0 .9rem;font-size:.93rem;color:var(--wn-muted)}
.wn .wn-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.55rem;margin:0;padding:0;list-style:none}
.wn .wn-sites a{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.5rem .65rem;border:1px solid var(--wn-line);border-radius:.75rem;color:var(--wn-ink);font-size:.93rem;font-weight:600;text-decoration:none;transition:border-color .15s,transform .15s}
.wn .wn-sites a:hover{border-color:var(--pc,var(--wn-accent));text-decoration:none;transform:translateY(-1px)}
.wn .wn-site-icon{flex:0 0 2rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:rgba(127,127,127,.13)}
.wn .wn-site-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:420px){.wn .wn-sites{grid-template-columns:repeat(2,minmax(0,1fr))}}