/* ==========================================================
   Valiora — Blog styles
   ========================================================== */

/* Blog hero */
.vl-bloghero{background:linear-gradient(165deg,var(--forest-deep) 0%,var(--forest-panel) 100%);color:#fff;padding:clamp(60px,8vw,100px) 0 clamp(48px,6vw,72px);text-align:center}
.vl-bloghero h1{color:#fff;margin-bottom:.4em}
.vl-bloghero .vl-lead{color:rgba(255,255,255,.72);max-width:680px;margin:0 auto}

/* Search */
.vl-search{max-width:480px;margin:28px auto 0}
.vl-search input{width:100%;padding:14px 22px;border:2px solid rgba(255,255,255,.15);border-radius:var(--r-pill);background:rgba(255,255,255,.08);color:#fff;font-size:.92rem;font-family:var(--font-b);transition:all .3s}
.vl-search input::placeholder{color:rgba(255,255,255,.45)}
.vl-search input:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.12)}

/* Filters */
.vl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center}
.vl-filter{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);padding:7px 18px;font-size:.76rem;font-weight:600;color:rgba(255,255,255,.7);cursor:pointer;transition:all .25s}
.vl-filter:hover{background:rgba(255,255,255,.15);color:#fff}
.vl-filter.on{background:var(--gold);color:var(--forest-deep);border-color:var(--gold)}
.vl-filter .n{background:rgba(255,255,255,.15);padding:2px 8px;border-radius:var(--r-pill);margin-left:4px;font-size:.68rem}
.vl-filter.on .n{background:rgba(0,48,32,.2)}

/* Post cards */
.vl-postcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:all .35s var(--ease);height:100%;display:flex;flex-direction:column}
.vl-postcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.vl-postcard-top{position:relative;background:var(--forest-wash);padding:24px;display:flex;align-items:center;justify-content:center;min-height:180px}
.vl-postcard-top img{max-height:140px;width:auto;filter:drop-shadow(0 8px 20px rgba(0,48,32,.15))}
.vl-kindtag{position:absolute;top:14px;left:14px;background:var(--violet);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--r-pill)}
.vl-postcard-b{padding:24px;flex:1;display:flex;flex-direction:column}
.vl-tag{display:inline-block;font-size:.68rem;font-weight:700;color:var(--violet);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.vl-postcard-b h3{font-size:1.02rem;line-height:1.35;margin-bottom:8px}
.vl-postcard-b h3 a{color:var(--forest-deep);text-decoration:none}
.vl-postcard-b h3 a:hover{color:var(--violet)}
.vl-postcard-b p{font-size:.85rem;color:var(--ink-soft);line-height:1.65;flex:1}
.vl-postcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.vl-rating{color:var(--gold);font-size:.85rem;letter-spacing:2px}
.go{font-weight:700;font-size:.82rem;color:var(--violet)}

/* Article */
.vl-blogart{padding-top:48px;padding-bottom:64px}
.vl-blogart .vl-narrow{max-width:780px}
.vl-dek{font-size:1.12rem;color:var(--ink-soft);margin-bottom:28px;line-height:1.7;font-style:italic}
.vl-blogmeta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8rem;color:var(--ink-faint);margin-bottom:24px}
.vl-blogmeta a{color:var(--violet)}
.vl-blogmeta b{color:var(--ink)}

/* Article prose */
.vl-prose h2{margin-top:40px}
.vl-prose h3{margin-top:32px}
.vl-prose p{margin-bottom:1.1rem}
.vl-prose ul,.vl-prose ol{margin-bottom:1.1rem;padding-left:24px}
.vl-prose li{margin-bottom:6px;font-size:.95rem;line-height:1.75}
.vl-prose a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.vl-prose a:hover{color:var(--forest)}
.vl-prose blockquote{border-left:4px solid var(--violet);padding:16px 24px;margin:24px 0;background:var(--violet-wash);border-radius:0 var(--r) var(--r) 0;font-style:italic;color:var(--ink-soft)}
.vl-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem}
.vl-prose th{background:var(--forest-deep);color:#fff;padding:12px 16px;text-align:left;font-weight:600}
.vl-prose td{padding:10px 16px;border-bottom:1px solid var(--line)}
.vl-prose tr:nth-child(even) td{background:var(--cream)}

/* Related / sidebar CTA */
.vl-blog-cta{background:linear-gradient(135deg,var(--forest-deep),var(--forest-panel));border-radius:var(--r-lg);padding:36px;text-align:center;margin:40px 0;color:#fff}
.vl-blog-cta h3{color:#fff;margin-bottom:10px}
.vl-blog-cta p{color:rgba(255,255,255,.75);font-size:.9rem;margin-bottom:18px}

/* Pagination */
.vl-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}
.vl-pagination a,.vl-pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r);font-size:.85rem;font-weight:600;border:1px solid var(--line);color:var(--ink-soft);transition:all .2s}
.vl-pagination a:hover{background:var(--forest-wash);border-color:var(--forest);color:var(--forest)}
.vl-pagination .current{background:var(--forest);color:#fff;border-color:var(--forest)}