/* Block50: eine passende Systemwissen-Spalte pro Systemdesign-Seite. */
.sd-knowledge {padding:64px 24px;background:#101415;color:#f1f0eb;}
.sd-knowledge .sd-knowledge-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:64px;max-width:1040px;width:100%;margin:0 auto;align-items:start;}
.sd-knowledge .sd-knowledge-head {display:block;min-width:0;}
.sd-knowledge .sd-knowledge-head h2 {font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.1;max-width:18ch;overflow-wrap:normal;hyphens:auto;margin:20px 0;}
.sd-knowledge .sd-knowledge-head .detail-knowledge-intro {max-width:45ch;line-height:1.65;color:#b8b8b3;}
.sd-knowledge .sd-knowledge-list {display:block;max-height:640px;overflow-y:auto;overflow-x:hidden;padding:4px 12px 4px 4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#977753 transparent;}
.sd-knowledge .article-preview-card {display:block;height:auto;min-height:0;margin:0 0 24px;padding:0;border:0;box-shadow:none;background:transparent;text-decoration:none;color:#f1f0eb;}
.sd-knowledge .article-preview-card:last-child {margin-bottom:0;}
.sd-knowledge .article-screenshot-preview {display:block;position:relative;width:100%;height:auto;aspect-ratio:1200/635;background:#101115;opacity:.18;transition:opacity 220ms ease;overflow:hidden;border:1px solid rgba(151,119,83,.4);box-sizing:border-box;}
.sd-knowledge .article-screenshot-preview::after,.sd-knowledge .article-preview-card::after {display:none;}
.sd-knowledge .article-screenshot-preview img {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left top;opacity:1;filter:url(#preview-uniform-dark-v49);transform:none;}
.sd-knowledge .article-preview-card > strong {display:block;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.4;margin-top:10px;overflow-wrap:anywhere;}
.sd-knowledge .article-preview-card.is-preview-active .article-screenshot-preview {opacity:1;}
.sd-knowledge .article-preview-card:focus-visible {outline:2px solid #c7ae70;outline-offset:2px;}
.sd-knowledge .article-preview-card:hover > strong {color:#c7ae70;}
@media (prefers-reduced-motion:reduce){.sd-knowledge .article-screenshot-preview{transition:none;}}
@media(max-width:700px){.sd-knowledge .sd-knowledge-layout{grid-template-columns:minmax(0,1fr);gap:28px;}.sd-knowledge .sd-knowledge-list{max-width:360px;width:100%;max-height:560px;box-sizing:border-box;}.sd-knowledge{padding:40px 20px;}}