/* Blog-only styles. Reuses colours/fonts from style.css */
.blog-hero{
    background:
        linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
        url('Images/BOOKS.jpg') center / cover no-repeat;
    text-align: center;
    padding: 14rem 0 6rem;
}
.blog-hero .headline{ color:#fff; }

.blog-wrap{ max-width: 90rem; margin: 0 auto; padding: 5rem 2.4rem; }

.post-card{
    padding: 3rem 0;
    border-bottom: 1px solid #e5e5e5;
}
.post-card h2{
    font-family: var(--main-font);
    font-size: 2.8rem;
    color: var(--main-font-color-dark);
    margin-bottom: .8rem;
}
.post-card h2 a{ color: inherit; transition: color .3s; }
.post-card h2 a:hover{ color: var(--secondary-font-color); }
.post-meta{ font-size: 1.3rem; color: #999; margin-bottom: 1.2rem; }
.post-card p{ line-height: 1.7; margin-bottom: 1.4rem; }

.post-body p{ font-size: 1.8rem; line-height: 1.9; margin-bottom: 2rem; }
.post-title{
    font-family: var(--main-font);
    font-size: 4rem;
    color: var(--main-font-color-dark);
    margin-bottom: 1rem;
}

.pager{ display:flex; justify-content:space-between; margin-top:4rem; font-size:1.5rem; }
.pager a{ color: var(--secondary-font-color); }

/* Admin */
.admin-bar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:3rem; }
.admin-table{ width:100%; border-collapse:collapse; font-size:1.5rem; }
.admin-table th, .admin-table td{ text-align:left; padding:1.2rem 1rem; border-bottom:1px solid #e5e5e5; }
.admin-table a, .link-btn{ color: var(--secondary-font-color); background:none; border:none; cursor:pointer; font:inherit; }
.link-btn.danger{ color:#c0392b; }
.blog-form label{ display:block; font-weight:600; font-size:1.5rem; margin:2rem 0 .6rem; }
.blog-form input[type=text], .blog-form textarea{
    width:100%; padding:1.2rem; border:1px solid #ccc; border-radius:6px;
    font-family: var(--body-font); font-size:1.6rem; color: var(--main-font-color-dark);
}
.blog-form textarea{ min-height:40rem; line-height:1.6; }
.save-btn{
    margin-top:2.5rem; background: var(--secondary-font-color); color:#fff; border:none;
    padding:1.2rem 3rem; font-size:1.5rem; text-transform:uppercase; letter-spacing:1px;
    border-radius:4px; cursor:pointer;
}
.save-btn:hover{ background: var(--main-font-color-dark); }
.notice{ background:#fdf3e1; border-left:4px solid var(--secondary-font-color); padding:1.2rem 1.6rem; margin-bottom:2rem; font-size:1.5rem; }