/* Block 614 — Systemwissen hub only.
   Megamenu remains byte-identical to Block 613.
   Desktop: lower the IoT rubric, create breathing room above it, keep PRIVATE
   BLOCKCHAIN in its approved position, and let larger IoT previews form a
   horizontal rail directly underneath the blockchain band. */
@media(min-width:1001px){
  /* Add room only at the bottom of the hub. PRIVATE BLOCKCHAIN is compensated
     below so it remains visually where it was in Block 613. */
  body.systemwissen-hub-page .lexicon-library{
    padding-bottom:216px!important;
  }

  /* IoT rubric moves downward with the added lower space. */
  body.systemwissen-hub-page .iot-overview-feature{
    position:absolute!important;
    left:11px!important;
    right:11px!important;
    bottom:4px!important;
    width:auto!important;
    height:104px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    z-index:4!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
  }

  /* Rubric stays left and low, with clear air above it. */
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    position:absolute!important;
    left:0!important;
    bottom:7px!important;
    width:31%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head .lexicon-shelf-title{
    margin:0 0 7px!important;
    color:#101112!important;
    font-size:clamp(1.34rem,1.7vw,1.72rem)!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
  }
  body.systemwissen-hub-page .iot-overview-head p{
    margin:0!important;
    max-width:380px!important;
    color:#101112!important;
    font-size:.84rem!important;
    line-height:1.35!important;
  }

  /* The contribution rail runs below the blockchain band and uses the free
     lower width for future IoT articles. */
  body.systemwissen-hub-page .iot-overview-content{
    position:absolute!important;
    left:34%!important;
    right:0!important;
    bottom:0!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label{
    display:none!important;
  }
  body.systemwissen-hub-page .iot-overview-grid{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    height:76px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-grid::-webkit-scrollbar{
    display:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card,
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    flex:0 0 clamp(286px,25vw,324px)!important;
    display:grid!important;
    grid-template-columns:114px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-width:0!important;
    width:auto!important;
    height:70px!important;
    padding:4px 11px 4px 4px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(37,68,60,.15)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.10)!important;
    color:#25443c!important;
    text-decoration:none!important;
    scroll-snap-align:start!important;
  }
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    width:114px!important;
    height:62px!important;
    border:0!important;
    border-radius:6px!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    mix-blend-mode:multiply!important;
    opacity:.84!important;
    transform:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#214139!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:720!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover,
  body.systemwissen-hub-page .iot-overview-card:focus-visible{
    background:rgba(128,104,65,.075)!important;
    border-color:rgba(128,104,65,.36)!important;
    color:#806841!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover .iot-overview-media img,
  body.systemwissen-hub-page .iot-overview-card:focus-visible .iot-overview-media img{
    opacity:.94!important;
  }
  body.systemwissen-hub-page .iot-rail-controls{
    display:none!important;
  }

  /* Keep the approved PRIVATE BLOCKCHAIN layer at the same page position as
     Block 613 while the library itself grows 40px downward. */
  body.systemwissen-hub-page .blockchain-overview-feature{
    bottom:101px!important;
  }
}

@media(min-width:1001px) and (max-width:1180px){
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    width:33%!important;
  }
  body.systemwissen-hub-page .iot-overview-content{
    left:35%!important;
  }
  body.systemwissen-hub-page .iot-overview-card,
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    flex-basis:286px!important;
  }
}

/* Block 615 — Systemwissen overview polish only.
   PRIVATE BLOCKCHAIN is centered over the full hub width again. The link arrow
   returns underneath the label as a quiet navigation cue. Megamenu untouched. */
@media(min-width:1001px){
  body.systemwissen-hub-page .blockchain-overview-feature{
    left:11px!important;
    right:11px!important;
    width:auto!important;
    bottom:101px!important;
    height:92px!important;
    margin:0!important;
    transform:none!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    padding:0 24px 11px!important;
    box-sizing:border-box!important;
  }
  body.systemwissen-hub-page .blockchain-overview-arrow{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:3px!important;
    transform:translateX(-50%)!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:500!important;
    color:#806841!important;
    -webkit-text-stroke:0!important;
    text-shadow:none!important;
    pointer-events:none!important;
  }
}

/* Block 618 — third visible IoT contribution.
   Wide desktop shows the first three cards together; narrower desktop/tablet
   keeps the approved horizontal rail so future additions remain scalable. */
@media(min-width:1181px){
  body.systemwissen-hub-page .iot-overview-card,
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    flex:0 0 calc((100% - 28px)/3)!important;
  }
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    width:96px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
}


