@charset "UTF-8";
/* Blog-Liste + Einzelbeitrag + Abstimmung */
.blog-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.5rem}
.blog-filters input[type=text]{background:rgba(18,18,18,.85);border:1px solid var(--border);border-radius:var(--r);padding:.45rem .75rem;font-family:var(--mono);font-size:.78rem;color:var(--text);min-width:160px;flex:1 1 160px;min-width:100%;outline:none}
.blog-filters input[type=text]:focus{border-color:var(--accent)}
select[name=tag], select[name=sort], select[name=per_page] {max-width: 10%;min-width: 26%}
.blog-filters select{background:rgba(18,18,18,.85);border:1px solid var(--border);border-radius:var(--r);padding:.45rem .7rem;font-family:var(--mono);font-size:.78rem;color:var(--text);cursor:pointer;outline:none}
.blog-filters select:focus{border-color:var(--accent)}
.blog-filters button[type=submit]{background:var(--accent);color:#0f0f0f;border:none;border-radius:var(--r);padding:.45rem 1rem;font-family:var(--mono);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}
.blog-filters button[type=submit]:hover{opacity:.85}
[data-theme="light"] .blog-filters button[type=submit]{background:var(--accent);color:#fff}
.status-badge{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:2rem;margin-left:.5rem;vertical-align:middle}
.status-badge-draft{background:#6dc1613d;color:#6dc161;border:2px solid #6dc1614a;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:2rem;margin-left:.5rem;vertical-align:middle;display:inline-block}
.status-badge-scheduled{background:#f0a05022;color:#f0a050;border:1px solid #f0a05055;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:2rem;margin-left:.5rem;vertical-align:middle;display:inline-block}
.status-badge-published{background:#3a3a3322;color:#4caf50;border:1px solid #4caf5055;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:2rem;margin-left:.5rem;vertical-align:middle;display:inline-block}
.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;padding:0 .5rem;font-family:var(--mono);font-size:.75rem;border:1px solid var(--border);border-radius:var(--r);color:var(--dim);text-decoration:none;transition:border-color .15s,color .15s}
.pagination a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.pagination .current{border-color:var(--accent);color:var(--accent);background:rgba(0,255,65,.08)}
.pagination .dots{border:none;color:var(--muted);cursor:default}
.pagination .nav-btn{padding:0 .8rem;gap:.3rem}
.per-page-info{font-family:var(--mono);font-size:.68rem;color:var(--dim);text-align:center;margin-top:.75rem}
.blog-overview-title{color:var(--heading)}
.post-card{background:transparent;border:none;padding:0}
.post-body h2{font-family:var(--mono);font-size:1rem;font-weight:500;color:var(--heading);margin:2.5rem 0 .6rem;padding-top:2rem;border-top:1px solid var(--border)}
.post-body h3{font-family:var(--mono);font-size:.88rem;font-weight:500;color:var(--accent);margin:1.8rem 0 .5rem}
.post-body p{color:var(--text);font-weight:300;margin-bottom:1.2rem}
.post-body ul,.post-body ol{padding-left:1.4rem;margin-bottom:1.2rem;color:var(--text);font-weight:300}
.post-body li{margin-bottom:.4rem}
.post-body strong{color:var(--heading);font-weight:600}
.post-body a{color:var(--accent)}
.post-body pre{background:rgba(8,8,8,.98);border:1px solid var(--border);border-radius:var(--r);padding:1rem 1.2rem;overflow-x:auto;margin:1.2rem 0}
.post-body code{font-family:var(--mono);font-size:.82rem;color:#a8d8a0;line-height:1.6}
.post-body p code,.post-body li code{background:rgba(8,8,8,.9);border:1px solid var(--border);padding:.1rem .35rem;border-radius:2px;font-size:.8rem;color:#a8d8a0}
@media(max-width:640px){.post-card{padding:1.4rem 1.2rem}}
.post-stats{display:flex;gap:1.2rem;font-family:var(--mono);font-size:.72rem;color:var(--dim);margin-top:22px;flex-wrap:wrap}
.post-stats span{display:inline-flex;align-items:center;gap:.3rem}
.vote-bar{max-width:100%;background:rgba(18,18,18,.6);border:1px solid var(--border);border-radius:var(--r);padding:1.2rem 1.6rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.vote-bar p{font-family:var(--mono);font-size:.78rem;color:var(--dim);margin:0;flex:1 1 auto}
.vote-btn{background:transparent;border:1px solid var(--border);border-radius:var(--r);padding:.4rem .9rem;font-family:var(--mono);font-size:.78rem;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .15s,color .15s}
.vote-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.vote-btn:disabled{opacity:.55;cursor:default}
.vote-btn.voted-up{border-color:#4caf50;color:#4caf50}
.vote-btn.voted-down{border-color:#e57373;color:#e57373}
blockquote {margin-bottom: 16px;font-weight: bold;background-color: #bebebe;color: #000000;padding: 8px 16px 8px 32px;border-left-style: solid;border-left-width: 4px;border-left-color: var(--accent)}