/* GLOBAL LINKS */

a{

    color:#3458d4;

    text-decoration:none;

    font: inherit;
    font-size: inherit;
    line-height: inherit;

}

a:hover{

    text-decoration:none;

}
html,
body{
    margin:0;
    padding:0;
    background:#f7f7f5;
    font-family:Inter,sans-serif;
    color:#1f1f1f;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* GLOBAL TYPOGRAPHY */

.mw-parser-output{

    font-size:16px;

    line-height:1.82;

    color:#292826;

    font-weight:400;

}

.mw-parser-output p{

    margin:0 0 22px;

}

.mw-parser-output h2{

    font-size:30px;

    line-height:1.12;

    margin-top:50px;

    margin-bottom:16px;

    border:none;

    font-weight:600;

    letter-spacing:-0.8px;

    color:#1f1f1f;

}

.mw-parser-output h3{

    font-size:23px;

    margin-top:34px;

    margin-bottom:14px;

    font-weight:600;

}

.mw-parser-output a{

    color:#3458d4;

    text-decoration:none;

}

body{
    overflow-x:hidden;
    font-size:14px;
}

/* =========================
   LAYOUT
========================= */

.bpneo-shell{
    display:flex;
    min-height:100vh;
}

/* =========================
   SIDEBAR
========================= */

.bpneo-sidebar{
    width:202px;
    background:#f7f5f2;
    border-right:1px solid #ece8e1;
    height:100vh;
    position:sticky;
    top:0;
    flex-shrink:0;
}

.bpneo-sidebar-inner{
    height:100%;
    display:flex;
    flex-direction:column;
    padding:18px 14px;
}

/* =========================
   LOGO
========================= */

.bpneo-logo{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#1d1d1f;

    margin-bottom:34px;

    padding:0 8px;

}

.bpneo-logo-image{

    width:25px;

    height:25px;

    object-fit:contain;

    flex-shrink:0;

}

.bpneo-logo-text{

    font-size:17px;

    font-weight:700;

    letter-spacing:-0.3px;

    line-height:1.1;

}

.bpneo-logo-bars{
    font-size:16px;
    letter-spacing:-3px;
    color:#111;
}



/* =========================
   NAVIGATION
========================= */

.bpneo-nav{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.bpneo-nav-item{
    height:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 14px;
    text-decoration:none;
    color:#7a746d;
    background:none;
    border:none;
    width:100%;
    cursor:pointer;
    transition:.15s ease;
    box-sizing:border-box;
}

.bpneo-nav-item:hover{
    background:#efebe5;
    color:#222;
}

.bpneo-nav-item.active{
    background:#e8edf9;
    color:#4b6dde;
}

.bpneo-nav-icon{
    width:18px;
    min-width:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.bpneo-nav-icon i{
    font-size:18px;
}

.bpneo-nav-label{
    font-size:14px;
    font-weight:500;
}

.bpneo-nav-icon{
    position:relative;
}

.bpneo-nav-icon .bpneo-notif-badge{
    position:absolute;
    top:-8px;
    right:-10px;
    z-index:10;
}
/* =========================
   PROFILE
========================= */

.bpneo-sidebar-bottom{
    margin-top:auto;
    position:relative;
    padding-top:20px;
}

.bpneo-profile-card{
    height:44px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 10px;
    text-decoration:none;
    color:#222;
    transition:.15s;
    cursor:pointer;
}

.bpneo-profile-card:hover{
    background:#efebe5;
}

.bpneo-profile-avatar{
    width:30px;
    height:30px;
    border-radius:999px;
    background:#ebe6df;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:13px;
    font-weight:600;
    flex-shrink:0;
}

.bpneo-profile-avatar i{
    font-size:15px;
}

.bpneo-profile-name{
    font-size:14px;
    font-weight:600;
    color:#1f1f1f;
}

/* =========================
   USER MENU
========================= */

.bpneo-user-menu{
    position:fixed;
    width:320px;

    background:#fff;
    border-radius:14px;
    overflow:hidden;

    border:1px solid #ebe5de;

    box-shadow:
    0 8px 28px rgba(0,0,0,.06);

    display:none;

    z-index:999999;
}

.bpneo-user-menu.show{
    display:block;
}

.bpneo-user-menu a{
    display:flex;
    align-items:center;
    height:42px;
    padding:0 14px;
    text-decoration:none;
    color:#222;
    font-size:13px;
}

.bpneo-user-menu a:hover{
    background:#f7f5f2;
}

/* =========================
   USER MENU HEADER
========================= */

.bpneo-user-menu-header{

    padding:16px 16px 14px;

    border-bottom:1px solid #ece8e1;

}

.bpneo-user-menu-header h3{

    margin:0 0 4px;

    font-size:16px;

    font-weight:700;

    color:#1f1f1f;

}

.bpneo-user-menu-header p{

    margin:0;

    font-size:13px;

    color:#7a746d;

    line-height:1.4;

}
/* =========================
   MAIN
========================= */

.bpneo-main{
    flex:1;
    min-width:0;
    padding:0 34px 60px;
}

.bpneo-main{
    overflow:visible;
}
/* =========================
   TOPBAR
========================= */

.bpneo-topbar{
    height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ebe7e1;
    position:sticky;
    top:0;
    background:#f7f7f5;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    z-index:100;
    padding:0 4px;
}

.bpneo-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.bpneo-back-btn{
    width:28px;
    height:28px;
    border:none;
    border-radius:8px;
    background:none;
    cursor:pointer;
    font-size:16px;
    color:#625d57;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.15s ease;
}

.bpneo-back-btn:hover{
    background:#ece7df;
}

.bpneo-prev-page{
    font-size:13px;
    color:#2b2a28;
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:420px;
}

.bpneo-top-actions{
    display:flex;
    align-items:center;
    gap:6px;
}

/* =========================
   FONT SWITCHER
========================= */

.bpneo-font-switch{
    height:32px;
    background:#f0ece7;
    border-radius:999px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:0 2px;
}

.bpneo-font-label{
    padding:0 10px;
    font-size:12px;
    color:#7a746d;
}

.bpneo-font-btn{
    width:28px;
    height:29px;
    border:none;
    background:none;
    cursor:pointer;
    font-size:12px;
    color:#5f5a55;
   
    transition:.15s ease;
}

.bpneo-font-btn.active{
    background:#d79b62;
    color:#fff;
}

/* =========================
   ICON BUTTONS
========================= */

.bpneo-icon-btn{
    width:32px;
    height:32px;
    border:none;
    border-radius:10px;
    background:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#625d57;
    transition:.15s ease;
}

.bpneo-icon-btn:hover{
    background:#ece7df;
}

.bpneo-icon-btn i{
    font-size:15px;
}

.bpneo-like-count{
    font-size:11px;
    margin-left:1px;
}

.bpneo-like-btn.active{

    color:#e53935;

}
/* =========================
   FEEDBACK BUTTON
========================= */

.bpneo-feedback-btn{
    height:32px;
    padding:0 16px;
    border-radius:999px;
    background:#f8f7f5;
    border:1px solid #ddd7cf;
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#222;
    font-size:13px;
    font-weight:500;
    transition:.15s ease;
}

.bpneo-feedback-btn:hover{
    background:#f1ede8;
}

/* =========================
   ACTION MENU
========================= */

.bpneo-action-menu{
    position:absolute;
    top:42px;
    right:0;
    width:190px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #ece6df;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    display:none;
}

.bpneo-action-menu.show{
    display:block;
}

.bpneo-action-menu a{
    display:flex;
    align-items:center;
    height:40px;
    padding:0 14px;
    text-decoration:none;
    color:#222;
    font-size:13px;
}

.bpneo-action-menu a:hover{
    background:#f7f5f2;
}

/* =========================
   CONTENT
========================= */

.bpneo-content{
    max-width:920px;
    margin:0 auto;
    padding-top:28px;
}



.bpneo-title{
    max-width:600px;
    font-size:45px;
    line-height:1.03;
    letter-spacing:-2px;
    font-weight:500;
    margin:0 0 14px;
    color:#1f1f1f;
}

.bpneo-shortdesc{
    max-width:760px;
    font-size:18px;
    line-height:1.55;
    color:#5d5953;
    margin-bottom:22px;
    font-weight:400;
}

/* =========================
   META
========================= */

.bpneo-meta{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:36px;
}

.bpneo-meta-line{
    display:flex;
    align-items:center;
    gap:8px;
    color:#77716b;
    font-size:13px;
}

/* =========================
   ARTICLE
========================= */

.mw-parser-output{
    max-width:100%;
    font-size:16px;
    line-height:1.82;
    color:#292826;
    font-weight:400;
}

.mw-parser-output p{
    margin:0 0 22px;
}

.mw-parser-output h2{
    font-size:30px;
    line-height:1.12;
    margin-top:50px;
    margin-bottom:16px;
    border:none;
    font-weight:600;
    letter-spacing:-0.8px;
    color:#1f1f1f;
}

.mw-parser-output h3{
    font-size:23px;
    margin-top:34px;
    margin-bottom:14px;
    font-weight:600;
}

.mw-parser-output ul,
.mw-parser-output ol{
    padding-left:24px;
}

.mw-parser-output li{
    margin-bottom:8px;
}

.mw-parser-output a{
    color:#3458d4;
    text-decoration:none;
    text-underline-offset:2px;
}

/* =========================
   INFOBOX
========================= */

.infobox th{
    background:#f1ede8!important;
}

.infobox td,
.infobox th{
    padding:8px 10px!important;
}

/* =========================
   MENUS
========================= */

.bpneo-action-menu{
    position:absolute;
    top:50px;
    right:0;
    width:200px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #ece6df;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    display:none;
}

.bpneo-action-menu.show{
    display:block;
}

.bpneo-action-menu a{
    display:flex;
    align-items:center;
    height:44px;
    padding:0 14px;
    text-decoration:none;
    color:#222;
    font-size:13px;
}

.bpneo-action-menu a:hover{
    background:#f7f5f2;
}

/* =========================
   REMOVE MW DEFAULTS
========================= */

#toc,
.toc,
.mw-editsection,
.printfooter,
.catlinks,
#siteSub,
#contentSub,
.vector-sticky-header,
.mw-jump-link{
    display:none!important;
}

/* =========================
   TABLES
========================= */

table{
    border-collapse:collapse;
}

/* =========================
   SCROLLBAR
========================= */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#f3f1ed;
}

::-webkit-scrollbar-thumb{
    background:#d9d3cc;
    border-radius:999px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px){

    .bpneo-sidebar{
        width:74px;
    }

    .bpneo-logo-text,
    .bpneo-nav-label,
    .bpneo-profile-info{
        display:none;
    }

    .bpneo-nav-item{
        justify-content:center;
        padding:0;
    }

    .bpneo-main{
        padding:0 24px 50px;
    }

}

@media(max-width:768px){

    .bpneo-sidebar{
        display:none;
    }

    .bpneo-main{
        padding:0 16px 40px;
    }

    .bpneo-topbar{
        height:58px;
    }

    .bpneo-title{
        font-size:36px;
        letter-spacing:-1.5px;
    }

    .mw-parser-output{
        font-size:15px;
    }

    .bpneo-feedback-btn{
        display:none;
    }
    
    

}


/* =====================================
   FIX SIDEBAR ACCOUNT POSITION
===================================== */

.bpneo-shell{
    min-height:100vh;
}

.bpneo-sidebar{
    height:100vh;
}

.bpneo-sidebar-inner{
    height:104vh;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}

.bpneo-nav{
    flex:1 1 auto;
}

.bpneo-sidebar-bottom{
    margin-top:auto;
    padding-top:14px;
    padding-bottom:10px;
    background:#f8f7f5;
    flex-shrink:0;
}

.bpneo-profile-card{
    min-height:44px;
}
.bpneo-meta{
    display:flex;
    
    gap:12px;
    margin-bottom:34px;
}

.bpneo-meta-line{
    display:flex;
    align-items:center;
    gap:8px;
    color:#7a746d;
    font-size:13px;
    line-height:1;
}

.bpneo-meta-line i{
    font-size:18px;
    color:#6f6a64;
}

.bpneo-meta-line strong{
    font-weight:500;
    color:#2a2927;
}

.bpneo-history-link{
    color:#6b6762;
    text-decoration:none;
    transition:.15s ease;
}

.bpneo-history-link:hover{
    color:#111;
}

.bpneo-action-menu a{
    display:flex;
    align-items:center;
    gap:12px;
}

.bpneo-action-menu a i{
    width:18px;
    min-width:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* =========================
   ALSO KNOWN AS
========================= */

.bpneo-also-known{
    margin-bottom:18px;
    max-width:760px;
    color:#68625d;
    font-size:15px;
    line-height:1.6;
}

.bpneo-ak-label{
    font-weight:500;
    color:#2a2927;
    margin-right:6px;
}

.bpneo-ak-list{
    font-style:italic;
}

/* =========================
   SIDEBAR MORE PANEL
========================= */

.bpneo-sidebar{
    overflow:hidden;
}

.bpneo-sidebar-more-panel{
    position:absolute;
    inset:0;
    background:#f8f7f5;
    z-index:9999;

    transform:translateY(100%);
    transition:transform .28s ease;

    display:flex;
    flex-direction:column;
}

.bpneo-sidebar-more-panel.show{
    transform:translateY(0);
}

.bpneo-sidebar-more-header{
    height:56px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ece8e1;
    flex-shrink:0;
    background:#f8f7f5;
}

.bpneo-sidebar-more-header span{
    font-size:18px;
    font-weight:700;
    color:#1f1f1f;
}

.bpneo-sidebar-more-close{
    width:34px;
    height:34px;
    border:none;
    border-radius:10px;
    background:#ece7df;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}

.bpneo-sidebar-more-close i{
    font-size:18px;
}

.bpneo-sidebar-more-links{
    flex:1;
    overflow:auto;
    padding:14px;
}

.bpneo-sidebar-section{
    margin-bottom:22px;
}

.bpneo-sidebar-section-title{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8a847d;
    margin-bottom:10px;
    padding:0 10px;
}

.bpneo-sidebar-more-link{
    height:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    padding:0 12px;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:500;
    transition:.15s ease;
}

.bpneo-sidebar-more-link:hover{
    background:#ece7df;
}

/* =========================
   SEARCH MODAL
========================= */

#bpneo-search-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.34);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    z-index:99999;

    display:none;
    align-items:flex-start;
    justify-content:center;

    padding-top:90px;
}

#bpneo-search-modal.show{
    display:flex;
}

.bpneo-search-box{
    width:100%;
    max-width:680px;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.18);
}

.bpneo-search-top{
    height:68px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 22px;
    border-bottom:1px solid #ece8e1;
}

.bpneo-search-top i{
    font-size:20px;
    color:#7a746d;
}

#bpneo-search-input{
    flex:1;
    border:none;
    outline:none;
    background:none;
    font-size:18px;
    color:#1f1f1f;
}

