body{
    margin:0;
    background:#0f0f0f;
    color:#f5f5f5;
    font-family: Georgia, serif;
}

/* Main page layout */

.book-page{
    max-width:1100px;
    margin:auto;
    padding:60px 40px;
    display:flex;
    gap:50px;
}

/* Cover */

.book-cover{
    width:280px;
}

.book-cover img{
    width:100%;
    border-radius:6px;
    box-shadow:0 12px 30px rgba(0,0,0,0.6);
}

/* Book text area */

.book-details{
    flex:1;
}

/* Title */

.book-title{
    font-size:42px;
    margin-bottom:10px;
}

/* Genre */

.book-genre{
    color:#999;
    font-size:18px;
    margin-bottom:30px;
}

/* Synopsis */

.book-synopsis{
    font-size:19px;
    line-height:1.6;
    margin-bottom:40px;
    text-align: justify;
}

/* Unlock button */

.unlock-button{
    display:inline-block;
    padding:14px 30px;
    background:#d4af37;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    border-radius:4px;
    transition:0.2s ease;
}

.unlock-button:hover{
    transform:scale(1.05);
}
/* Episode list */

.episode-list{
margin-top:40px;
display:flex;
flex-direction:column;
gap:14px;
}

/* Each episode row */

.episode{
display:flex;
align-items:center;
justify-content:space-between;
background:#1b1b1b;
padding:12px 16px;
border-radius:4px;
}

/* Episode title */

.episode-title{
font-size:18px;
color:#ddd;
}

/* Episode button */

.episode-button{
background:#d4af37;
color:black;
text-decoration:none;
padding:8px 18px;
font-weight:bold;
border-radius:3px;
transition:0.2s;
}

.episode-button:hover{
transform:scale(1.05);
}

/* BOOK COVERS CLICKABLE */

.book-cover {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.book-cover img {
    display: block;
    width: 100%;
}

/* hover effect */
.book-cover:hover {
    filter: brightness(1.15);
    transform: scale(1.05);
}

/* click pulse */
.book-cover:active {
    transform: scale(0.96);
}
.book-cover {
    text-decoration: none;
    color: inherit;
}