*{box-sizing:border-box;margin:0;padding:0}

body{
font-family:”Noto Sans Devanagari”, system-ui, Arial, sans-serif;
background:#ffffff;
color:#1f2933;
line-height:1.75;
overflow-x:hidden;
}

.container{
max-width:100%;
padding:16px 14px;
}

.header{
border-bottom:3px solid #0b3c5d;
padding-bottom:8px;
margin-bottom:16px;
}
.header h1{
font-size:24px;
color:#0b3c5d;
font-weight:700;
}
.header p{
font-size:14px;
color:#4b5563;
}

.section{
margin:20px 0;
}

.notice{
background:#f3f6f9;
border-left:5px solid #0b3c5d;
padding:14px;
font-size:15px;
}

.stats{
background:#fafafa;
border:1px solid #d1d9e6;
padding:14px;
margin-top:16px;
font-size:15px;
}

.month-box{
border:1px solid #d1d9e6;
border-radius:6px;
margin:14px 0;
background:#ffffff;
}
.month-title{
background:#0b3c5d;
color:#ffffff;
padding:8px 12px;
font-size:17px;
font-weight:600;
}
.month-box ul{
padding:10px 18px;
}
.month-box li{
margin:7px 0;
font-size:15px;
}

.sub-title{
font-size:18px;
font-weight:700;
color:#0b3c5d;
margin-bottom:10px;
}

ul{
padding-left:18px;
}

.footer{
margin-top:26px;
padding-top:12px;
border-top:1px solid #d1d9e6;
font-size:13px;
color:#4b5563;
}

@media(min-width:768px){
.container{max-width:900px;margin:auto}
.header h1{font-size:28px}
}