.knowledge-feature{border-top:1px solid rgba(203,183,127,.28);padding-top:12px;margin-top:12px}.knowledge-feature>a{display:flex!important;align-items:center;justify-content:center;position:relative;gap:12px;min-height:40px;color:#dbc38a!important;font-size:20px!important;font-weight:700;letter-spacing:.08em;white-space:nowrap!important}.knowledge-feature>a:hover{color:#f3dfa9!important}.knowledge-feature>a:focus-visible{outline:2px solid #dbc38a;outline-offset:3px}@media(min-width:861px){.knowledge-mega.knowledge-sized{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important}.knowledge-sized .knowledge-mega-top{margin-bottom:12px}.knowledge-sized .knowledge-grid{min-height:0;overflow:hidden}.knowledge-sized .knowledge-group{min-height:0;display:block}.knowledge-sized .knowledge-group>summary{flex:none}.knowledge-sized .knowledge-group>ul{min-height:0;overflow-y:auto;overflow-x:hidden;display:block;scrollbar-width:thin;scrollbar-color:rgba(156,135,85,.8) transparent;padding-right:5px;overscroll-behavior:contain}.knowledge-sized .knowledge-group>ul::-webkit-scrollbar{width:4px}.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-thumb{background:rgba(156,135,85,.8);border-radius:3px}.knowledge-sized .knowledge-group>ul:focus-visible{outline:1px solid #dbc38a;outline-offset:-1px}}@media(max-width:860px){.knowledge-feature{margin-top:10px;padding-top:10px}.knowledge-feature>a{font-size:16px!important;letter-spacing:.06em;min-height:44px}}
.knowledge-feature>a>span[aria-hidden="true"]{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
@media(max-width:860px){.knowledge-grid>.knowledge-group:last-child{border-bottom:0}}

@media(min-width:861px){.knowledge-sized .knowledge-group>ul::-webkit-scrollbar,.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-track,.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-corner{background:transparent}}

/* Desktop: centered below the header; existing grid-phase script follows the rendered position. */
@media(min-width:861px){
 html body .site-header .knowledge-mega{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 html body:has(.site-header .knowledge-mega:not([hidden])) .hero-v-v419{visibility:hidden!important}
}

/* Decorative chain uses original logo geometry, rotated sideways; no layout box. */
.knowledge-feature>a{isolation:isolate;line-height:1.6}
.knowledge-feature>a::before{content:"";position:absolute;inset:0 30px;z-index:-1;pointer-events:none;background:url('/assets/private-blockchain-logo-chain-v537.svg') center/66px 48px repeat-x;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}
@media(max-width:860px){.knowledge-feature>a::before{inset:0 24px;opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}}

/* Block 539: a compact chain and a quiet, grid-aligned backing for this row. */
.knowledge-feature{position:relative;isolation:isolate}
.knowledge-feature::before{content:"";position:absolute;inset:-12px -24px -24px;z-index:-1;pointer-events:none;
 background-color:var(--menu-header-color,rgb(12,14,17));
 background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px)),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)));
 background-size:var(--menu-grid-cell-size,46px 46px),var(--menu-grid-cell-size,46px 46px),var(--feature-base-size,100% 100%),var(--feature-base-size,100% 100%);
 background-position:var(--feature-grid-position,0px 0px),var(--feature-grid-position,0px 0px),var(--feature-base-position,center),var(--feature-base-position,center);
 background-repeat:repeat,repeat,no-repeat,no-repeat;
 -webkit-mask-image:linear-gradient(transparent,#000 10px);mask-image:linear-gradient(transparent,#000 10px)}
.knowledge-feature>a::before{inset:0 auto;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),440px);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent)}
@media(max-width:860px){.knowledge-feature::before{left:-12px;right:-12px;bottom:-12px}.knowledge-feature>a::before{width:min(calc(100% - 36px),360px)}}

/* Keep the original separator above the quiet backing. */
.knowledge-feature::after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;pointer-events:none;background:rgba(203,183,127,.28)}

/* Block 543: retain the centre backing; reveal the existing tunnel at either side.
   Keep the backing's geometry for the established grid and background phase. */
.knowledge-feature{border-top-color:transparent}
.knowledge-feature::after{content:none}
.knowledge-feature::before{
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 260px),#000 calc(50% - 240px),#000 calc(50% + 240px),transparent calc(50% + 260px)),linear-gradient(transparent,#000 10px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 260px),#000 calc(50% - 240px),#000 calc(50% + 240px),transparent calc(50% + 260px)),linear-gradient(transparent,#000 10px);
}
@media(max-width:860px){
 .knowledge-feature::before{
  -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 200px),#000 calc(50% - 180px),#000 calc(50% + 180px),transparent calc(50% + 200px)),linear-gradient(transparent,#000 10px);
  mask-image:linear-gradient(90deg,transparent calc(50% - 200px),#000 calc(50% - 180px),#000 calc(50% + 180px),transparent calc(50% + 200px)),linear-gradient(transparent,#000 10px);
 }
}

