/* ---------- BLOG ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);transition:.3s;display:flex;flex-direction:column;position:relative}
.post:hover{border-color:rgba(34,228,255,.4);transform:translateY(-4px)}
.post .cv{aspect-ratio:16/10;overflow:hidden}
.post .cv img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:.7s}
.post:hover .cv img{transform:scale(1.05);filter:none}
.post .bd{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.cat{padding:4px 10px;border-radius:999px;border:1px solid rgba(34,228,255,.35);color:var(--a)}
.cat.ev{border-color:rgba(123,134,240,.5);color:#a7aef7}
.post h3{font-size:20px;line-height:1.25;font-weight:600}
.post h3 a::after{content:"";position:absolute;inset:0}
.post p{color:var(--t3);font-size:15px;font-weight:300}
.social{margin-top:auto;padding-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);display:flex;gap:8px;align-items:center;text-transform:uppercase}
.social i{font-style:normal;padding:3px 8px;border-radius:6px;border:1px solid var(--line)}
.article{max-width:820px;margin-inline:auto}
.article .cover{border-radius:20px;overflow:hidden;border:1px solid var(--line);margin:34px 0}
.article .cover img{width:100%;height:auto}
.article .prose p{font-size:18px;line-height:1.75}
.share{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:40px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.share small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-right:8px}
.share a,.share button{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:none;color:inherit;cursor:pointer;transition:.2s;text-transform:uppercase}
.share a:hover,.share button:hover{border-color:var(--a);color:var(--a)}