#bpneo-search-close{
    width:38px;
    height:38px;
    border:none;
    border-radius:12px;
    background:#f3efe9;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}

#bpneo-search-close i{
    font-size:18px;
    color:#444;
}

.bpneo-search-results{
    max-height:65vh;
    overflow:auto;
    padding:10px;
}

.bpneo-search-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border-radius:14px;
    text-decoration:none;
    color:#1f1f1f;
    transition:.15s ease;
}

.bpneo-search-item:hover{
    background:#f5f2ed;
}

.bpneo-search-item i{
    font-size:18px;
    color:#7a746d;
}
.bpneo-search-section{
    padding:8px 0;
}

.bpneo-search-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 16px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8a847d;
}

#bpneo-clear-history{
    border:none;
    background:none;
    cursor:pointer;
    color:#d04d4d;
    font-size:11px;
    font-weight:600;
}

.bpneo-search-empty{
    padding:14px 16px;
    color:#8a847d;
    font-size:14px;
}

/* =========================
   REMOVE TOP ARTICLE GAP
========================= */

.mw-parser-output > #mw-content-text > .mw-parser-output{
    padding-top:0!important;
    margin-top:0!important;
}

.mw-parser-output .mw-parser-output > *:first-child{
    margin-top:0!important;
}

.action-view
.mw-parser-output
.mw-parser-output
> p:first-child:empty{

    display:none;

}

.mw-parser-output .mw-parser-output > .mw-empty-elt{
    display:none!important;
}

/* =========================
   NOTIFICATION BADGE
========================= */

.bpneo-nav-label{
    display:flex;
    align-items:center;
    gap:8px;
}

.bpneo-notif-badge{
    min-width:18px;
    height:18px;
    padding:0 6px;
    border-radius:999px;
    background:#e5484d;
    color:#fff;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

/* =========================
   ACTIVE BOOKMARK
========================= */

.bpneo-bookmark-btn.active{
    background:#f3ece4;
    color:#c07a2c;
}

.bpneo-bookmark-btn.active i{
    font-weight:700;
}

.bpneo-recent-links{

    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;

}

.bpneo-breadcrumb-link{

    color:inherit;
    text-decoration:none;
    font-size:14px;
    opacity:.85;

}

.bpneo-breadcrumb-link:hover{

    opacity:1;

}

.bpneo-breadcrumb-sep{

    opacity:.45;

}

.bpneo-breadcrumb {
    overflow: hidden;
    min-width: 0;
}

.bpneo-recent-links {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    min-width: 0;
    width: 100%;
    gap: 8px;
}

.bpneo-breadcrumb-link {
    flex-shrink: 0;
}

.bpneo-breadcrumb-link:last-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    min-width: 0;
    max-width: 180px;
    flex-shrink: 1;
}

.bpneo-breadcrumb-sep {
    flex-shrink: 0;
}
.bpneo-back-link{
    display:flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
    
    color:inherit;
    opacity:.8;
    transition:.2s;
}

.bpneo-back-link:hover{
    opacity:1;
}
/* RED LINKS */

a.new,
.mw-parser-output a.new,
.bpneo-content a.new{

    color:#d73333 !important;

}

a.new:visited,
.mw-parser-output a.new:visited,
.bpneo-content a.new:visited{

    color:#d73333 !important;

}

.bpneo-draft-text{

    margin:28px 0;

    color:#666;

    font-size:15px;

    line-height:1.8;
}

.bpneo-draft-line{

    padding-left:32px;
}

.bpneo-draft-line + .bpneo-draft-line{

    margin-top:12px;
}

