/* Blog-spezifische Stile (zusätzlich zu legal.css) */
.post-back{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute);margin-bottom:20px}
.post-back:hover{color:var(--accent)}
.post-cat{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);border:1px solid rgba(255,90,30,.4);padding:5px 11px;display:inline-block}
.post-meta{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:var(--mute);
  margin:16px 0 6px}
.post h1{margin-top:14px}
.post p,.post li{font-size:17px}
.post h2{margin-top:42px;font-size:clamp(22px,3.2vw,28px)}
.post ul{padding-left:22px}
.post-cta{margin-top:52px;padding:30px 32px;background:var(--surface);border:1px solid var(--line);
  border-left:3px solid var(--accent)}
.post-cta h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:22px;color:var(--ink);margin:0 0 8px}
.post-cta p{margin:0 0 18px;color:var(--text);max-width:60ch}
.post-cta .btn{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;background:var(--accent);
  color:#0b0b0b;padding:13px 24px;display:inline-block;transition:background .2s}
.post-cta .btn:hover{background:var(--accent-2)}

/* Blog-Index */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:10px}
.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-top:3px solid var(--accent);padding:28px 28px 30px;color:var(--text);
  transition:transform .25s,border-color .25s,box-shadow .25s}
.blog-card:hover{transform:translateY(-4px);border-color:var(--line-2);border-top-color:var(--accent);
  box-shadow:0 24px 50px rgba(0,0,0,.45)}
.blog-card .bc-cat{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent)}
.blog-card h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;font-size:23px;
  line-height:1.14;color:var(--ink);margin:12px 0 10px;letter-spacing:.01em}
.blog-card p{font-size:15px;color:var(--text);margin:0 0 18px}
.blog-card .bc-date{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mute);margin-top:auto}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}}