/* CSS */

		/* Navbar styling */
		.navbar {
			background-color: #0066CC; /* dark background */
		}
		.navbar ul {
			list-style-type: none;
			display: flex;          /* horizontal layout */
			margin: 0;
			padding: 0;
		}
		.navbar li {
			flex: 1;                /* all buttons take equal space */
		}
		.navbar a {
			display: block;
			color: white;
			text-align: center;
			padding: 0.7em 1.2em;
			text-decoration: none;
			white-space: nowrap;
		}
		.navbar a:hover {
			background-color: #0047ab; /* hover effect */
		}
		.published {
			font-size: 0.8rem;
			text-align: right;
			margin-bottom: 0;
			color: gray;
		}
		body {
            font-family: FreeSans, "Dejavu Sans", "Trebuchet MS", sans-serif;
            font-size: 16px;
            line-height: 1.5;
            margin: 20px;
            color: #333;
			text-align: justify;
        }
		.monospace { font-family: monospace; font-size:0.9rem; }
       	.left {
			width: 70%;
			padding-right: 15px;
			float: left;
			box-sizing: border-box;
			border-right: 1px solid #ccc; /* subtle right border */
		}
		.right {
			width: 29%;
			float: right;
			box-sizing: border-box;
			padding-left: 8px;
			font-size: 0.9rem;
		}
		.right ul {
			padding-left: 0;
			list-style-position: inside; /* bullets inside the container */
		}
        .content {
            background-color: #fff;
            padding: 15px 20px; /* top/bottom 15px, left/right 20px */
            box-sizing: border-box; /* ensures padding is included in width */
        }
        .section {
            margin-bottom: 35px;
        }
        .section h2 {
            font-size: 1.1rem;
            margin-bottom: 5px;
            text-decoration: underline;
        }
        .section ul {
            list-style-type: disc;
            margin-left: 20px;
        }
		.section ol li:not(:last-child) {
			padding-bottom: 8px;
		}
        a {
            color: #0229a1;
            text-decoration: none;
        }
        .section a:hover {
            text-decoration: underline;
        }		
		note {
            color: red;
        }
        note:hover {
            color: green;
		}	
		rnote {
            color: green;
        }
        rnote:hover {
			color: red;
		}
		red {
            color: #8B0000;
        }
		green {
            color: green;
        }
		.quote {
			background: #f7f4e9;      /* soft paper-like background */
			padding: 15px 20px;       /* breathing space around text */
			border-left: 4px solid #c2b280; /* a subtle left bar like book margin */
			font-style: italic;       /* optional: makes it feel like a quotation */
			margin: 20px 0;           /* spacing above and below */
			border-radius: 4px;       /* optional: soft edges */
		}
		.shastra {
			max-width: 400px;
			font-family: "Noto Sans Devanagari", "Roboto", "Lohit Devanagari";
			white-space: pre;
			background: #f7f4e9;      /* soft paper-like background */
			padding: 15px 20px;       /* breathing space around text */
			border-left: 6px solid #c2b280; /* a subtle left bar like book margin */
			font-weight: bold;       /*optional: makes it feel like a quotation */
			margin: 20px 0;            /*spacing above and below */
			border-radius: 4px;       /* optional: soft edges */
			margin-bottom: 0;
		}
		.trans {
			/*max-width: 800px;*/
			margin-top: 0;
			font-family: "Noto Sans Devanagari", "Roboto", "Lohit Devanagari";
			background: #F0F8FA;      /* soft paper-like background */
			padding: 15px 20px;       /* breathing space around text */
			border-left: 6px solid #53adca; /* a subtle left bar like book margin */
		}
		figure {
			float: right;
			width: 30%;
			text-align: center;
		}
		img {
			width: 100%;
			height: auto;
			margin: 5px;
        }
		figcaption {
			background-color: #f0f0f0; /* light gray */
			font-style: italic;        /* optional */
			font-size: 0.9rem
		}
		table {
			width: 90%;
			text-align:left;
			border: 1px solid black;
			border-collapse: collapse;
			margin: 0 auto;
		}
		td, th {
			border: 1px solid black;
			padding: 10px;
		}
		.logo-wall {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			justify-content: center;
		}
		.logo-wall img {
			width: 95px;         /* standard box width */
			height: 95px;        /* standard box height */
			object-fit: contain;  /* scale image to fit box */
			padding: 10px;        /* optional breathing space */
			background: #ffffff;  /* optional */
			border-radius: 10px;  /* optional, rounded cards */
			box-shadow: 0 2px 6px rgba(0,0,0,0.1);  /* optional */ 
		}
		.logo-wall img:hover {
			transform: scale(1.2);
			box-shadow: 0 4px 10px rgba(0,0,0,0.2);
			transition: 0.2s ease;
		}
		.encoded p {
            font-family: monospace;
			background-color: #f0f0f0;
		}
        @media (max-width: 800px) {
             .left, .right {margin: 0; box-sizing: border-box;}
			.right {font-size: 0.5em;}
			.right ul {margin-left:3px;}
			 body {font-size: 10px; margin: 0;}
			 .monospace { font-family: monospace; font-size:0.6rem;}
			button { font-size: 0.6rem;}
            .section h2 {font-size: 1.1em;}
			.published {font-size: 0.4rem; color: gray;}
			.navbar li {font-size: 0.5rem; font-weight:bold;}
			.logo-wall img {width: 60px; height:60px;}
        }