/* =========================
   RELATED ARTICLES
========================= */

.bpneo-related-wrap{

    margin-top:64px;

    padding-top:30px;

    
}

/* HEADING */

.bpneo-related-heading{

    font-size:15px;

    font-weight:700;

    color:#111;

    margin-bottom:22px;

    letter-spacing:-0.01em;
}

/* GRID */

.bpneo-related-grid{

    display:grid;

    grid-template-columns:
    repeat(2,minmax(0,1fr));

    gap:18px;

    justify-items:center;
}

/* CARD */

.bpneo-related-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    width: 100%;
    max-width: 360px;
    background: #f7f5f2;
    border: 1px solid #d1d0ce;
    border-radius: 28px;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bpneo-related-card:hover{

    transform:translateY(-2px);

    border-color:#e2ddd5;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}

/* IMAGE WRAP */

.bpneo-related-media{

    padding:16px 16px 0;
}

/* IMAGE */

.bpneo-related-image,

.bpneo-related-fallback{

    width:100%;

    aspect-ratio:16/10;

    border-radius:22px;

    display:block;

    object-fit:cover;

    object-position:center;

    background:#f3f3f1;
}

/* FALLBACK */

.bpneo-related-fallback{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:78px;

    font-weight:700;

    color:rgba(0,0,0,.20);

    background:#f1f1ef;
}

/* CONTENT */

.bpneo-related-body{

    padding:14px 16px 16px;
}

/* TITLE */

.bpneo-related-title{

    font-size:15px;

    line-height:1.38;

    font-weight:650;

    letter-spacing:-0.015em;

    color:#111;

    margin-bottom:10px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;
}

/* EXTRACT */

.bpneo-related-extract{

    font-size:14px;

    line-height:1.65;

    color:#6e6e6e;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;
}

/* MOBILE */

@media(max-width:900px){

    .bpneo-related-grid{

        grid-template-columns:1fr;

        gap:18px;
    }

    .bpneo-related-card{

        max-width:100%;

        border-radius:24px;
    }

    .bpneo-related-media{

        padding:14px 14px 0;
    }

    .bpneo-related-body{

        padding:14px 15px 16px;
    }

    .bpneo-related-title{

        font-size:15px;
    }

    .bpneo-related-extract{

        font-size:13px;
    }
}
#bpneo-related-grid{

    max-width:750px;

    margin:0 auto;

    width:100%;
}

.bpneo-image-strip-wrap {
    margin: 18px 0 24px;
    overflow: hidden;
}

.bpneo-image-strip {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 2px;
}

.bpneo-image-strip::-webkit-scrollbar {
    display: none;
}

.bpneo-image-card {
    flex: 0 0 auto;
    width: 150px;
    height: 100px;
    border-radius: 14px;
    overflow: hidden;
    background: #f5f5f5;
    display: block;
    position: relative;
}

.bpneo-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .2s ease;
}

.bpneo-image-card:hover img {
    transform: scale(1.03);
}

.bpneo-titlebar{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:10px;
}

.bpneo-title-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.bpneo-title-wrap{

    display:flex;

    align-items:flex-end;

    gap:6px;
}

.bpneo-title{

    margin:0;

    line-height:1;
}

.bpneo-title-badge{

    width:34px;

    height:34px;

    display:inline-flex;

    align-items:center;

    font-size:18px;

    position:relative;

    top:2px;
}

.bpneo-title-badge.ga{

    color:#0f766e;
}

.bpneo-title-badge.fa{

    color:#ca8a04;
}

.bpneo-title-badge.fl{

    color:#7c3aed;
}

.bpneo-title-actions{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:10px;
}

.bpneo-title-btn{

    color:#666;

    text-decoration:none;

    font-size:24px;

    transition:.15s ease;
}

.bpneo-title-btn:hover{

    color:#111;

    transform:translateY(-1px);
}

.bpneo-afc-btn{

    color:#2563eb;
}

.wikitable {
        background-color: var(--background-color-neutral-subtle,#f8f9fa);
        color: var(--color-base,#202122);
        margin: 1em 0;
        border: 1px solid var(--border-color-base,#a2a9b1);
        border-collapse: collapse
    }

    .wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td {
        border: 1px solid var(--border-color-base,#a2a9b1);
        padding: 0.2em 0.4em
    }

    .wikitable > tr > th,.wikitable > * > tr > th {
        background-color: var(--background-color-neutral,#eaecf0);
        color: var(--color-base,#202122);
        text-align: center
    }

    .wikitable > caption {
        font-weight: bold
    }

@media all and (max-width: 639px) {
    body.skin--responsive .wikitable {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}
/* Reset list */
#histlegend .hlist ul,
#histlegend .hlist ol,
#histlegend .hlist dl {
    margin: 0;
    padding: 0;
}

/* Make items inline */
#histlegend .hlist li,
#histlegend .hlist dt,
#histlegend .hlist dd {
    display: inline;
    margin: 0;
}

/* Keep list inline */
#histlegend .hlist.inline ul {
    display: inline;
}

/* Add separator (dot) */
#histlegend .hlist li::after {
    content: " · ";
    font-weight: bold;
}

/* Remove last separator */
#histlegend .hlist li:last-child::after {
    content: "";
}

/* Optional: spacing fix for sup links */
#histlegend .hlist sup {
    margin-left: 2px;
}
#histlegend {
    font-size: 0.9em;
    line-height: 1.6;
}

#histlegend a {
    text-decoration: none;
}

#histlegend a:hover {
    text-decoration: underline;
}

#mwe-pt-toolbar,
#mwe-pt-toolbar-active,
#mwe-pt-toolbar-inactive{

    display:block !important;

}

/* =========================
   TOC
========================= */

#bpneo-grok-toc{
    pointer-events:auto;
}

.bpneo-grok-item{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    text-decoration:none;
    position:relative;
}

.bpneo-grok-line{
    height:1.5px;
    border-radius:999px;
    background:#d2d2d2;
    transition:all .22s ease;
}

.bpneo-grok-label{
    position:absolute;
    right:28px;
    opacity:0;
    transform:translateX(6px);
    transition:all .2s ease;
    white-space:nowrap;
    font-size:14px;
    font-weight:500;
    color:#999;
    background:rgba(255,255,255,.96);
    padding:4px 10px;
    border-radius:10px;
    pointer-events:none;
    box-shadow:0 1px 8px rgba(0,0,0,.05);
}

.bpneo-grok-arrow{
    opacity:0;
    border:none;
    background:none;
    cursor:pointer;
    font-size:16px;
    color:#b8b8b8;
    transition:all .2s ease;
}

/* =========================================================
   RESET / NORMALIZE
========================================================= */

body {
    margin: 0;
    padding: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
}

pre,
code,
tt,
kbd,
samp {
    font-family: monospace, monospace;
}

sub,
sup {
    line-height: 1;
}

figure {
    margin: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

legend {
    padding: 0;
}


/* =========================================================
   ARTICLE CONTENT
========================================================= */

.mw-parser-output {
    line-height: 1.7;
    font-size: 16px;
    word-wrap: break-word;
}

.mw-parser-output p {
    margin: 0 0 1em;
}

.mw-parser-output a {
    text-decoration: none;
}

.mw-parser-output a:hover {
    text-decoration: underline;
}


/* =========================================================
   FLOAT / ALIGNMENT SYSTEM
========================================================= */

div.tright,
div.floatright,
table.floatright {
    clear: right;
    float: right;
    margin: 0 0 1em 1.4em;
}

div.tleft,
div.floatleft,
table.floatleft {
    clear: left;
    float: left;
    margin: 0 1.4em 1em 0;
}


/* =========================================================
   THUMBNAILS
========================================================= */

div.thumb {
    width: auto;
    background: transparent;
    margin-bottom: 1em;
}

div.thumbinner {
    padding: 3px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #c8ccd1;
    background: #f8f9fa;
}

.thumbimage {
    display: block;
    max-width: 100%;
    height: auto;
}

.thumbcaption {
    text-align: left;
    line-height: 1.5;
    padding: 6px;
    font-size: 14px;
    color: #54595d;
}

.thumbcaption:empty {
    padding: 0;
}
/* =========================================
   MEDIAWIKI THUMBNAILS / FIGURES
========================================= */

div.thumb {
    width: auto;
    background-color: transparent;
    margin-bottom: 0.5em;
}

div.thumbinner {
    padding: 3px;
    text-align: center;
    overflow: hidden;

    border: 1px solid #c8ccd1;
    background: #f8f9fa;
}

.thumbimage {
    background: #fff;
    border: 1px solid #c8ccd1;

    display: block;

    max-width: 100%;
    height: auto;
}

.thumbcaption {
    text-align: start;
    line-height: 1.4em;
    padding: 3px;

    word-break: break-word;
    overflow-wrap: break-word;

    font-size: 94%;
}

.thumbcaption:empty {
    padding: 0;
}

/* =========================================
   FIGURE SUPPORT
========================================= */

figure[typeof~='mw:File'],
figure[typeof~='mw:File/Frameless'] {
}

/* LINKS */

.mw-body-content figure[typeof~='mw:File'] > a,
.mw-body-content figure[typeof~='mw:File/Frameless'] > a,

.mw-body-content figure[typeof~='mw:File/Thumb'] > a,
.mw-body-content figure[typeof~='mw:File/Frame'] > a {

    border: 0;
}

/* BASE THUMB / FRAME */

figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'] {

    display: table;

    text-align: center;

    border-collapse: collapse;

    line-height: 0;

    border: 1px solid #c8ccd1;
    border-bottom: 0;

    background: #f8f9fa;

    color: #202122;
}

