/* ═══════════════════════════════════════════════════════════
   Memo-Detailseite — "Internes Memo"-Blatt (Skribe Wissen)
   ═══════════════════════════════════════════════════════════ */
.memo-detail { max-width: 880px; margin: 0 auto; padding: clamp(36px,5vw,72px) var(--s-5) clamp(48px,6vw,96px); }
.memo-detail__back { display: inline-block; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); margin-bottom: var(--s-6); transition: color 140ms; }
.memo-detail__back:hover { color: var(--accent-600); }

.memo-sheet { position: relative; background: #faf6ec; border: 1px solid rgba(12,14,13,0.08); border-radius: 8px; padding: clamp(32px,5vw,72px) clamp(24px,6vw,96px); box-shadow: 0 1px 2px rgba(12,14,13,0.04), 0 24px 64px rgba(12,14,13,0.07); }
/* Locher-Punkte am linken Rand */
.memo-sheet::before { content: ""; position: absolute; left: 20px; top: 72px; bottom: 72px; width: 6px; background-image: radial-gradient(circle, rgba(12,14,13,0.14) 2.5px, transparent 3px); background-size: 6px 58px; background-repeat: repeat-y; }
@media (max-width: 680px) { .memo-sheet::before { display: none; } }

.memo-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding-bottom: var(--s-5); }
.memo-sheet__brand { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); display: inline-flex; align-items: baseline; gap: var(--s-2); }
.memo-sheet__dot { color: var(--accent-600); font-weight: 700; }
.memo-sheet__kind { color: rgba(12,14,13,0.42); }
.memo-sheet__badge { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--accent-200, rgba(10,78,140,0.35)); color: var(--accent-600); background: rgba(10,78,140,0.05); white-space: nowrap; }
.memo-sheet__badge--briefing { color: var(--accent-600); }
.memo-sheet__badge--erklaerer { color: #8a5e12; border-color: rgba(154,107,22,0.4); background: rgba(154,107,22,0.10); }

.memo-sheet__meta { display: grid; grid-template-columns: repeat(4, auto); gap: var(--s-3) clamp(24px,4vw,56px); justify-content: start; padding: var(--s-2) 0 var(--s-6); }
.memo-sheet__meta > span { font-family: var(--font-mono); font-size: 13px; color: var(--ink-900); display: flex; flex-direction: column; gap: 4px; }
.memo-sheet__meta-l { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(12,14,13,0.42); }
@media (max-width: 560px) { .memo-sheet__meta { grid-template-columns: repeat(2, auto); } }

.memo-sheet__betreff-l { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(12,14,13,0.42); display: block; }
.memo-sheet__title { font-family: var(--font-sans); font-weight: 600; font-size: clamp(30px,4vw,46px); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink-900); margin: var(--s-2) 0 var(--s-7); max-width: 20ch; }
.memo-sheet__title em { font-style: normal; font-weight: 400; color: var(--accent-600); }

.memo-sheet__body { max-width: 64ch; }
.memo-sheet__body p { font-family: var(--font-sans); font-size: var(--type-body); line-height: 1.7; color: var(--ink-800, #2b2e2c); margin: 0 0 var(--s-5); }
.memo-sheet__body p strong { color: var(--ink-900); font-weight: 600; }
.memo-sheet__lede { font-size: calc(var(--type-body) + 2px) !important; line-height: 1.55 !important; color: var(--ink-900) !important; }
.memo-sheet__sub { font-family: var(--font-sans); font-weight: 600; font-size: clamp(18px,1.6vw,21px); line-height: 1.3; letter-spacing: -0.01em; color: var(--ink-900); margin: var(--s-7) 0 var(--s-3); }

/* Rechtsanker + Verwandt im Blatt */
.memo-sheet .memo-anchors, .memo-sheet .memo-related { max-width: none; margin-top: var(--s-7); }
.memo-sheet .memo-anchors h3, .memo-sheet .memo-related h3 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-600); margin: 0 0 var(--s-4); }
.memo-sheet .memo-anchors ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-3); border-left: 2px solid var(--accent-200, rgba(10,78,140,0.3)); padding-left: var(--s-4); }
.memo-sheet .memo-anchors li { font-family: var(--font-sans); font-size: var(--type-body-sm); line-height: 1.5; color: var(--ink-800, #2b2e2c); }
.memo-sheet .memo-anchors li .note { display: block; color: var(--ink-600); font-size: 13px; margin-top: 2px; }
.memo-sheet .memo-anchors a { color: var(--accent-600); }
.memo-sheet .memo-related ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-2); }
.memo-sheet .memo-related a { font-family: var(--font-sans); font-size: var(--type-body-sm); color: var(--accent-600); }

.memo-sheet__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); margin-top: var(--s-8); padding-top: var(--s-5); border-top: 1px dashed rgba(12,14,13,0.22); }
.memo-sheet__foot a { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent-600); }
.memo-sheet__foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
.memo-sheet__src { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em; color: rgba(12,14,13,0.42); text-align: right; }

.memo-detail__cta { text-align: center; margin-top: clamp(32px,4vw,56px); }

/* CTA-Button (scoped, da diese Seiten kein globales btn-CSS laden) */
.memo-detail__cta .btn--primary { display: inline-flex; align-items: center; gap: var(--s-2); padding: 16px 32px; background: var(--accent-600); color: #fff; border-radius: 999px; font-family: var(--font-sans); font-weight: 600; font-size: var(--type-body-sm); text-decoration: none; transition: background 180ms cubic-bezier(0.22,0.61,0.36,1), transform 180ms cubic-bezier(0.22,0.61,0.36,1); }
.memo-detail__cta .btn--primary:hover { background: var(--accent-700); transform: translateY(-1px); }
.memo-detail__cta .btn--primary .arrow { transition: transform 240ms cubic-bezier(0.22,0.61,0.36,1); }
.memo-detail__cta .btn--primary:hover .arrow { transform: translateX(3px); }