/* Block 619 — preview cleanup + monochrome scroll controls.
   IoT thumbs stay text-free and the four pillar scrollers pick up the
   strong white/black language from PRIVATE BLOCKCHAIN. */
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-grid{
    gap:16px!important;
  }
  body.systemwissen-hub-page .iot-overview-card,
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    padding:5px 12px 5px 5px!important;
    border-radius:10px!important;
    border:1px solid rgba(16,17,18,.10)!important;
    background:rgba(255,255,255,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
  }
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    border-radius:7px!important;
    overflow:hidden!important;
    background:rgba(16,33,47,.08)!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    mix-blend-mode:normal!important;
    opacity:1!important;
    filter:saturate(.92) contrast(1.01)!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:14.5px!important;
    line-height:1.18!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover,
  body.systemwissen-hub-page .iot-overview-card:focus-visible{
    background:rgba(255,255,255,.24)!important;
    border-color:rgba(16,17,18,.18)!important;
    color:#806841!important;
  }

  body.systemwissen-hub-page .lexicon-preview-grid{
    scrollbar-width:thin!important;
    scrollbar-color:#101112 rgba(255,255,255,.90)!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid::-webkit-scrollbar{
    width:10px!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid::-webkit-scrollbar-track{
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(16,17,18,.12)!important;
    border-radius:999px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid::-webkit-scrollbar-thumb{
    background:#101112!important;
    border:2px solid rgba(255,255,255,.90)!important;
    border-radius:999px!important;
    box-shadow:0 0 0 1px rgba(16,17,18,.14)!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid::-webkit-scrollbar-thumb:hover{
    background:#1e2022!important;
  }
}

@media(max-width:1000px){
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    border-radius:7px!important;
    overflow:hidden!important;
  }
}


/* Block 620 — Systemwissen editorial contrast pass. */
body.systemwissen-hub-page .lexicon-shelf > .lexicon-publication-label span{
  color:#fff!important;
  -webkit-text-stroke:.55px #101112!important;
  paint-order:stroke fill!important;
  text-shadow:
    1px 0 0 #101112,
    -1px 0 0 #101112,
    0 1px 0 #101112,
    0 -1px 0 #101112!important;
}
body.systemwissen-hub-page .lexicon-shelf > .lexicon-publication-label::after{
  height:1px!important;
  background:linear-gradient(90deg,#181f1d 0%,rgba(24,31,29,.82) 62%,rgba(24,31,29,.30) 100%)!important;
}
body.systemwissen-hub-page .lexicon-preview-card strong::after,
body.systemwissen-hub-page .lexicon-preview-card:nth-child(even) strong::after{
  height:1px!important;
  background:#fff!important;
  box-shadow:0 0 0 1px rgba(16,17,18,.88)!important;
  border-radius:999px!important;
}
body.systemwissen-hub-page .lexicon-preview-card:hover strong::after,
body.systemwissen-hub-page .lexicon-preview-card:focus-visible strong::after{
  background:#fff!important;
  box-shadow:0 0 0 1px #101112!important;
}

@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-card,
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:11px!important;
    padding-right:10px!important;
  }
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    width:88px!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    min-width:0!important;
    max-width:100%!important;
    font-size:13.6px!important;
    line-height:1.17!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
}


/* Block 621 — Systemwissen typography parity + crisper blockchain chain. */
body.systemwissen-hub-page .lexicon-shelf > .lexicon-publication-label{
  font-size:.72rem!important;
  letter-spacing:.13em!important;
  min-height:22px!important;
}
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-head p{
    font-size:.88rem!important;
    line-height:1.55!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    background-image:url('/assets/private-blockchain-logo-chain-overview-v621-sharp.svg')!important;
    background-size:138px 100px!important;
    image-rendering:auto!important;
  }
}
@media(max-width:700px){
  body.systemwissen-hub-page .blockchain-overview-link::before{
    background-image:url('/assets/private-blockchain-logo-chain-overview-v621-sharp.svg')!important;
    image-rendering:auto!important;
  }
}


/* Block 622 — one continuous vector chain, no repeated background tiles.
   The chain is authored at the exact desktop display size (660×96 CSS px)
   so Chrome no longer has to resample a small repeated SVG tile. */
@media(min-width:701px){
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    width:660px!important;
    height:96px!important;
    background-image:url('/assets/private-blockchain-logo-chain-overview-v622-continuous.svg')!important;
    background-position:center center!important;
    background-size:660px 96px!important;
    background-repeat:no-repeat!important;
    image-rendering:auto!important;
    transform:translate(-50%,-50%)!important;
  }
}