/* Blog/Guides listing + single article templates, from QE_FINAL_HANDOFF/05,05b,05c.html */
.qe-blog-hero{position:relative; background:linear-gradient(135deg, var(--black), #1E2B23 55%, var(--green) 130%); color:#fff; padding:48px 6vw 54px; overflow:hidden;}
.qe-blog-hero .watermark{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:220px; height:auto; opacity:0.08; pointer-events:none;}
.qe-blog-hero .breadcrumb{font-size:0.74rem; color:var(--gold-soft); margin-bottom:12px; opacity:0.9; position:relative; z-index:2;}
.qe-blog-hero h1{font-family:'Fraunces',serif; font-weight:600; font-size:1.9rem; position:relative; z-index:2; color:#fff;}
/* hero p: see the "hero p" exception note in qe-tokens.css. */
.qe-blog-hero p{font-size:0.9rem; color:#D9E2DC; max-width:520px; margin-top:10px; line-height:1.6; position:relative; z-index:2; text-align:left;}

.qe-blog-wrap{max-width:1100px; margin:0 auto; padding:36px 6vw 60px;}
.qe-cat-chips{display:flex; gap:8px; overflow-x:auto; margin-bottom:28px;}
.qe-cat-chip{flex-shrink:0; padding:8px 16px; border-radius:20px; border:1px solid var(--line); background:#fff; font-size:0.78rem; font-weight:600; color:#6C7A72; white-space:nowrap; text-decoration:none;}
.qe-cat-chip.active{background:var(--gold); border-color:var(--gold); color:var(--black);}

.qe-post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
@media (max-width:860px){ .qe-post-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .qe-post-grid{grid-template-columns:1fr;} }
.qe-post-card{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; text-decoration:none; color:inherit; display:block;}
.qe-post-card .img{aspect-ratio:16/9; background:linear-gradient(135deg,#DCE7DF,#C9D8CD); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.qe-post-card .img img{width:100%; height:100%; object-fit:cover;}
.qe-post-card .img.no-photo{background:linear-gradient(135deg, var(--black) 0%, #1E2B23 55%, var(--green) 130%); position:relative; color:rgba(255,255,255,0.55);}
.qe-post-card .img.no-photo .fallback-mark{position:absolute; font-family:'Fraunces',serif; font-weight:700; font-size:3.5rem; right:-6px; bottom:-14px; opacity:0.12; color:#fff;}
.qe-post-card .img.no-photo .fallback-label{position:relative; z-index:2; font-size:0.72rem; color:var(--gold-soft); font-weight:600; font-family:'Fraunces',serif; font-style:italic;}
.qe-post-card .body{padding:16px 16px 18px;}
.qe-post-cat{font-size:0.66rem; font-weight:700; color:var(--green); text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px;}
.qe-post-card h3{font-family:'Fraunces',serif; font-weight:600; font-size:0.96rem; line-height:1.35; margin-bottom:8px;}
.qe-post-meta{font-size:0.7rem; color:#8A968E;}

.qe-pagination{display:flex; justify-content:center; gap:8px; margin-top:36px;}
.qe-pagination a, .qe-pagination span{min-width:36px; height:36px; padding:0 8px; border-radius:8px; border:1px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem; color:#4A5750; text-decoration:none;}
.qe-pagination .current{background:var(--gold); border-color:var(--gold); color:var(--black); font-weight:700;}

.qe-no-posts{background:#fff; border:1px dashed var(--line); border-radius:14px; padding:40px; text-align:center; color:#6C7A72;}

/* Single article */
.qe-article-hero{padding:20px 6vw 30px; max-width:760px; margin:0 auto;}
.qe-category-tag{display:inline-block; background:var(--sage); color:var(--green); font-size:0.72rem; font-weight:600; padding:5px 12px; border-radius:20px; margin-bottom:14px;}
.qe-article-hero h1{font-weight:600; font-size:clamp(1.7rem,4vw,2.4rem); line-height:1.2; color:var(--black); margin-bottom:16px;}
.qe-meta-row{display:flex; align-items:center; gap:14px; font-size:0.82rem; color:#5C6A62; flex-wrap:wrap;}
.qe-meta-row .author{font-weight:600; color:var(--black);}
.qe-meta-row .dot{width:4px; height:4px; border-radius:50%; background:#B0B8AC;}

.qe-featured-img{max-width:760px; margin:0 auto 34px; padding:0 6vw;}
.qe-featured-img .ph{background:var(--sage); border:1px dashed var(--line); border-radius:16px; height:280px; display:flex; align-items:center; justify-content:center; color:#8A968E; font-size:0.85rem; overflow:hidden;}
.qe-featured-img .ph img{width:100%; height:100%; object-fit:cover;}

.qe-article-body{max-width:680px; margin:0 auto; padding:0 6vw 50px;}
.qe-article-body p{font-size:1rem; color:#232320; margin-bottom:20px; text-align:justify;}
.qe-article-body h2{font-weight:600; font-size:1.5rem; color:var(--black); margin:34px 0 14px;}
.qe-article-body h3{font-weight:600; font-size:1.2rem; color:var(--black); margin:26px 0 10px;}

.qe-author-box{max-width:680px; margin:0 auto 40px; padding:0 6vw;}
.qe-author-card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px; display:flex; gap:14px; align-items:center;}
.qe-author-avatar{width:48px; height:48px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:600; flex-shrink:0;}
.qe-author-card .nm{font-weight:600; font-size:0.92rem;}
.qe-author-card .rl{font-size:0.78rem; color:#6C7A72;}

.qe-related{background:var(--sage); padding:40px 6vw;}
.qe-related h2{font-weight:600; font-size:1.3rem; max-width:680px; margin:0 auto 20px; color:var(--black);}
.qe-related-grid{max-width:680px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
@media (max-width:600px){ .qe-related-grid{grid-template-columns:1fr;} }
.qe-related-card{background:#fff; border-radius:12px; padding:16px; border:1px solid var(--line); text-decoration:none; color:inherit; display:block;}
.qe-related-card .tag{font-size:0.68rem; color:var(--gold); font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
.qe-related-card h4{font-family:'Fraunces',serif; font-size:0.95rem; margin:6px 0 4px;}
.qe-related-card p{font-size:0.8rem; color:#6C7A72;}