.mobile-carousel-controls{display:none}
body.systemdesign-overview-page,
body.systemwissen-hub-page{scrollbar-color:#4f514f #0d1113}
body.systemdesign-overview-page::-webkit-scrollbar,
body.systemwissen-hub-page::-webkit-scrollbar{width:12px}
body.systemdesign-overview-page::-webkit-scrollbar-track,
body.systemwissen-hub-page::-webkit-scrollbar-track{background:#0d1113}
body.systemdesign-overview-page::-webkit-scrollbar-thumb,
body.systemwissen-hub-page::-webkit-scrollbar-thumb{background:#4f514f;border:3px solid #0d1113;border-radius:999px}
@media(max-width:620px){
  .sd-overview-grid,
  body.systemwissen-hub-page .lexicon-preview-grid{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .sd-overview-grid::-webkit-scrollbar,
  body.systemwissen-hub-page .lexicon-preview-grid::-webkit-scrollbar{display:none}
  .sd-overview-grid{gap:14px;padding:2px 0 8px!important;margin-inline:-20px;scroll-padding-inline:0}
  .sd-overview-card,
  .sd-overview-card:first-child,
  .sd-overview-card:nth-child(3){
    flex:0 0 72vw;
    scroll-snap-align:center;
    scroll-snap-stop:always;
    border:1px solid rgba(36,63,54,.18);
    padding:24px 22px!important;
    min-height:286px;
    background:rgba(203,208,206,.22);
    opacity:.48;
    filter:saturate(.45);
    transform:scale(.965);
    transition:opacity .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease,border-color .22s ease;
  }
  .sd-overview-card.is-carousel-active{
    opacity:1;
    filter:none;
    transform:none;
    background:rgba(203,208,206,.66);
    border-color:rgba(36,63,54,.34);
  }
  .sd-overview-card h2{margin:16px 0 12px}.sd-overview-card p{font-size:15px;line-height:1.58}.sd-overview-context{margin-top:24px}
  body.systemwissen-hub-page .lexicon-editorial-surface::before{display:block!important;opacity:.075!important;background-position:center 48%!important;background-size:auto 82%!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)!important}
  body.systemwissen-hub-page .lexicon-library{display:block!important}
  body.systemwissen-hub-page .lexicon-shelf{padding:30px 20px 34px!important;border-left:0!important;border-top:1px solid rgba(27,29,31,.17)!important}
  body.systemwissen-hub-page .lexicon-shelf:first-child{border-top:0!important}
  body.systemwissen-hub-page .lexicon-preview-grid{gap:14px!important;margin-inline:-20px;padding:3px 0 8px!important;max-height:none!important;scroll-padding-inline:0}
  body.systemwissen-hub-page .lexicon-preview-grid>.lexicon-preview-card:nth-child(n){
    display:block!important;
    flex:0 0 72vw;
    width:auto!important;
    margin:0!important;
    scroll-snap-align:center;
    scroll-snap-stop:always;
    background:rgba(214,213,209,.38)!important;
    padding:0 0 12px!important;
    opacity:.4;
    filter:grayscale(.72) saturate(.38);
    transform:scale(.96);
    transition:opacity .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease;
  }
  body.systemwissen-hub-page .lexicon-preview-grid>.lexicon-preview-card.is-carousel-active{
    opacity:1;
    filter:none;
    transform:none;
    background:rgba(214,213,209,.64)!important;
  }
  body.systemwissen-hub-page .lexicon-preview-card .article-screenshot-preview{width:100%!important;aspect-ratio:1200/635!important}
  body.systemwissen-hub-page .lexicon-preview-card:not(.is-carousel-active) .article-screenshot-preview{filter:grayscale(1) saturate(.18) contrast(.88)!important}
  body.systemwissen-hub-page .lexicon-preview-card.is-carousel-active .article-screenshot-preview{filter:none!important;opacity:.93!important}
  body.systemwissen-hub-page .lexicon-preview-card>strong{font-size:.94rem!important;margin:10px 12px 0!important;padding-bottom:8px!important}
  .mobile-carousel-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:14px;color:#315249}
  .mobile-carousel-counter{min-width:58px;text-align:center;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
  .mobile-carousel-button{display:none!important}
  .mobile-carousel-button:disabled{opacity:.3;cursor:default}.mobile-carousel-button:focus-visible{outline:2px solid #75512e;outline-offset:3px}
  .systemwissen-hub-page .mobile-carousel-controls{margin-right:0}
}