/* FILE IMAGE */

figure[typeof~='mw:File/Thumb']
> :not(figcaption)
.mw-file-element,

figure[typeof~='mw:File/Frame']
> :not(figcaption)
.mw-file-element {

    margin: 3px;

    background: #fff;

    border: 1px solid #c8ccd1;

    display: block;

    max-width: 100%;

    height: auto;
}

/* CAPTION */

figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption {

    display: table-caption;

    caption-side: bottom;

    background: inherit;

    border: 1px solid #c8ccd1;
    border-top: 0;

    line-height: 1.4em;

    text-align: start;

    padding: 0 6px 6px 6px;

    font-size: 94%;

    word-break: break-word;

    overflow-wrap: break-word;

    white-space: normal;
}

figure[typeof~='mw:File/Frame'] > figcaption:empty {
    padding-bottom: 0;
}

figure[typeof~='mw:File/Thumb'] > figcaption:empty {
    padding-bottom: 3px;
}

/* =========================================
   ALIGNMENTS
========================================= */

.mw-content-ltr figure[typeof~='mw:File/Thumb'],
.mw-content-ltr figure[typeof~='mw:File/Frame'] {

    margin: 0.5em 0 1.3em 1.4em;

    clear: right;

    float: right;
}

.mw-content-rtl figure[typeof~='mw:File/Thumb'],
.mw-content-rtl figure[typeof~='mw:File/Frame'] {

    margin: 0.5em 1.4em 1.3em 0;

    clear: left;

    float: left;
}

/* RIGHT */

figure[typeof~='mw:File/Thumb'].mw-halign-right,
figure[typeof~='mw:File/Frame'].mw-halign-right {

    margin: 0.5em 0 1.3em 1.4em;

    clear: right;

    float: right;
}

/* LEFT */

figure[typeof~='mw:File/Thumb'].mw-halign-left,
figure[typeof~='mw:File/Frame'].mw-halign-left {

    margin: 0.5em 1.4em 1.3em 0;

    clear: left;

    float: left;
}

/* CENTER */

figure[typeof~='mw:File/Thumb'].mw-halign-center,
figure[typeof~='mw:File/Frame'].mw-halign-center {

    margin: 0 auto 0.5em auto;

    clear: none;

    float: none;
}

/* NONE */

figure[typeof~='mw:File/Thumb'].mw-halign-none,
figure[typeof~='mw:File/Frame'].mw-halign-none {

    margin: 0;

    margin-bottom: 0.5em;

    clear: none;

    float: none;
}

/* =========================================
   MAGNIFY ICON
========================================= */

.magnify {
    float: right;

    margin-left: 3px;
}

.magnify a {

    display: block;

    text-indent: 15px;

    white-space: nowrap;

    overflow: hidden;

    width: 15px;

    height: 11px;

    user-select: none;
}

/* =========================================
   MOBILE
========================================= */

@media all and (max-width: 640px) {

    body.skin--responsive figure {

        margin: 0 auto !important;

        float: none !important;

    }

    body.skin--responsive .mw-parser-output
    .thumb
    .thumbinner {

        display: flex;

        flex-flow: column wrap;

        place-content: flex-start center;

    }

    body.skin--responsive
    .mw-parser-output
    .thumb
    .thumbinner
    > .thumbcaption {

        width: 100%;

        flex: 1 0 100%;

        order: 1;

        display: block;

    }

}

/* =========================================================
   INFOBOX
========================================================= */

.infobox {
    width: 320px;
    max-width: 100%;
    float: right;
    clear: right;
    margin: 0 0 1.5em 1.5em;
    border: 1px solid #c8ccd1;
    border-collapse: collapse;
    background: #f8f9fa;
    font-size: 90%;
    line-height: 1.5;
}

.infobox caption {
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.infobox th,
.infobox td {
    padding: 8px 10px;
    border-bottom: 1px solid #dadde3;
    vertical-align: top;
}

.infobox th {
    text-align: left;
    font-weight: 600;
    width: 40%;
}

.infobox tr:last-child th,
.infobox tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   TABLES
========================================================= */

.wikitable {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 95%;
}

.wikitable th,
.wikitable td {
    border: 1px solid #c8ccd1;
    padding: 8px 10px;
}

.wikitable th {
    background: #eaecf0;
    font-weight: 600;
}

.wikitable caption {
    font-weight: bold;
    margin-bottom: 6px;
}


/* =========================================================
   HATNOTES / DABLINKS
========================================================= */

.hatnote,
.dablink,
.rellink {
    padding: 6px 8px;
    margin-bottom: 1em;
    background: #f8f9fa;
    color: #54595d;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   IMAGES
========================================================= */

img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   RESPONSIVE MOBILE
========================================================= */

@media all and (max-width: 768px) {

    div.tright,
    div.floatright,
    table.floatright,
    div.tleft,
    div.floatleft,
    table.floatleft,

    figure[typeof~='mw:File'].mw-halign-right,
    figure[typeof~='mw:File/Thumb'].mw-halign-right,
    figure[typeof~='mw:File/Frame'].mw-halign-right,

    figure[typeof~='mw:File'].mw-halign-left,
    figure[typeof~='mw:File/Thumb'].mw-halign-left,
    figure[typeof~='mw:File/Frame'].mw-halign-left {

        float: none;
        clear: both;
        margin: 0 auto 1em;
        
    }

    .infobox {
        float: none;
        width: 100%;
        margin: 1em 0;
    }



    .thumbimage {
        width: 100%;
        height: auto;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {

        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0ms !important;
        scroll-behavior: auto !important;

    }
}



/* CLOSE / RETURN BUTTON */

.bpneo-close-btn{

    color:#6b7280;

    transition:
        transform .2s ease,
        opacity .2s ease,
        color .2s ease;

}

.bpneo-close-btn:hover{

    color:#202122;

    transform:scale(1.08);

}

/* ========================================
   MISSING IMAGE PLACEHOLDER
======================================== */

.bpneo-missing-image{
    max-width: 120px;

    background:#f5f5f5;

    border:1px solid #e5e5e5;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px;

    text-align:center;

    color:#666;

    overflow:hidden;

}

.bpneo-missing-image-icon{

    width:44px;

    height:44px;

    opacity:.5;

}

.bpneo-missing-image-name{

    font-size:13px;

    line-height:1.4;

    word-break:break-word;

    color:#777;

}

.bpneo-missing-image-upload{

    font-size:14px;

    font-weight:600;

    color:#3458d4;

    text-decoration:none;

}

.bpneo-missing-image-upload:hover{

    text-decoration:underline;

}
.bpneo-missing-image-text{

    font-size:14px;

    color:#666;

    line-height:1.4;

}

.bpneo-missing-image-name{

    font-size:12px;

    line-height:1.4;

    color:#888;

    word-break:break-word;

}
/* ========================================
   ARTICLE FEEDBACK
======================================== */

#bpneo-feedback{

    width:50%;
    margin:42px auto 30px;

}

.bpneo-feedback-card{

    background:#f8f8f8;
    border:1px solid #ececec;
    border-radius:18px;
    padding:26px;

}

.bpneo-feedback-top{

    text-align:center;

}

.bpneo-feedback-top h2{

    font-size:20px;
    line-height:1.3;
    margin:0 0 18px;
    font-weight:700;
    color:#2d2d2d;

}

.bpneo-feedback-actions{

    display:flex;
    justify-content:center;
    gap:14px;

}

.bpneo-feedback-choice{

    border:none;
    border-radius:999px;
    background:#efebe6;
    color:#5f5f5f;
    padding:10px 28px;
    min-width:110px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.18s;

}

.bpneo-feedback-choice.active{

    background:#d8a25f;
    color:#fff;

}

#bpneo-feedback-dynamic{

    margin-top:24px;

}

.bpneo-feedback-divider{

    height:1px;
    background:#e3e3e3;
    margin:22px 0;

}

.bpneo-feedback-block{

    text-align:left;

}

.bpneo-feedback-block h3{

    font-size:16px;
    line-height:1.5;
    margin:0 0 16px;
    font-weight:700;
    text-align:center;
    color:#2f2f2f;

}

.bpneo-feedback-label{

    display:block;
    font-size:14px;
    margin-bottom:8px;
    color:#666;

}

.bpneo-feedback-textarea{

    width:100%;
    min-height:110px;
    border-radius:12px;
    border:1px solid #d8d8d8;
    background:#fff;
    padding:14px;
    font-size:14px;
    resize:vertical;
    outline:none;
    box-sizing:border-box;
    margin-top:14px;
}

.bpneo-feedback-textarea:focus,
.bpneo-feedback-select:focus{

    border-color:#d8a25f;

    box-shadow:
    0 0 0 3px rgba(216,162,95,.14);

}

.bpneo-feedback-select{

    width:100%;
    border-radius:12px;
    border:1px solid #d8d8d8;
    background:#fff;
    padding:13px;
    font-size:14px;
    outline:none;
    box-sizing:border-box;

}

.bpneo-feedback-submit{

    margin-top:18px;
    border:none;
    border-radius:999px;
    background:#d8a25f;
    color:#fff;
    padding:11px 36px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    display:block;
    margin-left:auto;
    margin-right:auto;

}

.bpneo-feedback-submit:disabled{

    opacity:.7;
    cursor:default;

}

@media(max-width:1100px){

    #bpneo-feedback{

        width:72%;

    }

}

