.book-hero {
background: var(--fnv-dark-bg);
color: var(--fnv-dark-text);
}
.text-accent { color: var(--fnv-dark-text); }
.book-contents .text-accent { color: var(--fnv-ink); }
.section-label {
display: inline-block;
font-family: 'Readex Pro', sans-serif;
font-size: .8125rem;
font-weight: 700;
color: var(--fnv-ink-muted);
margin-bottom: 12px;
}
.book-cover-img {
width: 100%;
max-width: 340px;
border: 2px solid var(--fnv-ink);
box-shadow: none;
display: block;
}
.book-features {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.book-features li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: .95rem;
font-weight: 500;
color: var(--fnv-on-dark-2);
line-height: 1.6;
}
.book-features li i {
flex-shrink: 0;
margin-top: 3px;
color: var(--fnv-dark-text);
}
.neo-btn-lg {
padding: 16px 36px !important;
font-size: 1rem !important;
}
.neo-btn-outline {
display: inline-block;
padding: 12px 28px;
font-family: 'Readex Pro', sans-serif;
font-weight: 800;
font-size: .95rem;
text-decoration: none;
border: 2px solid rgba(255,255,255,0.4);
color: var(--fnv-dark-text) !important;
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
cursor: pointer;
}
.neo-btn-outline:hover {
border-color: var(--fnv-dark-text);
background: rgba(255,255,255,0.08);
color: var(--fnv-dark-text) !important;
}
.book-contents .neo-btn-outline {
border-color: var(--fnv-ink);
color: var(--fnv-ink) !important;
}
.book-contents .neo-btn-outline:hover {
background: var(--fnv-ink);
color: var(--fnv-surface) !important;
}
.neo-card {
background: var(--fnv-surface);
border: 2px solid var(--fnv-ink);
box-shadow: none;
padding: 28px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
}
.neo-card:hover {
transform: translate(-3px, -3px);
box-shadow: none;
}
.chapter-card {
}
.chapter-number {
display: block;
font-family:'Readex Pro', sans-serif;
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
margin-bottom: 16px;
color: var(--fnv-ink);
}
.chapter-title {
font-size: 1.1rem;
font-weight: 800;
color: var(--fnv-ink);
margin-bottom: 10px;
line-height: 1.4;
}
@media (max-width: 991px) {
.book-cover-img { max-width: 260px; }
.book-hero { padding-top: 2rem !important; }
}