header{ background:#E2DFD7; color:#897c5a; }
		body{ font-family:'Nunito'; color:#897c5a; font-size:19px; background:#FFFDF8; padding-top:90px; }
		a{ color:#897c5a; }
		h1{ font-size:50px; }
		h1,h2,h3{ font-family:'Merriweather'; font-weight:800; }
		a.nav-link{ color:#897c5a; }
		a.nav-link:hover{ color:#675935; }
		.bg-body-box{ background:#E2DFD7;  color:#897c5a; }
		.btn-qween{ background:#897c5a; color:#FFFDF8; border-color:#897c5a; }
		.btn-qween:hover{ background:#675935; border-color:#675935; }
		.bg-boxy-dark-box{ background:#675935; color:#FFFDF8; }
		.bg-boxy-dark-box h2{ background:#E2DFD7;  color:#897c5a; font-size:25px; display:inline-block; clear:both; text-align:center; padding:2px 15px; }
		.bg-boxy-dark-box p.result{ font-size:20px; }
		.big{ font-size:21px; }
		.number > span{ font-size:40px; font-weight:bold; background:#E2DFD7;  color:#897c5a; line-height:40px; display:inline-block; padding:0 25px; margin-bottom:20px; border-radius:20px; }
		.accordion-button,h2,h3{font-family:Merriweather,serif;font-weight:800;color:#897c5a}
		.accordion-item{background:#fffdf8;border:1px solid #e2dfd7;margin-bottom:10px;border-radius:8px;overflow:hidden}
		.accordion-button{background:#e2dfd7;font-size:18px;padding:15px 20px;border:none}
		.accordion-button:not(.collapsed){background:#897c5a;color:#fffdf8;box-shadow:none}
		.accordion-button:hover{background:#675935;color:#fffdf8}
		.accordion-button:focus{box-shadow:none;border:none}
		.accordion-button::after{filter:brightness(0) saturate(100%) invert(53%) sepia(13%) saturate(726%) hue-rotate(8deg) brightness(92%) contrast(87%)}
		.accordion-button:not(.collapsed)::after{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(324deg) brightness(104%) contrast(107%)}
		.accordion-body{background:#fffdf8;color:#897c5a;padding:20px;font-size:19px}
		.accordion-body strong{color:#675935}
		.accordion-body ol,.accordion-body ul{margin-top:10px}
		.accordion-body li{margin-bottom:8px}
		#islamic-calendar-2026 h2{font-family:Merriweather,serif;font-weight:800;color:#897c5a;font-size:40px}
		#islamic-calendar-2026 .big{font-size:21px;color:#897c5a}
		#islamic-calendar-2026 table{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:8px}
		#islamic-calendar-2026 table tbody tr:hover{background:#f5f3ed!important}
		#islamic-calendar-2026 small{font-size:14px;opacity:.8}
		.table th { background: #897c5a; color: #FFFDF8; }
		.table td{padding:15px;color:#897c5a}
		.table td strong{color:#675935}
		.table tr:nth-child(odd) td{background:#fffdf8 !important; }
		.table tr:nth-child(2n) td{background:#e2dfd7 !important; }
		
		#menu{ position:fixed; top:0px; width:100%; padding:10px; background:#CE9C36; color:#fff; z-index:9999; }
		#menu .quickmenu a{ color:#fff; display:inline-block; margin:0 5px; }
		#menu ul { margin:0px; padding:0px; }
		#menu ul li{ display:inline; }
		

    /* ── Methodology section ── */
    .methodology-section h2 {
      font-weight: 600;
      margin-bottom: 0.4rem;
    }
    .methodology-section .lead-text {
      margin-bottom: 2rem;
    }

    /* Method cards */
    .method-card {
      border-radius: 10px;
      padding: 1.5rem;
      height: 100%;
      background: #FFF9E9;
      transition: box-shadow 0.18s;
    }
    .method-badge {
      display: inline-block;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border-radius: 20px;
      padding: 3px 15px;
      margin-bottom: 0.85rem;
	  background:#897C5A;
	  color:#fff; 

	}
    

    .method-card h3 {
      font-weight: 600;
      margin-bottom: 0.5rem;
      color: #212529;
    }
    .method-card p {
      color: #495057;
      line-height: 1.65;
      margin-bottom: 0.85rem;
    }
    .method-meta {
      color: #868e96;
      display: flex;
      flex-direction: column;
      gap: 4px;
      border-top: 1px solid #e9ecef;
      padding-top: 0.85rem;
      margin-top: auto;
    }
    .method-meta span::before {
      content: "→ ";
      color: #adb5bd;
    }

    /* Accuracy note */
    .accuracy-note {
      background: #FFF9E9;
      border-left: 3px solid #786D4F;
      border-radius: 0 8px 8px 0;
      padding: 1rem 1.25rem;
      margin-top: 1.75rem;
      color: #495057;
      line-height: 1.6;
    }
    .accuracy-note strong {
      color: #212529;
    }