/* Page-specific layer for Education and theses. */

.education-page #header {
	padding-bottom: 8em;
}

.education-page #header h1 {
	margin-bottom: 0.45em;
}

.page-kicker {
	color: #dce9e7;
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.page-intro {
	padding-bottom: 3em;
}

.education-panel {
	margin-bottom: 4em;
	padding: 4em;
}

.education-panel > header {
	margin-bottom: 2.5em;
}

.education-tracks {
	display: grid;
	gap: 3em;
}

.education-track {
	border-top: 2px solid var(--site-line);
	padding-top: 1.5em;
}

.track-heading {
	align-items: baseline;
	display: flex;
	gap: 1em;
	margin-bottom: 1.5em;
}

.track-heading h3 {
	color: var(--site-ink);
	font-size: 1.45em;
	margin: 0;
}

.track-number {
	color: var(--site-green);
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.education-grid {
	display: grid;
	gap: 1.2em;
	grid-template-columns: repeat(2, 1fr);
}

.education-card {
	border-top: 2px solid var(--site-green);
	padding: 1.4em 1.25em 1em;
}

.education-card h3 {
	color: var(--site-ink);
	font-size: 1.15em;
	margin: 0.5em 0 0.65em;
}

.education-card p,
.course-card p,
.thesis-step p {
	font-size: 0.9em;
}

.course-card {
	border-left: 2px solid var(--site-green);
	margin-bottom: 1.25em;
	padding: 0.15em 1.4em 0.9em;
}

.course-card:last-child {
	margin-bottom: 0;
}

.course-card h4 {
	color: var(--site-ink);
	font-size: 1.05em;
	margin: 0 0 0.35em;
}

.course-card p {
	margin-bottom: 0.7em;
}

.course-card .course-teachers {
	color: var(--site-muted);
	font-size: 0.78em;
	font-weight: 700;
	margin-bottom: 0.6em;
}

.course-card .course-teachers a {
	color: inherit;
	border-bottom: 1px dotted var(--site-muted);
}

.course-card .course-teachers a:hover {
	color: var(--site-green);
}

.course-card .course-topics {
	color: var(--site-muted);
	font-size: 0.82em;
}

.course-link {
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.course-card-featured {
	background: rgba(35, 133, 124, 0.06);
	border-left-color: #a34b56;
	padding-top: 1em;
}

.education-number,
.thesis-step > span {
	color: var(--site-green);
	display: block;
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.thesis-panel {
	align-items: start;
	display: grid;
	gap: 4em;
	grid-template-columns: 1.1fr 0.9fr;
}

.thesis-copy h2 {
	color: var(--site-ink);
}

.thesis-copy .section-note {
	color: var(--site-muted);
	font-size: 0.88em;
	margin-top: 1.25em;
}

.thesis-directions {
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(2, 1fr);
	margin: 2em 0;
}

.thesis-directions div {
	border-top: 2px solid var(--site-green);
	padding-top: 0.7em;
}

.thesis-directions strong,
.thesis-directions span {
	display: block;
}

.thesis-directions strong {
	color: var(--site-ink);
	font-size: 0.9em;
}

.thesis-directions span {
	color: var(--site-muted);
	font-size: 0.78em;
	margin-top: 0.3em;
}

.thesis-copy .actions {
	margin-top: 2em;
}

.thesis-steps {
	border-left: 2px solid var(--site-line);
	display: grid;
	gap: 1.5em;
	padding-left: 2em;
}

.thesis-step strong {
	color: var(--site-ink);
	display: block;
	margin: 0.25em 0;
}

.thesis-step p {
	margin: 0;
}

.thesis-archive {
	padding-bottom: 3em;
}

.thesis-archive > header {
	margin-bottom: 1.5em;
}

.thesis-groups {
	display: grid;
	gap: 0.85em;
}

.thesis-group {
	border-top: 1px solid var(--site-line);
	padding-top: 0.85em;
}

.thesis-group summary {
	align-items: baseline;
	color: var(--site-ink);
	display: flex;
	font-weight: 700;
	gap: 1em;
	justify-content: space-between;
}

.thesis-group summary::marker {
	color: var(--site-green);
}

.thesis-group summary small {
	color: var(--site-muted);
	font-size: 0.72em;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.thesis-list {
	border-left: 2px solid var(--site-green);
	list-style: none;
	margin: 1.2em 0 1em;
	padding: 0 0 0 1.25em;
}

.thesis-list li {
	display: grid;
	gap: 0.25em 1em;
	grid-template-columns: 4.5em minmax(10em, 0.35fr) 1fr;
	margin-bottom: 0.9em;
}

.thesis-list li:last-child {
	margin-bottom: 0;
}

.thesis-year {
	color: var(--site-green);
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.thesis-author {
	color: var(--site-ink);
	font-size: 0.86em;
	font-weight: 700;
}

.thesis-title {
	color: var(--site-muted);
	font-size: 0.86em;
}

.education-closing {
	padding-bottom: 5em;
}

@media screen and (max-width: 980px) {
	.education-panel {
		padding: 3em;
	}

	.thesis-panel {
		gap: 3em;
	}
}

@media screen and (max-width: 736px) {
	.education-page #header {
		padding-bottom: 5em;
	}

	.education-grid,
	.thesis-directions,
	.thesis-panel {
		display: block;
	}

	.thesis-group summary {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.3em;
	}

	.thesis-list li {
		display: block;
	}

	.thesis-year,
	.thesis-author,
	.thesis-title {
		display: block;
	}

	.thesis-author {
		margin-top: 0.15em;
	}

	.thesis-directions div {
		margin-bottom: 1.25em;
	}

	.education-card {
		margin-bottom: 2em;
	}

	.thesis-steps {
		margin-top: 3em;
	}
}