.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}@media(max-width:860px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.posts-grid{grid-template-columns:1fr}}.post-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;color:inherit;text-decoration:none}.post-card:hover{border-color:#d12a524d;transform:translateY(-3px);box-shadow:0 8px 32px #d12a5214}.post-card-img{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg2)}.post-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.post-card:hover .post-card-img img{transform:scale(1.03)}.post-card-body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1}.post-card-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(17px,1.8vw,22px);line-height:1.3;letter-spacing:-.01em;color:var(--fg)}.post-excerpt{font-size:14px;line-height:1.65;color:var(--fg2);flex:1}.post-tags{display:flex;gap:6px;flex-wrap:wrap}.post-tag{display:inline-flex;align-items:center;background:#d12a5212;border:1px solid rgba(209,42,82,.2);border-radius:100px;padding:3px 10px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.post-date{font-size:12px;letter-spacing:.06em;color:var(--fg3);font-family:Montserrat,sans-serif;font-weight:600;text-transform:uppercase}.empty-state{padding:80px 0;text-align:center;color:var(--fg3);font-size:16px;line-height:1.7}.post-hero-image{width:100%;overflow:hidden;background:var(--bg2)}.post-hero-figure{margin:0}.post-hero-figure img{width:100%;max-height:560px;object-fit:cover;display:block}.post-hero-figure figcaption{font-size:13px;color:var(--fg3);text-align:center;padding:12px 48px;font-style:italic;line-height:1.5;max-width:800px;margin:0 auto}.post-body{max-width:720px;margin:0 auto;font-size:18px;line-height:1.78;color:var(--fg2)}.post-body>*+*{margin-top:1.4em}.post-body p{color:var(--fg2)}.post-body h2{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(22px,2.5vw,32px);line-height:1.2;letter-spacing:-.02em;color:var(--fg);margin-top:2.4em;margin-bottom:.6em}.post-body h3{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(18px,2vw,24px);line-height:1.3;letter-spacing:-.01em;color:var(--fg);margin-top:2em;margin-bottom:.5em}.post-body h4{font-family:DM Sans,sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:var(--fg);margin-top:1.8em;margin-bottom:.4em}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.post-body a:hover{color:var(--accent-hover)}.post-body strong{font-weight:700;color:var(--fg)}.post-body em{font-style:italic}.post-body blockquote{border-left:3px solid var(--accent);margin:2em 0;padding:12px 0 12px 28px;font-style:italic;font-size:19px;color:var(--fg);line-height:1.65}.post-body blockquote p{color:var(--fg)}.post-body ul,.post-body ol{padding-left:0;list-style:none}.post-body ul li,.post-body ol li{position:relative;padding-left:1.5em;margin-top:.5em;color:var(--fg2)}.post-body ul li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.post-body ol{counter-reset:ol-counter}.post-body ol li{counter-increment:ol-counter}.post-body ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;color:var(--accent);top:.22em}.post-body code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875em;background:#1a1a1a;color:#e2e2e2;padding:2px 6px;border-radius:4px}.post-body pre{background:#141414;color:#e2e2e2;border-radius:var(--radius);padding:24px 28px;overflow-x:auto;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.65;margin:2em 0;border:1px solid rgba(255,255,255,.06)}.post-body pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.post-body img{max-width:100%;height:auto;border-radius:var(--radius);display:block;margin:2em auto}.post-body figure{margin:2em 0}.post-body figure img{margin:0 0 10px}.post-body figcaption{font-size:13px;color:var(--fg3);text-align:center;font-style:italic;line-height:1.5}.post-body hr{border:none;border-top:1px solid var(--border);margin:3em 0}@media(max-width:640px){.post-body{font-size:16px}.post-body pre{padding:16px 18px;font-size:13px}.post-body blockquote{padding-left:18px;font-size:17px}.post-hero-figure figcaption{padding:10px 24px}}