@media(max-width:768px){

    #bpneo-feedback{

        width:100%;

    }

}
/* ========================================
   FEEDBACK SUCCESS
======================================== */

.bpneo-feedback-success{

    text-align:center;
    padding:12px 4px 2px;

}

.bpneo-feedback-success-icon{

    width:54px;
    height:54px;
    border-radius:999px;
    background:#f1e4d1;
    color:#c4873f;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    font-size:24px;

}

.bpneo-feedback-success h3{

    margin:0 0 10px;
    font-size:18px;
    color:#2f2f2f;

}

.bpneo-feedback-success p{

    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.6;

}

.bpneo-feedback-success-link{

    display:inline-block;
    margin-top:16px;
    color:#c4873f;
    font-weight:600;
    text-decoration:none;

}

.bpneo-feedback-success-link:hover{

    text-decoration:underline;

}
/* =========================
   SIDEBAR TICTACTOE
========================= */

.bpneo-ttt-board{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:8px;

    margin-top:14px;
}

.bpneo-ttt-cell{

    aspect-ratio:1;

    border-radius:14px;

    background:#f4f4f4;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:24px;

    font-weight:700;

    color:#444;

    cursor:pointer;

    transition:
    transform .15s ease,
    background .2s ease;
}

.bpneo-ttt-cell:hover{

    background:#ececec;

    transform:scale(1.04);
}

.bpneo-ttt-status{

    margin-top:14px;

    font-size:13px;

    color:#777;

    font-weight:600;
}
.bpneo-feedback-btn{
    position:relative;
}

.bpneo-feedback-btn{
    position:relative;
}

.bpneo-discuss-badge{

    position:absolute;

    top:-6px;

    right:-6px;

    min-width:18px;

    height:18px;

    padding:0 5px;

    border-radius:999px;

    background:#e53935;

    color:#fff;

    font-size:11px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:center;

    line-height:1;

}

/* =========================================
   ARTICLE RENDER PERFORMANCE
========================================= */

.mw-parser-output > * {

  

    contain-intrinsic-size: 1px 700px;

}

/* Heavy sections */

.reflist,
.navbox,
.refbegin,
.mw-references-wrap {

    content-visibility: auto;

    contain-intrinsic-size: 1px 1200px;

}

/* =========================
   SMART ARTICLE SKELETON
========================= */

#bpneo-smart-skeleton{

    margin-top:18px;

}

.bpneo-smart-wrap{

    display:flex;

    gap:28px;

    align-items:flex-start;

}

.bpneo-smart-main{

    flex:1;

    min-width:0;

}

.bpneo-smart-side{

    width:300px;

    flex-shrink:0;

}

.bpneo-sk{

    background:#ececec;

    animation:
    bpneoPulse 1.2s infinite;

}

.bpneo-sk-title{

    height:32px;

    width:48%;

    border-radius:12px;

    margin-bottom:28px;

}

.bpneo-sk-line{

    height:14px;

    border-radius:999px;

    margin-bottom:14px;

}

.bpneo-sk-line.short{

    width:64%;

}

.bpneo-sk-line.medium{

    width:82%;

}

.bpneo-sk-gallery{

    display:flex;

    gap:12px;

    overflow:hidden;

    margin-bottom:28px;

}

.bpneo-sk-gallery div{

    width:120px;

    height:82px;

    border-radius:16px;

    flex-shrink:0;

}

.bpneo-sk-block{

    height:220px;

    border-radius:22px;

    margin:28px 0;

}

.bpneo-sk-infobox{

    width:300px;

    height:520px;

    border-radius:24px;

}

@keyframes bpneoPulse{

    0%{
        opacity:.5;
    }

    50%{
        opacity:1;
    }

    100%{
        opacity:.5;
    }

}

@media(max-width:1000px){

    .bpneo-smart-wrap{

        flex-direction:column;

    }

    .bpneo-smart-side{

        width:100%;

    }

    .bpneo-sk-infobox{

        width:100%;

        height:280px;

    }

}
.bpneo-title-actions button.bpneo-title-btn{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    cursor: pointer;
}

.bpneo-title-actions{
    position:relative;
}

.bpneo-action-menu{
    top: calc(100% + 8px);
right: 0;
max-height: 70vh;
overflow-y: auto;
z-index: 999999;
}

.bpneo-like-btn{
    display:flex;
    align-items:center;
    gap:6px;
}

.bpneo-divider{
    border:none;
    border-top:1px solid #ece6df;
    margin:40px 0 28px;
}



.bpneo-portlet-links{
    display:none;
}

/* =========================================================
   DARK MODE
========================================================= */

body.bpneo-dark{
    background:#0f1115 !important;
    color:#e8e8e8 !important;
}

/* GLOBAL */

body.bpneo-dark,
body.bpneo-dark html{
    background:#0f1115 !important;
    color:#e8e8e8 !important;
}

/* MAIN LAYOUT */

body.bpneo-dark .bpneo-sidebar{
    background:#12151b !important;
    border-right:1px solid #232833 !important;
}

body.bpneo-dark .bpneo-sidebar-bottom{
    background:#12151b !important;
}

body.bpneo-dark .bpneo-main{
    background:#0f1115 !important;
}

body.bpneo-dark .bpneo-topbar{
    background:#0f1115 !important;
    border-bottom:1px solid #232833 !important;
}

/* TEXT */

body.bpneo-dark,
body.bpneo-dark .mw-parser-output,
body.bpneo-dark .bpneo-title,
body.bpneo-dark .mw-parser-output h2,
body.bpneo-dark .mw-parser-output h3,
body.bpneo-dark .bpneo-profile-name,
body.bpneo-dark .bpneo-logo-text,
body.bpneo-dark .bpneo-sidebar-section-title,
body.bpneo-dark .bpneo-related-title,
body.bpneo-dark .bpneo-prev-page,
body.bpneo-dark .bpneo-breadcrumb-link,
body.bpneo-dark .bpneo-search-item,
body.bpneo-dark .bpneo-search-heading{
    color:#f1f1f1 !important;
}

/* SECONDARY TEXT */

body.bpneo-dark .bpneo-shortdesc,
body.bpneo-dark .bpneo-meta-line,
body.bpneo-dark .thumbcaption,
body.bpneo-dark .bpneo-related-extract,
body.bpneo-dark .bpneo-search-empty{
    color:#b8bec9 !important;
}

/* STRONG */

body.bpneo-dark strong{
    color:#ffffff !important;
}

/* LINKS */

body.bpneo-dark a{
    color:#7aa6ff !important;
}

/* NAVIGATION */

body.bpneo-dark .bpneo-nav-item{
    color:#b8bec9 !important;
}

body.bpneo-dark .bpneo-nav-item:hover{
    background:#1c212b !important;
    color:#ffffff !important;
}

body.bpneo-dark .bpneo-nav-item.active{
    background:#1d2d52 !important;
    color:#8cb4ff !important;
}

/* ICONS */

body.bpneo-dark .bpneo-meta-line i,
body.bpneo-dark .bpneo-icon-btn,
body.bpneo-dark .bpneo-title-btn,
body.bpneo-dark .bpneo-back-btn{
    color:#b8bec9 !important;
}

body.bpneo-dark .bpneo-title-btn:hover,
body.bpneo-dark .bpneo-icon-btn:hover,
body.bpneo-dark .bpneo-back-btn:hover{
    background:#1c212b !important;
    color:#ffffff !important;
}

/* FEEDBACK BUTTON */

body.bpneo-dark .bpneo-feedback-btn{
    background:#f0ece7 !important;
    border:1px solid #2b3340 !important;
    color:#5f5a55 !important;
}

body.bpneo-dark .bpneo-feedback-btn:hover{
    background:#e6dfd7 !important;
}

/* MENUS */

body.bpneo-dark .bpneo-user-menu,
body.bpneo-dark .bpneo-action-menu,
body.bpneo-dark .bpneo-search-box{
    background:#171b22 !important;
    border:1px solid #2b3340 !important;
    box-shadow:0 12px 40px rgba(0,0,0,.45) !important;
}

body.bpneo-dark .bpneo-user-menu a,
body.bpneo-dark .bpneo-action-menu a{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bpneo-user-menu a:hover,
body.bpneo-dark .bpneo-action-menu a:hover{
    background:#202631 !important;
}

/* SEARCH */

body.bpneo-dark .bpneo-search-top{
    border-bottom:1px solid #2b3340 !important;
}

body.bpneo-dark #bpneo-search-input{
    color:#ffffff !important;
    background:transparent !important;
}

body.bpneo-dark #bpneo-search-close{
    background:#222936 !important;
}

body.bpneo-dark .bpneo-search-item:hover{
    background:#202631 !important;
}

/* MORE PANEL */

body.bpneo-dark .bpneo-sidebar-more-panel,
body.bpneo-dark .bpneo-sidebar-more-header{
    background:#12151b !important;
    border-color:#232833 !important;
}

