/*
 * Datei: assets/styles/content.css
 * Zweck: Dokument-/Inhaltsdarstellung.
 * Domäne: Handbuch-, Glossar- und Dokumentflächen.
 * Status: ergänzend aktiv
 * Darf definieren: strukturierte Dokumentlayouts und Inhaltsblöcke.
 * Darf nicht definieren: Navigation, Rail oder Grundkomponenten.
 */

/* AP-29D-REV8 | 2026-05-03 | Zweck: Ownership geprüft; Datei bleibt bei bestehender Domäne und definiert keine neue Grundkomponente. | Owner: assets/styles/content.css */

/* AP-29D-REV2 | 2026-05-01 | Zweck: Ownership-Lock bestätigt; neue oder geänderte Grundkomponenten nur in der führenden Domänendatei. | Owner: assets/styles/content.css */
.doc-grid{display:grid;gap:16px}
.doc-item,.definition-card,.handbook-card{background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:18px}
.doc-item h2,.definition-card h2,.handbook-card h2{margin:0 0 10px 0;font-size:1.05rem}
.doc-lead,.intro-copy,.definition-copy{color:var(--text2)}
.doc-list,.definition-list,.step-list{display:grid;gap:10px;padding-left:18px}
.doc-note,.callout,.warning-note{border-left:3px solid var(--brand);padding-left:12px;color:var(--text2)}
.code-preview{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface3);overflow:auto}


.doc-stack{display:grid;gap:18px}
.doc-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.doc-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface3);color:var(--text);font-size:.92rem}
.doc-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.06);font-size:18px}
.doc-pill-svg{width:18px;height:18px;display:block;object-fit:contain}
.doc-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:860px){.doc-feature-grid{grid-template-columns:1fr}}
.doc-feature{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface2)}
.doc-feature-head{display:flex;align-items:flex-start;gap:12px}
.doc-feature-copy strong{display:block;margin-bottom:4px;font-size:1rem}
.doc-feature-copy p{margin:0;color:var(--text2);line-height:1.55}
.doc-steps{display:grid;gap:14px}
.doc-steps--circles .doc-step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:var(--surface2)}
.doc-step-num{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:1.05rem;font-weight:700;color:var(--text)}
.doc-step-copy strong{display:block;margin-bottom:4px}
.doc-step-copy p{margin:0;color:var(--text2);line-height:1.55}
.doc-figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:860px){.doc-figure-grid{grid-template-columns:1fr}}
.doc-figure{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--surface2)}
.doc-figure img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0b0f16}
.doc-figure figcaption{color:var(--text2);line-height:1.5;font-size:.95rem}
.doc-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:760px){.doc-kv-grid{grid-template-columns:1fr}}
.doc-kv{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.doc-kv strong{display:block;margin-bottom:4px}
.doc-kv p{margin:0;color:var(--text2);line-height:1.5}