@media only screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

body {
    width: 75%;
    margin: 0 auto;
    /*display: grid;*/
    /*grid-template-rows: auto 1fr auto;*/
    /*grid-template-columns: 1fr;*/
    min-height: 100vh;
    background-color: #e0f0ff; /* Pale blue background for contrast */
    /*background-color: #3776ab; /* Python blue background */
    color: #000; /* Dark text for readability */
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 16px;
	line-height: 1.8;
}
/*.container {*/
/*    width: 75%;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-rows: auto 1fr auto;*/
/*    grid-template-columns: 1fr;*/
/*    min-height: 100vh;*/
/*}*/

header {
    /*display: grid;*/
    /*!*grid-template-rows: auto 1fr auto;*!*/
    /*grid-template-columns: 10fr 2fr;*/
    /*gap: 20px;*/

    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
    align-items: center;
    /*height: 86px;*/
    background-color: #3776ab; /* Python blue background */
    color: #ffd43b; /* Python yellow text */
/*    padding: 10px 20px;*/
    /*text-align: center;*/
}
	.heading-left {
        display: flex;
        align-items: center;
        flex-grow: 1;  /* Takes up the majority of the space */
	}
		.heading-left img {
            /*display: inline-block;*/
			height: 86px;
            margin-right: 10px;  /* space between the image and the title */
		}
		.heading-left h1 {
            font-size: 20px;
			margin: 0;
		}

	.heading-right {
	    display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right;
        min-width: 140px;
        padding-right: 8px;
	}
		.heading-right p {
            font-size: 14px;
            margin: 0; /* Removes default spacing */
		}

.footer {
    background-color: #3776ab; /* Python blue background */
    color: #ffd43b; /* Python yellow text */
    padding: 20px;
    text-align: center;
}

.main-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    margin: 0;
    padding: 0;
}
	.main-content ul {
		margin: 0;
		padding: 0;
		list-style-type: "🕮 "; /* Unicode  "\1F56E" */
		list-style-position: inside;
	}
    .abstract h1,
    /*.main-section h1,*/
    .main-content h1 {
        margin: 0;
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 30px;
    }

.main-section {
    padding: 22px 20px;
    /*padding-top: 22px;*/
    /*margin: 1rem 25px;*/
	/*padding: 15px;*/
}
    .main-section h4 {
        margin: 8px 0 4px 0;
/*        margin-bottom: 5px;*/
        font-size: 1.2em;
        font-weight: bold;
        line-height: 125%;
    }
    .main-section h5 {
        margin: 8px 0 4px 0;
/*        margin-bottom: 5px;*/
        font-size: 1em;
        font-weight: bold;
        line-height: 125%;
    }
    .main-section .indented-section {
	margin-left: 20px;
	padding-left: 5px;
}

.abstract,
.main-section,
.toc {
    border: 1px solid #3776ab; /* Python blue border */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	scrollbar-color: inherit;
}
.abstract,
.toc {
	box-sizing: border-box; /* Include padding in height calculations */
	margin: 0;
	padding: 20px;
}

.toc {
    background-color: #cce0ff; /* Pale blue background for TOC */
    /*padding: 20px;*/
 }
	.toc ul {
		margin: 0;
		padding: 0;
		line-height: 24px;
		list-style: none;
	}
    .toc a {
        color: inherit;
        text-decoration: none;
    }