body.bpneo-dark .bpneo-sidebar-more-link{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bpneo-sidebar-more-link:hover{
    background:#1c212b !important;
}

/* TABLES */

body.bpneo-dark .wikitable{
    background:#171b22 !important;
    color:#f1f1f1 !important;
    border-color:#303846 !important;
}

body.bpneo-dark .wikitable th{
    background:#222936 !important;
}

body.bpneo-dark .wikitable td,
body.bpneo-dark .wikitable th{
    border-color:#303846 !important;
}

/* INFOBOX */

body.bpneo-dark .infobox{
    background:#171b22 !important;
    color:#f1f1f1 !important;
    border-color:#303846 !important;
}

body.bpneo-dark .infobox th,
body.bpneo-dark .infobox td{
    border-color:#303846 !important;
}

body.bpneo-dark .infobox th{
    background:#222936 !important;
}

/* THUMBNAILS */

body.bpneo-dark div.thumbinner,
body.bpneo-dark figure[typeof~='mw:File/Thumb'],
body.bpneo-dark figure[typeof~='mw:File/Frame']{
    background:#171b22 !important;
    border-color:#303846 !important;
}

body.bpneo-dark .thumbimage{
    border-color:#303846 !important;
    background:#11151c !important;
}

/* RELATED */

body.bpneo-dark .bpneo-related-card{
    background:#171b22 !important;
    border-color:#2b3340 !important;
}

body.bpneo-dark .bpneo-related-wrap{
    border-top:1px solid #232833 !important;
}

/* IMAGE STRIP */

body.bpneo-dark .bpneo-image-card{
    background:#171b22 !important;
}

/* INPUTS */

body.bpneo-dark input,
body.bpneo-dark textarea,
body.bpneo-dark select{
    background:#171b22 !important;
    color:#f1f1f1 !important;
    border:1px solid #303846 !important;
}

/* SCROLLBAR */

body.bpneo-dark ::-webkit-scrollbar-track{
    background:#12151b !important;
}

body.bpneo-dark ::-webkit-scrollbar-thumb{
    background:#2c3442 !important;
}

/* HR */

body.bpneo-dark hr{
    border-color:#2b3340 !important;
}

/* HATNOTES */

body.bpneo-dark .hatnote,
body.bpneo-dark .dablink,
body.bpneo-dark .rellink{
    background:#171b22 !important;
    color:#c4cad4 !important;
}

/* CODE */

body.bpneo-dark pre,
body.bpneo-dark code{
    background:#171b22 !important;
    color:#f1f1f1 !important;
}

/* TOC */

body.bpneo-dark .bpneo-grok-label{
    background:#171b22 !important;
    color:#f1f1f1 !important;
}

/* DARK MODE AMBOX */

body.bpneo-dark .mw-parser-output table.ambox{
    background:#0f1115 !important;
    background-color:#0f1115 !important;

    color:#f1f1f1 !important;
}

/* DARK MODE LOGO */

body.bpneo-dark .bpneo-logo-image{

    content:url('/w/resources/assets/logo-dark.svg');

}

body.bpneo-dark .bpneo-mobile-header .bpneo-logo-image{

    content:url('/w/resources/assets/logo-dark.svg');

}

/* =========================================================
   NAVBOX DARK MODE
========================================================= */

body.bpneo-dark .navbox,
body.bpneo-dark .navbox-subgroup{
    background:#171b22 !important;
    color:#f1f1f1 !important;
    border-color:#303846 !important;
}

/* TABLE */

body.bpneo-dark .navbox table{
    background:transparent !important;
    color:inherit !important;
}

/* TITLE */

body.bpneo-dark .navbox-title,
body.bpneo-dark .navbox th{
    background:#222936 !important;
    color:#ffffff !important;
    border-color:#303846 !important;
}

/* LINKS */

body.bpneo-dark .navbox a{
    color:#7aa6ff !important;
}

/* LISTS */

body.bpneo-dark .navbox-list{
    background:#171b22 !important;
    color:#f1f1f1 !important;
}

/* ODD/EVEN */

body.bpneo-dark .navbox-odd{
    background:#171b22 !important;
}

body.bpneo-dark .navbox-even{
    background:#1b212b !important;
}

/* GROUP LABELS */

body.bpneo-dark .navbox-group{
    background:#202631 !important;
    color:#f1f1f1 !important;
    border-color:#303846 !important;
}

/* BORDERS */

body.bpneo-dark .navbox td,
body.bpneo-dark .navbox th{
    border-color:#303846 !important;
}

/* =========================================================
   HOMEPAGE DARK MODE
========================================================= */

body.bpneo-dark,
body.bpneo-dark html,
body.bpneo-dark #content,
body.bpneo-dark .mw-body,
body.bpneo-dark .mw-body-content,
body.bpneo-dark #mw-content-text{
    background:#0f1115 !important;
    color:#f1f1f1 !important;
}

/* ROOT */

body.bpneo-dark #bp-home-shell{
    color:#f1f1f1 !important;
}

/* HERO */

body.bpneo-dark .bp-tag{
    background:#171b22 !important;
    border-color:#2b3340 !important;
    color:#8cb4ff !important;
}

body.bpneo-dark .bp-desc,
body.bpneo-dark .bp-small,
body.bpneo-dark .bp-list-desc,
body.bpneo-dark .bp-card-desc,
body.bpneo-dark .bp-side-card p,
body.bpneo-dark .bp-otd-event,
body.bpneo-dark .bp-meta,
body.bpneo-dark .bp-trending-meta{
    color:#b8bec9 !important;
}

/* CARDS */

body.bpneo-dark .bp-card,
body.bpneo-dark .bp-side-card{
    background:#171b22 !important;
    border-color:#2b3340 !important;
}

/* IMAGE AREAS */

body.bpneo-dark .bp-hero-image,
body.bpneo-dark .bp-card-img,
body.bpneo-dark .bp-list-img,
body.bpneo-dark .bp-no-image{
    background:#202631 !important;
}

/* TRENDING */

body.bpneo-dark .bp-trending-item{
    border-bottom:1px solid #2b3340 !important;
}

/* COVERAGE */

body.bpneo-dark .bp-cat-title{
    border-top:1px solid #2b3340 !important;
    color:#8e97a6 !important;
}

body.bpneo-dark .bp-bar{
    background:#202631 !important;
}

body.bpneo-dark .bp-bar span{
    background:#d59b5d !important;
}

/* OTD */

body.bpneo-dark .bp-otd-nav button{
    background:#202631 !important;
    color:#f1f1f1 !important;
}

body.bpneo-dark .bp-otd-nav button:hover{
    background:#2a3240 !important;
}

body.bpneo-dark .bp-otd-date,
body.bpneo-dark .bp-otd-subdate{
    color:#9ea7b5 !important;
}

/* RECENT NAV */

body.bpneo-dark .bp-recent-btn{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bp-recent-btn:hover{
    background:#202631 !important;
}

/* LIVE */

body.bpneo-dark .bp-live{
    color:#b8bec9 !important;
}

/* LOADER */

body.bpneo-dark #bp-loader{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bp-loader-sub,
body.bpneo-dark .bp-loader-fact,
body.bpneo-dark .bp-loader-item{
    color:#b8bec9 !important;
}

body.bpneo-dark .bp-loader-head:after{
    background:#2b3340 !important;
}

body.bpneo-dark .bp-loader-circle{
    border-color:#3b4555 !important;
}

/* LINKS */

body.bpneo-dark #bp-home-shell a{
    color:inherit !important;
}

/* HOVER */

body.bpneo-dark .bp-card:hover,
body.bpneo-dark .bp-side-card:hover{
    border-color:#3b4555 !important;
}

/* =========================================================
   MOBILE DARK MODE FIXES
========================================================= */

@media(max-width:768px){

    /* MOBILE PANEL */

    body.bpneo-dark .bpneo-mobile-panel{

        background:#12151b !important;

        box-shadow:
        0 0 40px rgba(0,0,0,.45) !important;
    }

    /* MOBILE TOP */

    body.bpneo-dark .bpneo-mobile-top{

        background:#12151b !important;

        border-bottom:1px solid #232833 !important;
    }

    /* MOBILE LINKS */

    body.bpneo-dark .bpneo-mobile-links a{

        color:#f1f1f1 !important;
    }

    body.bpneo-dark .bpneo-mobile-links a:hover{

        background:#1c212b !important;
    }

    /* MOBILE USER MENU */

    body.bpneo-dark .bpneo-user-menu{

        background:#171b22 !important;

        border:1px solid #2b3340 !important;

        box-shadow:
        0 12px 40px rgba(0,0,0,.45) !important;
    }

    body.bpneo-dark .bpneo-user-menu a{

        color:#f1f1f1 !important;
    }

    body.bpneo-dark .bpneo-user-menu a:hover{

        background:#202631 !important;
    }

    /* MOBILE BUTTONS */

    body.bpneo-dark .bpneo-mobile-menu-btn,
    body.bpneo-dark .bpneo-mobile-user-btn,
    body.bpneo-dark .bpneo-mobile-close{

        color:#f1f1f1 !important;
    }

    body.bpneo-dark .bpneo-mobile-close:hover,
    body.bpneo-dark .bpneo-mobile-menu-btn:hover{

        background:#1c212b !important;
    }

    /* MOBILE HEADER */

    body.bpneo-dark .bpneo-mobile-header{

        background:transparent !important;
    }

}

