/* BLOG ARCHIVE */
.blog-hero{position:relative;min-height:40vh;display:flex;align-items:center;overflow:hidden;background:var(--bg-section)}
.blog-hero__inner{position:relative;z-index:3;padding:180px 0 60px}
.blog-hero__title{font-family:var(--font-heading);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:600;color:var(--white);line-height:1.15;margin-bottom:12px}
.blog-hero__subtitle{font-size:1.05rem;color:var(--gray-mid);line-height:1.7}

.blog-grid{padding:80px 0 120px}
.blog-grid__posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{background:var(--bg-card);border:1px solid rgba(255,255,255,0.05);overflow:hidden;transition:var(--transition)}
.blog-card:hover{border-color:var(--accent-border);transform:translateY(-4px)}
.blog-card__thumb{height:200px;overflow:hidden;background:var(--bg-section)}
.blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.blog-card:hover .blog-card__thumb img{transform:scale(1.05)}
.blog-card__body{padding:28px 24px}
.blog-card__meta{font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.blog-card__title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--white);line-height:1.3;margin-bottom:12px}
.blog-card__title a{color:inherit;transition:var(--transition)}
.blog-card__title a:hover{color:var(--accent)}
.blog-card__excerpt{font-size:0.88rem;color:var(--gray-mid);line-height:1.7;margin-bottom:16px}
.blog-card__link{font-size:0.75rem;font-weight:600;color:var(--white);letter-spacing:0.1em;text-transform:uppercase;opacity:0.5}
.blog-card__link:hover{opacity:1}

/* SINGLE POST */
.single-post-content{padding:60px 0 120px}
.single-post-content .container{max-width:780px}
.single-post__meta{font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.single-post__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;color:var(--white);line-height:1.2;margin-bottom:32px}
.single-post__featured{width:100%;height:400px;overflow:hidden;margin-bottom:48px}
.single-post__featured img{width:100%;height:100%;object-fit:cover}
.single-post__body{font-size:1.05rem;color:var(--gray-mid);line-height:1.85}
.single-post__body h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:600;color:var(--white);margin:48px 0 16px}
.single-post__body h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--white);margin:36px 0 12px}
.single-post__body p{margin-bottom:20px}
.single-post__body a{color:var(--accent);border-bottom:1px solid var(--accent-border)}
.single-post__body a:hover{border-color:var(--accent)}
.single-post__body ul,.single-post__body ol{margin:20px 0;padding-left:24px}
.single-post__body li{margin-bottom:8px;color:var(--gray-mid)}
.single-post__body blockquote{border-left:3px solid var(--accent);padding:16px 24px;margin:32px 0;background:var(--bg-card)}
.single-post__body blockquote p{margin:0;font-style:italic}
.single-post__body img{max-width:100%;height:auto;margin:32px 0}
.single-post__nav{display:flex;justify-content:space-between;padding-top:48px;margin-top:48px;border-top:1px solid rgba(255,255,255,0.04)}
.single-post__nav a{font-size:0.82rem;color:var(--gray-mid);transition:var(--transition)}
.single-post__nav a:hover{color:var(--white)}

/* PAGINATION */
.pagination{display:flex;justify-content:center;gap:8px;padding:48px 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid rgba(255,255,255,0.06);color:var(--gray-mid);font-size:0.85rem;transition:var(--transition)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{border-color:var(--accent-border);color:var(--white);background:var(--accent-dim)}

/* WP DEFAULTS */
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{display:block;margin:16px auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:0.8rem;color:var(--gray-dark);margin-top:8px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

/* COMMENTS */
.comments-area{margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,0.04)}
.comments-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--white);margin-bottom:32px}
.comment-list{list-style:none;padding:0}
.comment-body{background:var(--bg-card);border:1px solid rgba(255,255,255,0.05);padding:24px;margin-bottom:16px}
.comment-author{font-weight:600;color:var(--white);margin-bottom:4px}
.comment-meta{font-size:0.78rem;color:var(--gray-dark);margin-bottom:12px}
.comment-content{font-size:0.9rem;color:var(--gray-mid);line-height:1.7}
.comment-respond{margin-top:32px}
.comment-form label{display:block;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;color:var(--gray-mid);margin-bottom:8px;text-transform:uppercase}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{width:100%;padding:14px 16px;background:var(--bg-dark);border:1px solid rgba(255,255,255,0.08);color:var(--white);font-family:var(--font-body);font-size:0.9rem;margin-bottom:16px;outline:none;transition:var(--transition)}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent-border)}
.comment-form textarea{min-height:120px;resize:vertical}
.comment-form .submit{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-family:var(--font-body);font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;background:var(--white);color:#000;border:1px solid var(--white);cursor:pointer;transition:var(--transition)}
.comment-form .submit:hover{background:transparent;color:var(--white)}

/* 404 */
.page-404{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:200px 24px 100px}
.page-404__title{font-family:var(--font-heading);font-size:6rem;font-weight:600;color:var(--accent);opacity:0.3;margin-bottom:16px}
.page-404__text{font-size:1.1rem;color:var(--gray-mid);margin-bottom:32px}

@media(max-width:768px){
    .blog-grid__posts{grid-template-columns:1fr}
    .single-post__featured{height:250px}
    .blog-hero__inner{padding:140px 0 40px}
}