/* Block 544: feather the existing quiet centre into the tunnel without a rectangular edge. */
.knowledge-feature::before{
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,0.15625) calc(50% - 315px),rgba(0,0,0,0.5) calc(50% - 290px),rgba(0,0,0,0.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,0.84375) calc(50% + 265px),rgba(0,0,0,0.5) calc(50% + 290px),rgba(0,0,0,0.15625) calc(50% + 315px),transparent calc(50% + 340px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,0.15625) calc(50% - 315px),rgba(0,0,0,0.5) calc(50% - 290px),rgba(0,0,0,0.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,0.84375) calc(50% + 265px),rgba(0,0,0,0.5) calc(50% + 290px),rgba(0,0,0,0.15625) calc(50% + 315px),transparent calc(50% + 340px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
}
@media(max-width:860px){
.knowledge-feature::before{
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 240px),rgba(0,0,0,0.15625) calc(50% - 225px),rgba(0,0,0,0.5) calc(50% - 210px),rgba(0,0,0,0.84375) calc(50% - 195px),#000 calc(50% - 180px),#000 calc(50% + 180px),rgba(0,0,0,0.84375) calc(50% + 195px),rgba(0,0,0,0.5) calc(50% + 210px),rgba(0,0,0,0.15625) calc(50% + 225px),transparent calc(50% + 240px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 240px),rgba(0,0,0,0.15625) calc(50% - 225px),rgba(0,0,0,0.5) calc(50% - 210px),rgba(0,0,0,0.84375) calc(50% - 195px),#000 calc(50% - 180px),#000 calc(50% + 180px),rgba(0,0,0,0.84375) calc(50% + 195px),rgba(0,0,0,0.5) calc(50% + 210px),rgba(0,0,0,0.15625) calc(50% + 225px),transparent calc(50% + 240px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
}
}

/* Block 546: match article-link colours; remove desktop-only decorative arrow. */
.knowledge-feature>a{color:#e1e6df!important}
.knowledge-feature>a:hover{color:#e5c77c!important}
@media(min-width:861px){
 .knowledge-feature>a>span[aria-hidden="true"]{display:none!important}
}

/* Block 562: let the existing tunnel show through the bottom of the quiet
   centre backing. The backing and link retain their dimensions and phase. */
@media (min-width:861px){
 .knowledge-feature::before{
  -webkit-mask-image:
   linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,.15625) calc(50% - 315px),rgba(0,0,0,.5) calc(50% - 290px),rgba(0,0,0,.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,.84375) calc(50% + 265px),rgba(0,0,0,.5) calc(50% + 290px),rgba(0,0,0,.15625) calc(50% + 315px),transparent calc(50% + 340px)),
   linear-gradient(to bottom,transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px,#000 calc(100% - 40px),rgba(0,0,0,.75) calc(100% - 36px),rgba(0,0,0,.35) calc(100% - 30px),transparent calc(100% - 24px));
  mask-image:
   linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,.15625) calc(50% - 315px),rgba(0,0,0,.5) calc(50% - 290px),rgba(0,0,0,.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,.84375) calc(50% + 265px),rgba(0,0,0,.5) calc(50% + 290px),rgba(0,0,0,.15625) calc(50% + 315px),transparent calc(50% + 340px)),
   linear-gradient(to bottom,transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px,#000 calc(100% - 40px),rgba(0,0,0,.75) calc(100% - 36px),rgba(0,0,0,.35) calc(100% - 30px),transparent calc(100% - 24px));
 }
}


/* Block 563: the panel's existing data tunnel runs continuously behind the link.
   The chain follows the link colour, including hover and keyboard focus. */
.knowledge-feature::before{content:none!important}
.knowledge-feature>a::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-white.svg');
 opacity:.78;
 transition:opacity .18s ease;
}
.knowledge-feature>a:hover::before,
.knowledge-feature>a:focus-visible::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg');
 opacity:.9;
}


/* Block 564: crisp dark contour separates the link text from the bright chain.
   The colour remains white by default and gold on hover or keyboard focus. */
.knowledge-feature>a{
 text-shadow:
  -1px -1px 0 #07090b,0 -1px 0 #07090b,1px -1px 0 #07090b,
  -1px 0 0 #07090b,1px 0 0 #07090b,
  -1px 1px 0 #07090b,0 1px 0 #07090b,1px 1px 0 #07090b;
}


/* Block 575: gold chain is the resting state; hover only strengthens it. */
.knowledge-feature>a::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
 opacity:.82;
}
.knowledge-feature>a:hover::before,
.knowledge-feature>a:focus-visible::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
 opacity:.96;
}