/* ACCOUNT BUTTON DARK HOVER */

body.bpneo-dark .bpneo-profile-card{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bpneo-profile-card:hover{
    background:#1c212b !important;
}

body.bpneo-dark .bpneo-profile-avatar{
    background:#202631 !important;
    color:#ffffff !important;
}

body.bpneo-dark .bpneo-profile-name{
    color:#f1f1f1 !important;
}

/* =========================================================
   SIDEBAR / PORTAL TABLES
========================================================= */

body.bpneo-dark .mw-parser-output .sidebar,
body.bpneo-dark table.sidebar,
body.bpneo-dark .sidebar{
    background:#171b22 !important;
    color:#f1f1f1 !important;
    border:1px solid #303846 !important;
}

/* HEADERS */

body.bpneo-dark .sidebar th,
body.bpneo-dark .sidebar-header,
body.bpneo-dark .sidebar-title,
body.bpneo-dark .sidebar-heading{
    background:#222936 !important;
    color:#ffffff !important;
    border-color:#303846 !important;
}

/* CELLS */

body.bpneo-dark .sidebar td,
body.bpneo-dark .sidebar th{
    border-color:#303846 !important;
    color:#f1f1f1 !important;
}

/* LINKS */

body.bpneo-dark .sidebar a{
    color:#7aa6ff !important;
}

/* PRETITLE */

body.bpneo-dark .sidebar-pretitle{
    color:#b8bec9 !important;
}

/* IMAGES */

body.bpneo-dark .sidebar img{
    background:transparent !important;
}

/* LISTS */

body.bpneo-dark .sidebar ul,
body.bpneo-dark .sidebar li{
    color:#f1f1f1 !important;
}

body.bpneo-dark .bpneo-user-menu-header{

    border-bottom:1px solid #2b3340;

}

body.bpneo-dark .bpneo-user-menu-header h3{

    color:#f1f1f1;

}

body.bpneo-dark .bpneo-user-menu-header p{

    color:#b8bec9;

}


/* ========================================
   MOBILE LAYOUT
======================================== */

.bpneo-mobile-header,
.bpneo-mobile-menu-btn,
.bpneo-mobile-user-btn,
.bpneo-mobile-panel,
.bpneo-mobile-overlay{
    display:none;
}

@media(max-width:768px){

    /* HIDE DESKTOP SIDEBAR */

    .bpneo-sidebar{
        display:none !important;
    }

    /* HIDE BREADCRUMB */

    .bpneo-breadcrumb{
        display:none !important;
    }

    /* HIDE FONT SWITCHER */

    .bpneo-font-switch{
        display:none !important;
    }

    /* TOPBAR */

    .bpneo-topbar{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:6px;

    padding:0 10px;

    overflow:visible;
}

    /* MOBILE HEADER */

    .bpneo-mobile-header{

        display:flex;
        align-items:center;

        gap:2px;

        margin-right:auto;

        min-width:40px;

        max-width:70px;

        overflow:hidden;
    }

    /* LOGO */

    .bpneo-mobile-header .bpneo-logo{

    display:flex !important;

    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    flex-shrink:0;

    text-decoration:none;

    overflow:hidden;

    margin:0;
    padding:0;
}

    /* HIDE LOGO TEXT */

    .bpneo-mobile-header .bpneo-logo-text{
        display:none !important;
    }

    .bpneo-mobile-header .bpneo-logo-image{

    width:22px;
    height:22px;

    object-fit:contain;

    flex-shrink:0;
}

    /* MENU BUTTON */

    .bpneo-mobile-menu-btn{

        display:flex;
        align-items:center;
        justify-content:center;

        width:32px;
        height:32px;

        border:none;
        background:none;

        padding:0;

        cursor:pointer;

        color:#625d57;

        font-size:21px;

        flex-shrink:0;
    }

    /* USER BUTTON */

    .bpneo-mobile-user-btn{

        display:flex;
        align-items:center;

        gap:4px;

        border:none;
        background:none;

        padding:0;

        margin:0;

        color:#625d57;

        text-decoration:none;

        font-size:13px;
        font-weight:500;

        cursor:pointer;

        flex-shrink:0;
    }

    .bpneo-mobile-user-btn i{
        font-size:17px;
    }

    /* ICON BUTTONS */

    .bpneo-icon-btn{

        width:28px;
        height:28px;

        min-width:28px;

        padding:0;
    }

    /* ACTIONS */

    .bpneo-top-actions{

        display:flex;
        align-items:center;
        justify-content:flex-end;

        gap:10px;

        flex:0 1 auto;

        min-width:0;
    }

    /* HIDE DISCUSS */

    .bpneo-feedback-btn{
        display:none !important;
    }
    
    /* MOBILE USER MENU */

    /* MOBILE USER MENU */

    .bpneo-user-menu{

    display:none;

    position:fixed !important;

    top:58px !important;

    right:10px !important;

    left:auto !important;

    bottom:auto !important;

    width:220px !important;

    background:#fff;

    border:1px solid #ebe5de;

    border-radius:16px;

    box-shadow:0 10px 40px rgba(0,0,0,.14);

    z-index:999999999 !important;
}

.bpneo-user-menu.show{

    display:block !important;
}

    /* PANEL */

    .bpneo-mobile-panel{

        display:block;

        position:fixed;

        top:0;
        left:0;

        width:280px;
        height:100vh;

        background:#f8f7f5;

        z-index:999999;

        transform:translateX(-100%);

        transition:transform .25s ease;

        overflow:auto;

        box-shadow:
        0 0 40px rgba(0,0,0,.12);
    }

    .bpneo-mobile-panel.show{
        transform:translateX(0);
    }

    /* OVERLAY */

    .bpneo-mobile-overlay{

        position:fixed;

        inset:0;

        background:rgba(0,0,0,.32);

        z-index:999998;

        opacity:0;
        pointer-events:none;

        transition:.2s;
    }

    .bpneo-mobile-overlay.show{

        opacity:1;

        pointer-events:auto;
    }

    /* PANEL TOP */

    .bpneo-mobile-top{

        height:58px;

        display:flex;
        align-items:center;
        justify-content:space-between;

        padding:0 16px;

        border-bottom:1px solid #ece8e1;
    }

    .bpneo-mobile-panel-logo{

        font-size:18px;
        font-weight:700;
    }

    /* CLOSE */

    .bpneo-mobile-close{

        width:32px;
        height:32px;

        display:flex;
        align-items:center;
        justify-content:center;

        border:none;
        background:none;

        font-size:22px;

        cursor:pointer;
    }

    /* LINKS */

    .bpneo-mobile-links{

        display:flex;
        flex-direction:column;

        padding:14px;
    }

    .bpneo-mobile-links a{

        padding:12px 0;

        text-decoration:none;

        color:#111;
    }

}

/* =========================
   COLLAPSIBLE SIDEBAR
========================= */

.bpneo-sidebar{
    transition:width .25s ease;
}

/* collapsed state */

.bpneo-sidebar.collapsed{
    width:74px;
}

/* hide labels */

.bpneo-sidebar.collapsed .bpneo-logo-text,
.bpneo-sidebar.collapsed .bpneo-nav-label,
.bpneo-sidebar.collapsed .bpneo-profile-info{
    display:none;
}

/* center icons */

.bpneo-sidebar.collapsed .bpneo-logo,
.bpneo-sidebar.collapsed .bpneo-nav-item,
.bpneo-sidebar.collapsed .bpneo-profile-card{
    justify-content:center;
    padding-left:0;
    padding-right:0;
}

/* keep icon buttons neat */

.bpneo-sidebar.collapsed .bpneo-nav-item{
    width:48px;
    margin-left:auto;
    margin-right:auto;
}

/* =========================
   COLLAPSED FLYOUT
========================= */

.bpneo-sidebar-more-panel.flyout{

    position:fixed;

    top:0;

    left:74px;

    width:220px;

    height:100vh;

    background:#f8f7f5;

    border-left:1px solid #ece8e1;

    box-shadow:none;

    z-index:2147483647;

    transform:translateX(-100%);

    transition:transform .25s ease;
}

.bpneo-sidebar-more-panel.flyout.show{

    transform:translateX(0);
}

.bpneo-sidebar-more-panel{
    display:none;
}

.bpneo-sidebar-more-panel.show{
    display:flex;
}

/* ========================================
   USER MENU - CITIZEN STYLE
======================================== */

.bpneo-user-menu{

    position:absolute;
    left:0;
    bottom:58px;

    width:300px;

    background:#fff;

    border:1px solid #dfe3e8;

    border-radius:16px;

    overflow:hidden;

    display:none;

    z-index:99999;

    box-shadow:
    0 6px 24px rgba(0,0,0,.08);

}

.bpneo-user-menu.show{

    display:block;

}

/* HEADER */

.bpneo-user-menu-header{

    padding:22px;

    border-bottom:1px solid #eaecf0;

}

.bpneo-user-menu-title{

    font-size:18px;

    font-weight:700;

    color:#202122;

    margin-bottom:8px;

}

.bpneo-user-menu-desc{

    font-size:14px;

    line-height:1.6;

    color:#54595d;

}

/* LINKS */

.bpneo-user-menu-links{

    padding:8px 0;

}

.bpneo-user-menu-links a{

    display:flex;

    align-items:center;

    gap:14px;

    height:58px;

    padding:0 20px;

    text-decoration:none;

    color:#1f2a44;

    font-size:16px;

}

.bpneo-user-menu-links a:hover{

    background:#f8f9fa;

}

.bpneo-user-menu-links i{

    width:24px;

    font-size:22px;

    color:#0b1f4d;

}

.bpneo-user-menu-links span{

    flex:1;

}

.bpneo-user-menu-links small{

    color:#3366cc;

    font-size:14px;

    font-weight:500;

}

/* BUTTONS */

.bpneo-user-menu-actions{

    padding:14px 18px 18px;

    border-top:1px solid #eaecf0;

}
.bpneo-user-menu-actions a:hover {
    color: #222 !important;
}

.bpneo-user-create,
.bpneo-user-login-btn{

    display:flex !important;

    align-items:center;

    gap:12px;

    height:50px;

    border-radius:12px;

    padding:0 18px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

}

.bpneo-user-create{

    border:1px solid #dfe3e8;

    background:#fff;

    color:#202122;

    margin-bottom:12px;

}

.bpneo-user-create:hover{

    background:#f8f9fa;

}

.bpneo-user-login-btn{

    background:#3366cc;

    color:#fff !important;

}

.bpneo-user-login-btn:hover{

    background:#2f5cc0;

}

.bpneo-user-create i,
.bpneo-user-login-btn i{

    font-size:20px;

}

/* COLLAPSED SIDEBAR */

.bpneo-sidebar.collapsed .bpneo-user-menu{

    left:78px;

    bottom:10px;

}
.mw-parser-output h2 {
    border-left: 8px solid #d79b62;
    padding-left: 18px;
    border-radius: 6px;
}
/* =========================================================
   BHARATPEDIA FOOTER
========================================================= */

.bp-footer{
    width:100%;
    margin-top:90px;
    
    box-sizing:border-box;
    
}

.bp-footer-inner{
    width:100%;
}

.bp-footer-brand{
    text-align:center;
    margin-bottom:70px;
}

.bp-footer-logo{
    width:72px;
    height:72px;
    display:block;
    margin:0 auto 18px;
}

.bp-footer-brand h2{
    margin:0;
    padding:0;
    font-size:42px;
    font-weight:300;
    line-height:1.2;
    color:#202122;
}

.bp-footer-brand p{
    max-width:720px;
    margin:14px auto 0;
    font-size:18px;
    line-height:1.8;
    color:#72777d;
}

.bp-footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:70px;
}

