<style>
        /* CSS Reset & Basics */
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        /* Container - Fixed width 1200px */
        .container11 {
			line-height: 1.6;
            font-family: 'Anek Telugu', sans-serif;
            width: auto;
            margin: 0 auto;
            background-color: #ffffff;
            border: 2px solid #d1d5db;
        }

        /* Header Styles - Gradient */
        .header-section {
            background: linear-gradient(to bottom, #ffffff 0%, #9dedffd1 100%);
            padding-bottom: 0.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center; /* Vertical Center */
            min-height: 120px; /* Reduced Height */
        }

        .header-title {
            text-align: center;
            padding-top: 35px; /* Added Padding 25px */
        }
        .header-title h1 {
            font-size: 3rem;
            font-weight: 800;
            color: #000;
            margin: 0;
            line-height: 1.2;
        }
		
		h2 {
            font-size: 3rem;
            font-weight: 800;
            color: #012c4fe8;
            margin: 0;
            line-height: 1.2;
        }

        /* Sub-Header Styles */
        .sub-header {
            text-align: center;
            font-style: normal;
            font-weight: 400;
            font-size: 1.55rem;
            color: #125f9b;
            padding: 0.2rem;
            margin-top: -5px; /* Reduced Gap */
        }

        /* Info Bar - Blue BG, White Text, Bigger */
        .info-bar {
            background-color: #2972ab;
            color: white;
            padding: 0.75rem 1rem;
            text-align: center;
            font-size: 1.3rem;
            font-weight: 300;
        }
        .info-bar strong { font-weight: normal; } /* Un-bold IST */

        /* Table Styles */
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 1.0rem; /* Changed to 1.0rem */
        }
        th {
            background-color: #01579b;
            color: white;
            padding: 0.75rem;
			padding-top: 20px;
            text-align: left;
            border: 1px solid #ffffff;
            font-weight: normal;
        }
        th.date-header {
            text-align: center;
            width: 90px; /* Increased width to accommodate date */
            background-color: #990000;
        }
        
        td {
            padding-left: 0.6rem;
			padding-right: 0.6rem;
			padding-top: 0.6rem;
			padding-bottom: 0rem;
            border: 1px solid #94a3b8;
            vertical-align: middle; /* Vertical Center Alignment */
            color: #333333;
        }

        /* Date Column Styling */
        .date-cell {
            text-align: center;
            font-family: 'Roboto', sans-serif;
            font-size: 2.6rem; 
            font-weight: 800; /* Changed from bold/700 to 600 */
            border-right: 0px solid #94a3b8;
            position: relative;
            letter-spacing: -0.1rem;
			margin-bottom:-6px;
            /* Removed flex to allow table cell behavior, fixing border height issue */
        }
        
        .date-weekday {
            display: block;
            font-size: 1.0rem;
            font-weight: normal;
            letter-spacing: normal;
            margin-bottom: -15px; 
			margin-left: 2px;
            text-transform: uppercase;
            width: 100%;
        }
        
        .sunday-text { color: #dc2626; }
        .date-holiday { color: #dc2626; } /* Red for Holiday */
        .date-optional { color: #f97316; } /* Orange for Optional */

        /* Row Colors */
        tr:nth-child(odd) { background-color: #ffffff; }
        tr:nth-child(even) { background-color: #e0f2fe; } /* Light Sky Blue */

        /* Hover Effects */
        tr:hover {
            background-color: #f97316 !important;
            color: white !important;
        }
        tr:hover td, tr:hover span, tr:hover .tithi-text, tr:hover .highlight-blue, tr:hover .varjyam-text, tr:hover .fest-optional, tr:hover .fest-special, tr:hover .fest-holiday, tr:hover .date-holiday, tr:hover .date-optional, tr:hover .sunday-text, tr:hover .date-weekday, tr:hover strong, tr:hover .amrutakalam-text {
            color: white !important;
        }

        /* Specific Text Colors */
        .highlight-blue { color: #000; font-weight: 600; } /* Replaced bold with 600 */
        
        .tithi-text { color: #0056b3; font-weight: 500; }
        .varjyam-text { color: #dc2626; } /* Red color for Varjyam */
        .amrutakalam-text { color: #15803d; } /* Green color for Amrutakalam */
        
        /* Festivals */
        .fest-label { color: black; font-weight: normal; } 
        .fest-optional { color: #f97316; }
        .fest-special { color: #0056b3; }
        .fest-holiday { color: #dc2626; font-weight: 600; } /* Replaced bold with 600 */

        /* Footer Styles */
        .footer-container {
            font-family: 'Roboto', sans-serif;
        }
        .footer-top {
            background-color: #003366; /* Dark Blue */
            color: white;
            text-align: center;
            padding: 0.9rem;
            font-size: 1.0rem;
            font-weight: normal;
        }
        .footer-bottom {
            background-color: #e0f7fa; /* Light Blue */
            color: #285683;
            text-align: center;
            padding: 0.9rem;
            font-size: 1.0rem;
			letter-spacing: -0.5px;
            line-height: 1.5;
            border-top: 1px solid #b0bec5;
        }
        .footer-bottom strong {
            font-weight: 600; /* Replaced bold with 600 */
        }
        strong {
            font-weight: 600; /* Replaced bold with 600 */
        }
    </style>
<!-- for auto size		<style type="text/css">
.scale-container {
    width: 100%;
    overflow: hidden;
  }

  .content-box {
    width: 1200px;
    height: auto;
    min-height: 900px;
    box-sizing: border-box;
    margin: 0 auto; 
    transform-origin: top left; 
  }
  @media (max-width: 375px) {
  .content-box {
    width: 650px;
  }
  h2 {
	font-size: 3rem;
	font-weight: 800;
	color: #012c4fe8;
	margin: 0;
	line-height: 1.2;
	text-align:left;
	margin-left: 30px;
	margin-bottom:5px;
	}
	
	/* Sub-Header Styles */
	.sub-header {
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 1.45rem;
	color: #317bb5;
	padding: 0.2rem;
	margin-top: -10px; /* Reduced Gap */
	margin-bottom:10px;
	text-align:left;
	margin-left: 30px;
	}
	
	/* Info Bar - Blue BG, White Text, Bigger */
	.info-bar {
	background-color: #2972ab;
	color: white;
	padding: 0.75rem 1rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 300;
	text-align:left;
	padding-left: 30px;
	}
}
  @media (min-width: 410px) {
  .content-box {
    max-width: 100%;
	min-width: 650px;
  }
}

@media screen and (min-width: 376px) and (max-width: 390px) {
  .content-box {
	width: 650px;
  }
}

@media screen and (min-width: 411px) and (max-width: 769px) {
  .content-box {
	width: 100%;
  }
}
	</style>-->