/* Blog Styles für überbieten.lol */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#faf7ef;color:#1a1a1a;line-height:1.7;margin:0}
.blog-layout{max-width:700px;margin:0 auto;padding:24px 20px 40px}
.blog-header{padding:20px 0 24px;border-bottom:1px solid rgba(0,0,0,0.06)}
.blog-logo{font-size:.85rem;color:#cc0000;text-decoration:none;font-weight:600}
.blog-logo:hover{color:#8b0000}
h1{font-size:2rem;font-weight:800;margin:16px 0 8px;line-height:1.2}
.blog-desc{color:#666;font-size:.95rem}
time{color:#999;font-size:.82rem;font-family:'JetBrains Mono',monospace}
.blog-intro{font-size:1.05rem;color:#444;border-left:3px solid #daa520;padding:12px 16px;background:rgba(218,165,32,0.04);border-radius:0 8px 8px 0;margin:16px 0}
.blog-content section{margin:28px 0}
.blog-content h2{font-size:1.3rem;font-weight:700;margin-bottom:8px;color:#1a1a1a}
.blog-content p{color:#444;margin-bottom:12px}
.blog-content a{color:#cc0000}
.blog-content hr{border:none;border-top:1px solid rgba(0,0,0,0.06);margin:32px 0}
.blog-cta{background:rgba(218,165,32,0.06);border:1px solid rgba(218,165,32,0.12);border-radius:12px;padding:24px;text-align:center;margin:28px 0}
.blog-cta p{font-size:1.05rem;margin-bottom:12px}
.cta-button{display:inline-block;padding:12px 28px;background:#cc0000;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;transition:background .15s}
.cta-button:hover{background:#aa0000}
.blog-nav{display:flex;justify-content:space-between;margin:28px 0;padding:16px 0;border-top:1px solid rgba(0,0,0,0.04);border-bottom:1px solid rgba(0,0,0,0.04)}
.blog-nav a{color:#cc0000;text-decoration:none;font-size:.9rem}
.blog-nav a:hover{color:#8b0000}
.blog-related{background:rgba(0,0,0,0.02);border-radius:12px;padding:20px;margin:28px 0}
.blog-related h3{font-size:1rem;font-weight:700;margin-bottom:12px}
.blog-related p{margin:6px 0}
.blog-related a{color:#cc0000;text-decoration:none}
.blog-related a:hover{text-decoration:underline}
.blog-related small{color:#999}

/* Card list */
.blog-card{padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.blog-card h2{font-size:1.15rem;font-weight:700;margin:4px 0}
.blog-card h2 a{color:#1a1a1a;text-decoration:none}
.blog-card h2 a:hover{color:#cc0000}
.blog-card p{color:#666;font-size:.9rem;margin:6px 0}
.read-more{color:#cc0000;font-weight:600;font-size:.85rem;text-decoration:none}
.read-more:hover{text-decoration:underline}

.blog-footer{text-align:center;padding:24px 0;color:#999;font-size:.82rem;border-top:1px solid rgba(0,0,0,0.04)}
.blog-footer a{color:#cc0000;text-decoration:none}