.bp-footer-grid h4{
    margin:0 0 22px;
    padding:0;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    color:#202122;
}

.bp-footer-grid a{
    display:block;
    margin-bottom:12px;
    color:#202122;
    text-decoration:none;
    transition:all .15s ease;
}

.bp-footer-grid a:hover{
    color:#36c;
    padding-left:4px;
    text-decoration:none;
}

.bp-footer-social{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.bp-footer-social a{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dcdcdc;
    border-radius:999px;
    font-size:20px;
    text-decoration:none;
    color:#202122;
    margin-bottom:0;
    transition:all .15s ease;
}

.bp-footer-social a:hover{
    border-color:#36c;
    color:#36c;
    transform:translateY(-2px);
}

.bp-footer-divider{
    height:1px;
    background:#eaecf0;
    margin:55px 0 25px;
}

.bp-footer-bottom{
    font-size:13px;
    line-height:1.8;
    color:#72777d;
    text-align:center;
}

.bp-footer-bottom p{
    margin:0;
}

.bp-footer-bottom ul{
    margin:0;
    padding:0;
    list-style:none;
}

.bp-footer-bottom li{
    display:inline;
}

.bp-footer-bottom a{
    color:#3366cc;
    text-decoration:none;
}

.bp-footer-bottom a:hover{
    text-decoration:underline;
}

/* =========================================================
   DARK MODE
========================================================= */

body.bpneo-dark .bp-footer{
    border-top:1px solid #2b3340;
}

body.bpneo-dark .bp-footer-brand h2{
    color:#f1f1f1;
}

body.bpneo-dark .bp-footer-brand p{
    color:#b8bec9;
}

body.bpneo-dark .bp-footer-grid h4{
    color:#f1f1f1;
}

body.bpneo-dark .bp-footer-grid a{
    color:#c4cad4;
}

body.bpneo-dark .bp-footer-grid a:hover{
    color:#ffffff;
}

body.bpneo-dark .bp-footer-divider{
    background:#2b3340;
}

body.bpneo-dark .bp-footer-bottom{
    color:#b8bec9;
}

body.bpneo-dark .bp-footer-bottom a{
    color:#7aa6ff;
}

body.bpneo-dark .bp-footer-social a{
    background:#171b22;
    border-color:#2b3340;
    color:#f1f1f1;
}

body.bpneo-dark .bp-footer-social a:hover{
    background:#202631;
    border-color:#3b4555;
    color:#ffffff;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:1000px){

    .bp-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){

    .bp-footer{
        margin-top:60px;
        padding:30px 0 50px;
    }

    .bp-footer-brand{
        margin-bottom:50px;
    }

    .bp-footer-brand h2{
        font-size:34px;
    }

    .bp-footer-brand p{
        font-size:16px;
        line-height:1.7;
    }

    .bp-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .bp-footer-social{
        justify-content:flex-start;
    }

}

.bpneo-remix-footer{
    margin-top:60px;
    padding:28px 0;
    border-top:1px solid #e5e7eb;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    font-size:14px;
}

.bpneo-remix-footer-left{
    display:flex;
    align-items:center;
    gap:12px;
    color:#64748b;
}

.bpneo-remix-footer-logo{
    width:17px;
    height:17px;
    object-fit:contain;
    flex-shrink:0;
}

.bpneo-remix-footer-links{
    display:flex;
    gap:32px;
    flex-wrap:wrap;
}

.bpneo-remix-footer-links a{
    color:#64748b;
    text-decoration:none;
}

.bpneo-remix-footer-links a:hover{
    color:#111827;
}

@media (max-width:768px){

    .bpneo-remix-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .bpneo-remix-footer-links{
        gap:18px;
    }

}
.bpneo-logo-dark{
    display:none;
}

.bpneo-logo-light{
    display:inline-block;
}

/* Dark mode */

body.bpneo-dark .bpneo-logo-light{
    display:none;
}

body.bpneo-dark .bpneo-logo-dark{
    display:inline-block;
}
.bpneo-mobile-search-btn{
    display:none;
    width:32px;
    height:32px;
    border:none;
    border-radius:10px;
    background:none;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    color:#625d57;
}

.bpneo-mobile-search-btn i{
    font-size:18px;
}

.bpneo-mobile-search-btn:hover{
    background:#ece7df;
}

@media(max-width:768px){

    .bpneo-mobile-search-btn{
        display:flex;
    }

}
/* Prevent article content from expanding page width */
.mw-parser-output{
    max-width:100%;
   
}

/* =========================
   MOBILE ARTICLE ACCORDION
========================= */

@media (max-width:768px){

    #toc,
    #bpneo-grok-toc{
        display:none !important;
    }

    .bpneo-mobile-sections{
        margin-top:24px;
    }

    .bpneo-accordion-section{
        border-bottom:1px solid #e5e1db;
    }

    .bpneo-accordion-header{
        width:100%;
        border:none;
        background:none;
        padding:16px 0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        text-align:left;
        cursor:pointer;
    }

    .bpneo-accordion-title-wrap{
        flex:1;
        min-width:0;
        overflow:hidden;
    }

    .bpneo-accordion-title{
        font-size:20px;
        font-weight:600;
        line-height:1.4;
        color:var(--bpneo-text,#222);
    }

    .bpneo-accordion-preview{
        margin-top:4px;
        font-size:13px;
        line-height:1.4;
        color:#7a746d;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;

        width:100%;
        max-width:100%;
    }

    .bpneo-accordion-section.open
    .bpneo-accordion-preview{
        display:none;
    }

    .bpneo-accordion-chevron{
        font-size:24px;
        color:#8d8882;
        flex-shrink:0;
        margin-left:12px;
        transition:.2s ease;
    }

    .bpneo-accordion-section.open
    .bpneo-accordion-chevron{
        transform:rotate(180deg);
    }

    .bpneo-accordion-body{
        display:none;
        padding:0 0 20px;
    }

    .bpneo-accordion-section.open
    .bpneo-accordion-body{
        display:block;
    }

    .bpneo-accordion-body h2{
        display:none;
    }
}

.bpneo-language{
    position:relative;
}

.bpneo-language-dropdown{
    position:absolute;
    right:0;
    top:42px;
    min-width:170px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    display:none;
    z-index:99999;
    overflow:hidden;
}

.bpneo-language.open .bpneo-language-dropdown{
    display:block;
}

.bpneo-language-dropdown a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    color:#222;
    text-decoration:none;
}

.bpneo-language-dropdown a:hover{
    background:#f4f6fa;
}

.bpneo-language-dropdown a.active{
    font-weight:600;
    background:#eef4ff;
}

.bpneo-language-flag{
    width:22px;
    text-align:center;
}