html, body{
margin:0 !important;
padding:0 !important;
max-width:none !important;
width:100% !important;
}

body{
font-family:system-ui, Arial, sans-serif;
background:#fff;
}

/* Neutralize Wikipedia layout */

.mw-parser-output,
.mw-body,
.mw-content-ltr,
.skin-minerva,
.minerva-body{
all:unset;
}

/* Top header */

.topbar {
    background: #0b2a3c;
    color: white;
    display: flex;
    align-items: center;
    padding: 12px 40px;
    width: 100%;
    box-sizing: border-box;
    /* New Properties */
    position: sticky;
    top: 0;
    z-index: 1000; 
}

.logo{
font-size:22px;
font-weight:bold;
}

.search{
position:relative;
}

.search-results{
position:absolute;
top:40px;
left:0;
width:420px;
background:white;
border:1px solid #ddd;
border-radius:6px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
display:none;
z-index:9999;
}

.search-results a{
display:block;
padding:8px 12px;
color:#333;
text-decoration:none;
font-size:14px;
}

.search-results a:hover{
background:#f5f5f5;
}

.search{
margin-left:20px;
}

.search input{
width:420px;
padding:8px 12px;
border-radius:20px;
border:none;
}

.login{
margin-left:auto;
}

/* Navigation */

.subnav {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    padding: 10px 40px;
    background: #fff; /* Ensure it has a background so text doesn't overlap */
    position: sticky;
    top: 56px; /* Adjust this value to match the height of your .topbar */
    z-index: 999;
}

.subnav a{
margin-right:20px;
font-size:14px;
color:#333;
text-decoration:none;
}

/* Layout */

.container{
display:flex;
align-items:flex-start;
width:100%;
max-width:none;
margin:0;
padding:30px 60px;
box-sizing:border-box;
}

/* Sidebar */

.sidebar{
width:260px;
min-width:260px;
flex-shrink:0;
position:sticky;
top:20px;
}

/* Scroll area inside sidebar */

.sidebar-inner{
max-height:calc(100vh - 40px);
overflow-y:auto;
padding-right:10px;
}

/* Thin scrollbar */

.sidebar-inner::-webkit-scrollbar{
width:6px;
}

.sidebar-inner::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:3px;
}

/* Sidebar headings */

.sidebar h3{
margin-top:0;
font-size:20px;
}

/* TOC */

.toc{
font-size:13px;
margin-bottom:25px;
}

/*.toc-section{
margin-bottom:10px;
}*/

.toc-h2{
cursor:pointer;
}

.toc-h2 a{
/*display:block;
font-weight:600;*/
padding:6px 0;
color:#1a4ea1;
text-decoration:none;
}

.toc-h3 a{
display:block;
padding:4px 0 4px 14px;
color:#333;
font-size:14px;
text-decoration:none;
}

.toc-sub{
display:none;
}

.toc-section.open .toc-sub{
display:block;
}

.toc a.active{
color:#0b2a3c;
font-weight:700;
}

/* Sidebar images */

.sidebar-images{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-top:10px;
}

.sidebar-thumb{
width:100%;
height:75px;
overflow:hidden;
border-radius:6px;
background:#eee;
}

.sidebar-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* Divider */

.divider{
width:1px;
background:#ddd;
margin:0 30px;
flex-shrink:0;
}

/* Article */

.article{
flex:1;
max-width:900px;
min-width:0;
}

/* Title */

.article h1{
font-size:42px;
margin-bottom:5px;
font-weight:600;
}

/* Short description */

.shortdesc{
color:#666;
font-size:18px;
margin-bottom:15px;
}

/* Metadata */

.meta{
color:#777;
font-size:14px;
margin-bottom:20px;
}

/* Content */

.content{
font-size:18px;
line-height:1.7;
}

.content p{
margin-bottom:14px;
}

.content img{
max-width:260px;
height:auto;
display:block;
margin:10px 0;
}

/* Remove Wikipedia elements */

.infobox,
.ambox,
.navbox{
display:none !important;
}

hr{
display:none !important;
}

/* Links */

.content a{
color:#1a4ea1;
text-decoration:none;
}

/* Headings */

.content h2{
margin-top:30px;
font-size:28px;
font-weight:600;
}

.content h3{
margin-top:20px;
font-size:22px;
font-weight:600;
}

/* Article main image */

.article-image{
float:right;
width:320px;
margin:10px 0 20px 30px;
}

.article-image img{
width:100%;
height:auto;
border-radius:10px;
display:block;
}

.article-image figcaption{
font-size:14px;
color:#444;
margin-top:8px;
line-height:1.4;
}

/* Mobile image slider */

.mobile-images{
display:none;
}

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

@media (max-width:900px){

/* Header */

.topbar{
padding:10px 16px;
}

.logo{
font-size:20px;
}

.search{
display:none;
}

.search input{
width:140px;
font-size:14px;
}

/* Navigation wrap */

.subnav{
padding:10px 16px;
display:flex;
flex-wrap:wrap;
gap:10px 16px;
}

.subnav a{
margin-right:0;
}

/* Layout */

.container{
display:block;
padding:20px 16px;
}

/* Hide sidebar */

.sidebar,
.sidebar-inner,
.divider,
.toc{
display:none !important;
}

/* Article full width */

.article{
max-width:none;
width:100%;
}

/* Remove float image */

.article-image{
float:none;
width:100%;
margin:20px 0;
}

/* Mobile image slider */

.mobile-images{
display:flex;
gap:10px;
overflow-x:auto;
margin:20px 0;
padding-bottom:10px;
}

.mobile-images::-webkit-scrollbar{
height:6px;
}

.mobile-images::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:3px;
}

.mobile-slide{
min-width:240px;
flex-shrink:0;
}

.mobile-slide img{
width:100%;
height:160px;
object-fit:cover;
border-radius:10px;
}

}