/* Overview: preserve row height and footer placement, strengthen the title. */
.blockchain-overview-feature{position:relative;z-index:1;margin-top:24px}
.blockchain-overview-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:56px;border-top:1px solid transparent;padding:12px 36px 0;color:#25443c;text-decoration:none}
.blockchain-overview-link strong{position:relative;font-size:26px;line-height:1.5;letter-spacing:.045em;text-align:center;white-space:nowrap;color:#25443c}
.blockchain-overview-arrow{display:none}
.blockchain-overview-link strong::after{content:"→";position:absolute;left:calc(100% + 24px);top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#806841}
.blockchain-overview-link::before{content:"";position:absolute;inset:6px 0 0;z-index:-1;pointer-events:none;background:url('/assets/private-blockchain-logo-chain-v537.svg') center/66px 48px repeat-x;opacity:.28;-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)}
.blockchain-overview-link:hover strong{color:#806841}
.blockchain-overview-link:focus-visible{outline:2px solid #806841;outline-offset:5px}
@media(max-width:700px){.blockchain-overview-feature{margin-top:20px}.blockchain-overview-link strong{font-size:18px;letter-spacing:.025em}.blockchain-overview-link strong::after{left:calc(100% + 16px);font-size:18px}.blockchain-overview-link::before{opacity:.2;-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)}}

/* Small screens: center the complete link pair, with deliberate edge clearance. */
@media(max-width:700px){
 .blockchain-overview-link{gap:16px;padding-left:16px;padding-right:16px}
 .blockchain-overview-link strong::after{content:none}
 .blockchain-overview-arrow{display:block;position:static;transform:none;flex:0 0 auto;font-size:18px;line-height:1.5;color:#806841}
}

/* Block 539: desktop accent; the approved mobile rendering is unchanged. */
@media(min-width:701px){
 .blockchain-overview-link::before{right:auto;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),520px);opacity:.52;
 -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)}
}

/* Block 541: stronger desktop proportions within the existing 39px text line. */
@media(min-width:701px){
 .blockchain-overview-link strong{font-size:32.5px;font-weight:900;line-height:1.2;letter-spacing:.02em}
 .blockchain-overview-link strong::after{font-size:26px}
 .blockchain-overview-link::before{top:-6px;bottom:-6px;width:min(calc(100% - 32px),600px);background-image:url('/assets/private-blockchain-logo-chain-overview-v541.svg');background-size:88px 64px;opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 24%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.18) 64%,#000 76%,#000 82%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 18%,#000 24%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.18) 64%,#000 76%,#000 82%,transparent)}
}

/* Block 542: size the quiet area from the actual label, not a viewport percentage. */
@media(min-width:701px){
 .blockchain-overview-link::before{content:none}
 .blockchain-overview-link strong{isolation:isolate}
 .blockchain-overview-link strong::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:calc(100% + 176px);height:64px;z-index:-1;pointer-events:none;
 background:url('/assets/private-blockchain-logo-chain-overview-v541.svg') center/88px 64px repeat-x;opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.1) 80px,rgba(0,0,0,.1) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.1) 80px,rgba(0,0,0,.1) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent)}
}

/* Block 543: align the label with the existing chain centre without moving the row. */
@media(min-width:701px){
 .blockchain-overview-link strong{top:-12.5px;-webkit-text-stroke:.6px #cbb77f;paint-order:stroke fill}
 .blockchain-overview-link strong::before{top:50%;bottom:auto;transform:translate(-50%,-50%)}
 .blockchain-overview-link strong::after{-webkit-text-stroke:0}
}

/* Block 545: 65% layer opacity times 5/13 mask alpha = 25% behind the label. */
@media(min-width:701px){
 .blockchain-overview-link strong::before{
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.3846153846) 80px,rgba(0,0,0,.3846153846) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.3846153846) 80px,rgba(0,0,0,.3846153846) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 }
}

/* Block 547: keep the dark label over the chain in interactive states. */
.blockchain-overview-link:hover strong,.blockchain-overview-link:focus-visible strong{
 color:#25443c;text-decoration-line:underline;text-decoration-color:#806841;
 text-decoration-thickness:1px;text-underline-offset:.16em;
}
/* Block 552: mobile chain, 50% layer x 50% central mask = 25%. */
@media(max-width:700px){
 .blockchain-overview-link::before{opacity:.5}
}
/* Block 553: mobile 75% side zones, 75% x 1/3 = 25% central zone. */
@media(max-width:700px){
 .blockchain-overview-link::before{
  opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.3333333333333333) 42%,rgba(0,0,0,.3333333333333333) 58%,#000 75%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.3333333333333333) 42%,rgba(0,0,0,.3333333333333333) 58%,#000 75%,#000 94%,transparent);
 }
}
/* Block 554: mobile chain in graphite green; geometry and opacity unchanged. */
@media(max-width:700px){
 .blockchain-overview-link::before{background-image:url('/assets/private-blockchain-logo-chain-mobile-v554.svg')}
}
/* Block 555: footer base blue, white outlined title, no overview arrow. */
.blockchain-overview-arrow{display:none}
.blockchain-overview-link strong::after{content:none}
.blockchain-overview-link strong,
.blockchain-overview-link:hover strong,
.blockchain-overview-link:focus-visible strong{
 color:#fff;
 -webkit-text-stroke:2px #000;
 paint-order:stroke fill;
 text-shadow:-.65px 0 #000,.65px 0 #000,0 -.65px #000,0 .65px #000;
}
@media(max-width:700px){
 .blockchain-overview-link{gap:0}
 .blockchain-overview-link::before{background-image:url('/assets/private-blockchain-logo-chain-mobile-v555.svg')}
}
@media(min-width:701px){
 .blockchain-overview-link strong::before{background-image:url('/assets/private-blockchain-logo-chain-overview-v555.svg')}
}

/* Block 557: separate desktop drop shadow, keeping the contour fallback. */
@media(min-width:701px){
.blockchain-overview-link strong,.blockchain-overview-link:hover strong,.blockchain-overview-link:focus-visible strong{
 text-shadow:-.65px 0 #000,.65px 0 #000,0 -.65px #000,0 .65px #000,2px 2px 0 #000;
 }
}


/* Block 575: overview chain uses the same gold resting state as the megamenu. */
@media(min-width:701px){
 .blockchain-overview-link strong::before{
  background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
  opacity:.82;
 }
 .blockchain-overview-link:hover strong::before,
 .blockchain-overview-link:focus-visible strong::before{opacity:.96}
}
@media(max-width:700px){
 .blockchain-overview-link::before{
  background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
  opacity:.72;
 }
}