.container {display: grid; grid-template-columns: 1fr 3fr; /* Sidebar 25%, Main 75% */ gap: 10px; }

.sidebar {background-color: #ffffff; padding: 10px; padding-right: 5px; padding-left: 5px; width: 200px;}

.heading2 {font-family: Verdana, sans-serif; font-size: 34px; font-style: bold; line-height: 51px; color: #495867; padding-right: 5px; padding-left: 0px; max-width: 550px;}

.main {background-color: #ffffff; font-family: Verdana, sans-serif; font-size: 19px; font-style: normal; line-height: 28px; font-weight: normal; color: #000000; padding: 11px; padding-right: 5px; padding-left: 10px; max-width: 550px;}

.note {background-color: #ffffff; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 20px; font-weight: normal; color: #000000; padding: 0px; padding-right: 5px; padding-left: 10px; max-width: 550px;}

.menu {font-family: Verdana, sans-serif; font-size: 13px; font-style: normal; line-height: 25px; font-weight: bold; color: #000000; padding-right: 5px; padding-left: 5px; width: 180px;}

a.mainarea2:link {
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
 padding-left: 0px;	
}

a.mainarea2:visited {
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
 padding-left: 0px;	
}

a.mainarea2:hover {
	color: #307DDF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
 padding-left: 0px;	
}

a.mainarea3:link {
	color: #666666;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
 padding-left: 20px;
}

a.mainarea3:visited {
	color: #666666;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
 padding-left: 20px;	
}

a.mainarea3:hover {
	color: #307DDF;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
 padding-left: 20px;	
}

a:link {
	color: blue;
	font-family: font-family: Verdana;
	font-weight: normal;
	font-size: 19px;
	text-decoration: underline;
	line-height: 20px;
 padding-left: 0px;	
}

a:hover {
	color: blue;
	font-family: font-family: Verdana;
	font-weight: normal;
	font-size: 19px;
	text-decoration: underline;
	line-height: 20px;
 padding-left: 0px;	
}



.heading {font-family: Verdana, sans-serif; font-size: 22px; font-style: bold; line-height: 33px; font-weight: bold; color: #326232; padding-right: 5px; padding-left: 0px; max-width: 550px;}

.caption {font-family: Verdana; font-size: 13px; font-style: normal; line-height: 20px; font-weight: normal; color: #000000; padding-left: 0px; }

a.date:link {color: blue; text-decoration: none;}
a.date:visited {color: blue; text-decoration: none;}
a.date:hover {color: blue; text-decoration: none;}

/* Responsive rule: stack columns on small screens */

@media (max-width: 550px) {
.container {grid-template-columns: 1fr; /* Single column */}