/* DeepDive — Wissensbaustein. Ergänzt basis.css + artikel.css. */

.dd .artikel-text h1{max-width:20ch;}

/* Rückweg oben: stiller Link (Standard) oder kleine graphite Box */
.dd-zurueck-top{
  display:inline-block; font-family:var(--font-display,Oxanium); font-size:11px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; color:var(--blue);
  padding:9px 2px; margin:0 0 14px; text-decoration:none;   /* 9px oben/unten = Fingerziel */
}
.dd-zurueck-top:hover{text-decoration:underline; text-underline-offset:3px;}
.dd-zurueck-box{
  background:var(--graphite); color:#fff!important;
  padding:8px 14px; border-radius:2px; letter-spacing:.1em;
}
.dd-zurueck-box:hover{background:#1f2226; color:#fff!important; text-decoration:none;}

/* Versionsleiste: Version · Aktualisiert · Geprüft · Klasse */
.dd-meta{
  font-family:var(--font-display,Oxanium); font-size:11px; letter-spacing:.1em;
  text-transform:uppercase; color:#6b7580; line-height:2.1;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:10px 0; margin:0 0 26px;
}
.dd-meta span{white-space:nowrap;}
.dd-meta span:not(:last-of-type)::after{content:" \00B7"; color:#c3ccd6; letter-spacing:0;}
.dd-version{color:var(--blue); font-weight:600;}
.dd-klasse{display:inline-block; color:#4b5563; border:1px solid var(--line); border-radius:2px; padding:0 6px; letter-spacing:.12em;}

/* "Was der Begriff nicht bedeutet" */
.dd-nicht{margin-top:30px!important;}
.dd-liste{margin:0 0 26px; padding:0 0 0 18px;}
.dd-liste li{font-size:clamp(16px,1.15vw,18px); line-height:1.72; margin:0 0 10px; padding-left:4px;}
.dd-liste li::marker{color:var(--blue);}
.dd-liste strong{font-weight:600;}

/* Rückweg zur Geschichte */
.dd-zurueck{
  font-size:14px!important; color:#4b5563;
  border-left:3px solid var(--line); padding:2px 0 2px 14px; margin:26px 0 34px!important;
}
.dd-zurueck a{color:var(--blue); text-decoration:none;}
.dd-zurueck a:hover{text-decoration:underline;}

/* Quellen: Typ und Abrufdatum klein daneben */
.dd-typ{
  font-family:var(--font-display,Oxanium); font-size:9px!important; letter-spacing:.12em;
  text-transform:uppercase; color:#8b949e; border:1px solid var(--line);
  padding:1px 5px; margin-left:6px; white-space:nowrap;
}
.dd-abruf{font-size:11px; color:#8b949e;}

/* Änderungsprotokoll */
.dd-historie{width:100%; border-collapse:collapse; margin:0 0 18px; font-size:13px;}
.dd-historie th{
  font-family:var(--font-display,Oxanium); font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:#6b7580; text-align:left; font-weight:400;
  border-bottom:1px solid var(--line); padding:0 10px 6px 0;
}
.dd-historie td{border-bottom:1px solid var(--line); padding:8px 10px 8px 0; vertical-align:top; color:#2a3441;}
.dd-historie td:first-child{color:var(--blue); white-space:nowrap;}

.dd-review{font-size:13px!important; color:#6b7580; line-height:1.6!important; margin-bottom:28px!important;}

@media (max-width:640px){
  .dd-meta{font-size:10px; letter-spacing:.08em;}
  .dd-meta span + span::before{display:none;}
}


/* ---------- Box in der Story (Verweis auf den DeepDive) ---------- */
.deepdive-hinweis{
  background:var(--graphite); color:#fff;
  padding:22px 24px 22px; margin:0 0 32px; border-radius:3px;
  break-inside:avoid; page-break-inside:avoid;
}
.dd-label{
  font-family:var(--font-display,Oxanium); font-size:12px; font-weight:700; letter-spacing:.02em;
  color:var(--blue); margin:0 0 8px!important;
}

/* Kicker der DeepDive-Seite: Eigenname in Original-Schreibweise, nicht in Versalien */
.dd-kicker{text-transform:none; letter-spacing:.04em;}
.dd-hinweis-frage{font-size:clamp(17px,1.5vw,21px)!important; line-height:1.3; font-weight:600; margin:0 0 8px!important;}
.dd-hinweis-frage a{color:#fff; text-decoration:none;}
.dd-hinweis-frage a:hover{text-decoration:underline; text-decoration-color:var(--blue); text-underline-offset:3px;}
.dd-hinweis-meta{font-family:var(--font-display,Oxanium); font-size:10px!important; letter-spacing:.1em;
  text-transform:uppercase; color:#98a3af; margin:0 0 16px!important;}
.deepdive-hinweis a.dd-btn{
  display:inline-block; font-family:var(--font-display,Oxanium); font-size:12.5px; font-weight:600;
  letter-spacing:.02em; color:#fff!important; background:var(--blue);
  padding:11px 20px; border-radius:2px; text-decoration:none;
}
.deepdive-hinweis a.dd-btn:hover{background:#1b6ae0; color:#fff!important; text-decoration:none;}
@media (max-width:640px){ .deepdive-hinweis{padding:18px 18px;} }

/* ---------- Stand in der Artikelübersicht ---------- */
.dd-liste-datum{
  font-family:var(--font-display,Oxanium); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--blue); margin:4px 0 0!important;
}