/* ============================================================
   assets/css/artikel.css  –  Einzelner Artikel (artikel.php)
   ============================================================ */
 
/* --- Artikel-Header ---------------------------------------- */
.article-header { margin-bottom: 32px; }
 
.article-header h1 { margin-bottom: 12px; }
 
/* Blinkenden Cursor aus style.css hier deaktivieren */
.article-header h1::after { content: ''; animation: none; }
 
.article-header .meta {
    font-family: var(--font-mono);
    font-size:   12px;
    color:       var(--base01);
    display:     flex;
    gap:         16px;
    flex-wrap:   wrap;
    align-items: center;
}
 
/* --- Kategorie-Badge --------------------------------------- */
.cat-badge {
    font-family:     var(--font-mono);
    font-size:       11px;
    padding:         2px 8px;
    border:          1px solid;
    letter-spacing:  0.5px;
    text-decoration: none;
}
 
.cat-badge:hover { opacity: 0.8; text-decoration: none; }
 
/* --- Artikel-Inhalt ---------------------------------------- */
.article-content {
    font-size:  15px;
    line-height: 1.85;
    color:      var(--base0);
    max-width:  680px;
}
 
.article-content p  { margin-bottom: 1.2em; }
 
.article-content h2 {
    color:          var(--yellow);
    font-size:      12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin:         2em 0 0.8em;
}
 
.article-content h3 {
    color:  var(--blue);
    font-size: 14px;
    margin: 1.5em 0 0.5em;
}
 
.article-content a    { color: var(--cyan); }
 
.article-content code {
    color:      var(--green);
    background: var(--base02);
    padding:    1px 5px;
    font-size:  13px;
}
 
.article-content pre {
    background:  var(--base02);
    padding:     16px;
    overflow-x:  auto;
    margin:      1.2em 0;
}
 
.article-content pre code { background: none; padding: 0; }
 
.article-content blockquote {
    border-left: 3px solid var(--cyan);
    padding:     8px 16px;
    margin:      1.2em 0;
    color:       var(--base01);
    font-style:  italic;
    background:  var(--base02);
}
 
/* --- Vor-/Zurück-Navigation -------------------------------- */
.article-nav {
    display:         flex;
    justify-content: space-between;
    gap:             16px;
    margin-top:      48px;
    padding-top:     24px;
    border-top:      1px solid var(--base02);
    flex-wrap:       wrap;
}
 
.article-nav a {
    font-family:     var(--font-mono);
    font-size:       12px;
    color:           var(--base00);
    text-decoration: none;
    max-width:       45%;
    transition:      color 0.15s;
}
 
.article-nav a:hover     { color: var(--cyan); }
.article-nav .nav-label  { display: block; color: var(--base01); margin-bottom: 3px; }
.article-nav .nav-next   { text-align: right; margin-left: auto; }