/* ==========================================================================
   Books listing page redesign (Ameba spec)
   Loaded AFTER main-v3.css. Every rule is scoped under body.books-v2 so it
   only affects books.html and wins over main-v3 on specificity.
   ========================================================================== */

/* 1. Menu -------------------------------------------------------------------- */
body.books-v2 header nav a {
	color:#1A1A1A;
	font-size:16px;
	font-weight:700;
	border-left-color:#1A1A1A;
}
body.books-v2 header nav a:first-child { border-left:none; }
body.books-v2 header nav a:hover,
body.books-v2 header nav a:focus { color:#FC5D59; }

/* 2. Active "Books" menu item ----------------------------------------------- */
body.books-v2 header nav a[href="/books.html"] { color:#FC5D59; }

/* 3. H1 "Books" -------------------------------------------------------------- */
/* main.mp-content IS #books-content, so the id is attached (not a descendant) */
body.books-v2 main.mp-content#books-content > h1 {
	color:#1A1A1A;
	font-weight:700;
	font-size:30px;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* 4. Section H2 headings (Nonfiction / Sci Fi / Travel / Children's) --------- */
/* Remove the green box; keep only the teal underline. */
body.books-v2 section.books-topic h2 {
	border-bottom:1px solid #076E5A;
	padding-bottom:0;
}
body.books-v2 section.books-topic h2 span {
	background-color:transparent;
	color:#076E5A;
	font-size:26px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0 0 8px 0;
}
body.books-v2 section.books-topic h2 span:hover {
	background-color:transparent;
	color:#054D40;
}
@media (max-width:659px) {
	body.books-v2 section.books-topic h2 span { font-size:22px; }
}

/* 5. Book titles ------------------------------------------------------------- */
body.books-v2 article h3.book-title {
	font-size:24px;
	font-weight:600;
	line-height:1.3;
	text-transform:none;
}
body.books-v2 article h3.book-title a {
	color:inherit;
	font-weight:inherit;
}

/* 6. Paragraphs (don't shrink h1/h2) ---------------------------------------- */
body.books-v2 #books-content p {
	font-size:16px;
	letter-spacing:0.5px;
}

/* 7. Book author — upper/lower (not caps); names coral, connective "with" black */
body.books-v2 p.book-author {
	color:#1A1A1A;            /* the "with" text is black */
	font-weight:700;
	font-size:18px;
	letter-spacing:0.5px;
	text-transform:none;      /* upper-lower, not all-caps */
}
body.books-v2 p.book-author a { color:#FC5D59; }   /* author names coral */

/* 8. All links coral (read-more handled below) ------------------------------ */
body.books-v2 main.mp-content a:not(.read-more) { color:#FC5D59; }

/* Read More: its own line, below the description text (per PDF) -------------- */
body.books-v2 #books-content .book-desc .read-more {
	display:block;
	margin-top:14px;
	color:#FC5D59;
	font-weight:700;
}

/* 9. Social footer (teal band + email form) --------------------------------- */
/* Copied verbatim from news.css "Footer email form" section, news-v2 -> books-v2 */
body.books-v2 { overflow-x:hidden; }
body.books-v2 #wrapper { padding-bottom:0; }
body.books-v2 .social {
	background:#E8EFEE; width:100vw; position:relative; left:50%; transform:translateX(-50%);
	box-sizing:border-box; min-height:292px; padding:40px 20px; margin:0; border-top:none;
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; text-align:center; overflow:hidden;
}
body.books-v2 .social h3 { font-size:24px; font-weight:600; color:#1A1A1A; margin:0; }
body.books-v2 .mailing-list-form { display:flex; width:100%; max-width:520px; }
body.books-v2 .mailing-list-form input[type="email"] {
	flex:1 1 auto; min-width:0; box-sizing:border-box; height:48px; background:#fff; border:1px solid #cfd6d5;
	border-right:none; padding:0 14px; font-size:16px; color:#1A1A1A; font-family:inherit;
}
body.books-v2 .mailing-list-form input[type="email"]::placeholder { color:#939393; }
body.books-v2 .mailing-list-form button {
	flex:0 0 auto; box-sizing:border-box; height:48px; display:inline-flex; align-items:center; justify-content:center;
	background:#FC5D59; color:#fff; border:none; padding:0 22px; font-size:14px; font-weight:700; line-height:1;
	text-transform:uppercase; letter-spacing:1px; cursor:pointer; font-family:inherit;
}
body.books-v2 .mailing-list-form button:hover, body.books-v2 .mailing-list-form button:focus { background:#EB534F; }
body.books-v2 .social-icons { display:flex; justify-content:center; gap:16px; }
body.books-v2 .social-icons a img { width:26px; height:26px; display:block; }
body.books-v2 .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }