body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:#fff;
  color:#000;
}

a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

.logo img{
  height:40px;
}

/* BASE */
.top-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#97CCFE;
  padding:8px 15px;
  position:relative;
  z-index:999;
}

/* MENU DESKTOP */
.menu{
  list-style:none;
  display:flex;
  gap:18px;
  margin:0;
  padding:0;
}

/* TOGGLE ICON */
.menu-toggle{
  display:none;
  flex-direction:column;
  cursor:pointer;
}

.menu-toggle span{
  width:26px;
  height:3px;
  background:#000;
  margin:4px 0;
}

/* ✅ MOBILE FIX */
@media(max-width:768px){

  .menu-toggle{
    display:flex;
  }

  .nav{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#9fd1ff;

    /*  FIX */
    display:none;
    height:auto;
    overflow:visible;
  }

  .nav.show{
    display:block;
  }

  .menu{
    flex-direction:column;
  }

  .menu li a{
    font-weight: bold;
    display:block;
    padding:12px 15px;
    border-top:1px solid #000;
  }
}

/* Normal menu link */
.menu li a{
  color:#000;
  transition:color 0.1s,
}

/* Hover effect (Desktop) */
.menu li a:hover{
  color:#1E40AF;          /* text color change */

}



/* Main content */
.container{
  max-width:900px;
  margin:10px auto;
  text-align:center;
}

.date{
  font-size:16px;
  margin-bottom:0px;
  font-weight:bold;
  padding: 0px;
  color: #000000;
}

.title{
  font-size:12px;
  font-weight:bold;
  margin-bottom:0px;
  padding: 0px;
}

/* Result table */
.result-table{
  width:100%;
  border-collapse:collapse;
}

.result-table th{
  background:#4de0c0;
  border:1px solid #000;
  padding:8px;
  font-weight:bold;
}

.result-table td{
  border:1px solid #000;
  padding:10px;
  font-size:18px;
  font-weight:bold;
}

.result{
  background:#fff;
}

.date{

  font-size: 1rem; 
  margin: 0;
}

.site-footer{
  height: auto;
  background:#9fd1ff;
  border-top:0px solid #000;
  font-size:13px;
}

.footer-inner{
  max-width:1200px;
  margin:auto;
  padding:10px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.footer-left a{
  color:#000;
  text-decoration:none;
  font-weight:normal;
}

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

.footer-right{
  text-align:right;
  font-size:12px;
}

/* Mobile */
@media(max-width:768px){
  .footer-inner{
    flex-direction:column;
    text-align:center;
    gap:8px;
  }
  .footer-right{
    text-align:center;
  }
}


/* Common Number CSS*/

.common-wrapper{
  max-width:900px;
  margin:30px auto;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
}

.common-title{
  color:red;
  font-size:20px;
  margin-bottom:5px;
}

.common-date{
  font-weight:bold;
  margin-bottom:15px;
}

/* Table */
.common-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:12px;
}

.common-table th,
.common-table td{
  border:1px solid #000;
  padding:8px;
  font-size:14px;
}

.table-head th{
  background:#efefef;
  font-weight:bold;
}

.table-subhead th{
  background:#41d9b8; /* green header */
  font-weight:bold;
}

.table-data td{
  background:#fff;
  font-weight:bold;
}

/* Divider line */
.divider{
  width:60%;
  height:1px;
  background:#000;
  margin:18px auto;
}

/* Disclaimer */
.disclaimer{
  margin-top:15px;
  background:#f7f7f7;
  padding:10px;
  font-size:13px;
  border-radius:4px;
}

/* Mobile responsive */
@media(max-width:600px){
  .common-title{
    font-size:18px;
  }
  .common-table th,
  .common-table td{
    font-size:13px;
    padding:6px;
  }
}


/* Previous Result */
.prev-wrapper{
  max-width:1200px;
  margin:30px auto;
  padding:0 10px;
  font-family:Arial, Helvetica, sans-serif;
}

.prev-title{
  text-align:center;
  color:red;
  font-size:20px;
  margin-bottom:10px;
}

/* Table */
.prev-table{
  width:100%;
  border-collapse:collapse;
}

.prev-table th,
.prev-table td{
  border:1px solid #000;
  padding:8px;
  font-size:14px;
  text-align:center;
}

.prev-table thead th{
  background:#41d9b8; /* green header */
  font-weight:bold;
}

.prev-table tbody td{
  background:#fff;
}

/* Bold FR / SR */
.bold{
  font-weight:bold;
}

/* Mobile responsive */
@media(max-width:600px){
  .prev-title{
    font-size:18px;
  }
  .prev-table th,
  .prev-table td{
    font-size:13px;
    padding:6px;
  }
}