/*
Contents / Flow
===============
1) General
2) Header (logo + intro)
3) Team member list
4) Technical support
5) Common pages + social links
6) Media query for phones
*/

/*
1) General
===========
*/

	body {
		background: linear-gradient(135deg, #fff6e9 0%, #ffffff 55%);
		color: #333;
		min-height: 100vh;
	}

	a {
		color: #f79900;
	}

	a:hover {
		color: #b16e00;
	}

	.book-page-wrap {
		background-color: #fff;
		border-radius: 20px;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
		margin: 3rem auto;
		max-width: 1000px;
		padding: 3rem 3.5rem;
	}

/*
2) Header (logo + intro)
=========================
*/

	.book-header {
		padding-bottom: 1rem;
	}

	.book-header__intro {
		color: #666;
		font-size: 1.05rem;
		line-height: 1.6;
		margin: 0 auto;
		max-width: 32rem;
	}

	.book-header__logo {
		height: auto;
		margin-bottom: 1.5rem;
		max-width: 180px;
	}

	.book-header__title {
		color: #222;
		font-size: 2.1rem;
		font-weight: 700;
		margin-bottom: 0.75rem;
	}

/*
3) Team member list
====================
*/

	.book-team {
		padding: 2rem 0;
	}

	.book-team__bio {
		color: #666;
		line-height: 1.5;
	}

	.book-team__button {
		background-color: #f79900;
		border-radius: 50px;
		color: #fff;
		display: inline-block;
		font-weight: 600;
		margin-top: auto;
		padding: 0.65rem 1.5rem;
		text-decoration: none;
		transition: background-color 0.2s ease, transform 0.2s ease;
		width: 100%;
	}

	.book-team__button:hover {
		background-color: #d98600;
		color: #fff;
		transform: translateY(-2px);
	}

	.book-team__card {
		background-color: #fdfaf6;
		border: 1px solid #f3ead9;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		padding: 2rem 1.75rem;
	}

	.book-team__info {
		margin-bottom: 1.5rem;
	}

	.book-team__name {
		color: #222;
		font-size: 1.3rem;
		font-weight: 700;
		margin-bottom: 0.15rem;
	}

	.book-team__photo {
		aspect-ratio: 1 / 1;
		border: 4px solid #fff;
		border-radius: 50%;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
		margin: 0 auto 1.25rem;
		object-fit: cover;
		width: 160px;
	}

	.book-team__role {
		color: #f79900;
		font-size: 0.8rem;
		font-weight: 600;
		letter-spacing: 0.05em;
		margin-bottom: 1rem;
		text-transform: uppercase;
	}

/*
4) Technical support
======================
*/

	.book-support {
		background-color: #fdfaf6;
		border: 1px solid #f3ead9;
		border-radius: 16px;
		margin-top: 2rem;
		padding: 2rem 1.75rem;
	}

	.book-support__link {
		color: #f79900;
		font-weight: 600;
		text-decoration: none;
	}

	.book-support__link:hover {
		color: #b16e00;
		text-decoration: underline;
	}

	.book-support__secondary {
		color: #666;
		margin: 1rem 0 0;
	}

	.book-support__text {
		color: #666;
		line-height: 1.5;
		margin: 0 auto 1rem;
		max-width: 32rem;
	}

	.book-support__title {
		color: #222;
		font-size: 1.3rem;
		font-weight: 700;
		margin-bottom: 0.75rem;
	}

/*
5) Common pages + social links
================================
*/

	.book-footer {
		border-top: 1px solid #eee;
		padding-top: 2rem;
	}

	.book-footer__label {
		color: #666;
		font-size: 0.85rem;
		font-weight: 600;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	.book-footer__social-link {
		align-items: center;
		background-color: #f7f2eb;
		border-radius: 50%;
		color: #333;
		display: inline-flex;
		height: 42px;
		justify-content: center;
		margin: 0 0.4rem;
		transition: background-color 0.2s ease, color 0.2s ease;
		width: 42px;
	}

	.book-footer__social-link:hover {
		background-color: #f79900;
		color: #fff;
	}

	.book-footer__socials {
		margin-top: 1.25rem;
	}

/*
6) Media query for phones
===========================
*/

	@media only screen and (max-width: 768px) {
		.book-page-wrap {
			border-radius: 0;
			margin: 0;
			padding: 2rem 1.25rem;
		}

		.book-header__title {
			font-size: 1.6rem;
		}
	}