/* Blog-spezifische Styles (erweitert sub.css) */
.wrap-article{max-width:760px;}
.article-head{text-align:center;padding:14px 0 30px;border-bottom:1px solid var(--border);margin-bottom:34px;}
.article-head h1{font-size:clamp(28px,4vw,42px);color:var(--navy);margin-bottom:16px;}
.article-meta{font-size:14px;color:var(--gray);margin-bottom:16px;}
.article-meta .dot{margin:0 8px;color:#B5C1D3;}
.article-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px;}
.tag{background:var(--light);color:var(--blue);padding:5px 12px;border-radius:20px;
  font-size:12.5px;font-weight:600;border:1px solid var(--border);}
.article-body{font-size:17px;line-height:1.8;color:var(--text);}
.article-body h1,.article-body h2,.article-body h3,.article-body h4{margin:38px 0 14px;color:var(--navy);}
.article-body h2{font-size:26px;}
.article-body h3{font-size:21px;}
.article-body h4{font-size:18px;}
.article-body p{margin-bottom:18px;}
.article-body ul,.article-body ol{margin:0 0 22px 24px;}
.article-body li{margin-bottom:8px;}
.article-body a{color:var(--blue);text-decoration:underline;}
.article-body a:hover{color:var(--navy);}
.article-body img{max-width:100%;border-radius:12px;margin:22px auto;display:block;}
.article-body blockquote{border-left:4px solid var(--blue);background:var(--light);
  padding:16px 22px;margin:22px 0;border-radius:0 12px 12px 0;font-style:italic;}
.article-body pre{background:#0F2240;color:#E8F0F9;padding:18px 22px;border-radius:12px;
  overflow-x:auto;margin:22px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;}
.article-body code{background:#EEF3FA;color:#0F2240;padding:2px 6px;border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;}
.article-body pre code{background:transparent;color:inherit;padding:0;}
.article-body hr{border:0;border-top:1px solid var(--border);margin:36px 0;}

.article-cta{text-align:center;padding:44px 0;margin-top:40px;border-top:1px solid var(--border);}
.article-cta p{font-size:18px;color:var(--gray);margin-bottom:16px;font-weight:600;}

/* Blog overview */
.blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px;}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:18px;
  padding:28px 26px;text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .25s,border-color .2s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(15,34,64,.28);border-color:#C9DCF0;}
.blog-meta{font-size:13px;color:var(--gray);margin-bottom:10px;}
.blog-card h2{font-size:20px;color:var(--navy);margin-bottom:10px;font-family:'Space Grotesk',sans-serif;}
.blog-card p{font-size:15px;color:var(--gray);flex-grow:1;margin-bottom:16px;line-height:1.6;}
.blog-card .arrow{color:var(--blue);font-size:14px;font-weight:700;}

.blog-empty{grid-column:1/-1;text-align:center;padding:40px 20px;background:#fff;
  border:1px solid var(--border);border-radius:18px;}
.blog-empty h2{font-size:22px;color:var(--navy);margin-bottom:10px;}
.blog-empty p{color:var(--gray);}

@media(max-width:720px){
  .blog-list{grid-template-columns:1fr;}
}