/* Standalone WikiBiz theme shell. No parent-theme dependency. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--wbz-bg)}
body{margin:0;background:var(--wbz-bg);color:var(--wbz-ink)}

/* Links inherit the component colour by default.
   This prevents a generic <a> rule from recolouring navigation/cards. */
a,
a:visited{
  color:inherit;
  text-decoration:none;
  text-decoration-thickness:0;
  text-underline-offset:0;
}

a{
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

a:hover,
a:focus,
a:active{
  text-decoration:none;
}

/* Ordinary editorial links get the WikiBiz colour transition.
   Navigation, cards and CTA components keep their own states. */
.entry-content p a:not(.wbz-btn):not([class*="cta"]),
.entry-content li a:not(.wbz-btn):not([class*="cta"]),
.entry-content .wbz-link,
.site-footer a{
  color:var(--wbz-brand);
}

.entry-content p a:not(.wbz-btn):not([class*="cta"]):hover,
.entry-content li a:not(.wbz-btn):not([class*="cta"]):hover,
.entry-content .wbz-link:hover,
.site-footer a:hover{
  color:var(--wbz-brand-hover);
  text-decoration:none;
}
img,svg{max-width:100%;height:auto}

.site{min-height:100vh;display:flex;flex-direction:column}
.site-content{flex:1;min-width:0}

.screen-reader-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.screen-reader-text:focus{
  clip:auto;
  width:auto;
  height:auto;
  margin:0;
  padding:10px 14px;
  top:8px;
  left:8px;
  z-index:100000;
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  border-radius:8px
}

#masthead{
  position:relative;
  z-index:1000;
  background:var(--wbz-surface);
  border-bottom:1px solid var(--wbz-line)
}
#masthead .site-header-row,
#masthead .site-header-main-section-left,
#masthead .site-header-main-section-right{
  display:flex;
  align-items:center
}
#masthead .site-header-row{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
  justify-content:space-between;
  min-height:70px
}
#masthead .site-header-main-section-right{gap:var(--wbz-space-3)}
#masthead .main-navigation ul{list-style:none;margin:0;padding:0}
#masthead .primary-menu-container>.menu{display:flex;align-items:center}

.wbz-mobile-toggle{
  display:none;
  width:var(--wbz-control-md);
  height:var(--wbz-control-md);
  padding:10px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-md);
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  cursor:pointer
}
.wbz-mobile-toggle span{
  display:block;
  height:2px;
  margin:4px 0;
  border-radius:2px;
  background:currentColor
}

#mobile-drawer[hidden]{display:none}
#mobile-drawer{position:fixed;inset:0;z-index:20000}
.drawer-overlay{position:absolute;inset:0;background:rgba(15,23,42,.48)}
#mobile-drawer .drawer-inner{
  position:absolute;
  top:0;
  right:0;
  width:min(92vw,420px);
  height:100%;
  overflow:auto;
  box-shadow:-18px 0 60px rgba(0,0,0,.16)
}
#mobile-drawer .drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid var(--wbz-line)
}
#mobile-drawer .wbz-mobile-brand{display:flex;align-items:center}
#mobile-drawer .wbz-mobile-brand .wbz-logo{height:30px}
#mobile-drawer .menu-toggle-close{
  font-size:30px;
  line-height:1;
  width:var(--wbz-control-md);
  height:var(--wbz-control-md);
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer
}
.wbz-drawer-open{overflow:hidden}

.content-area{width:100%;margin:0}
.content-container{width:100%;max-width:none;padding:0}
.site-main{width:100%;min-width:0}
.entry-content{min-width:0}
.wbz-generic-content{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
  padding:44px 0 64px
}
.loop-entry{
  margin:0 0 18px;
  padding:22px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-lg);
  background:var(--wbz-surface)
}
.loop-entry .entry-title{margin:0 0 10px;font-size:24px}
.loop-entry .entry-title a{color:inherit;text-decoration:none}

/* One shared content rail for standalone WikiBiz pages. */
.entry-content>:is(
  .wbz-bcrumb,
  .wbz-bank-product-nav,
  .wbz-credit,
  .wbz-bank-section-layout
),
.entry-content>.wbz-tb,
.entry-content>.wbz-hub2col{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  max-width:var(--wbz-container);
  margin-inline:auto;
}

/* Shared product-hub editorial tail is rendered as a sibling of the product
   root. Keep it on the same content rail instead of full viewport width. */
.entry-content>.wbz-hub2col{
  margin-top:0;
  margin-bottom:var(--wbz-section-gap);
}

/* Banking pages must not visually collide with the footer. */
.entry-content>.wbz-bank-section-layout{
  padding-bottom:var(--wbz-space-12);
}

.entry-hero .entry-hero-container-inner{
  background:var(--wbz-bg2);
  border-bottom:1px solid var(--wbz-line);
  box-shadow:inset 0 -3px 0 rgba(76,160,0,.5);
  padding:34px 0
}
.entry-hero .wbz-theme-container{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto
}
.entry-hero .entry-title{
  margin:0;
  font-size:clamp(24px,2.6vw,32px);
  font-weight:500
}

.site-footer{
  border-top:1px solid var(--wbz-line);
  background:var(--wbz-surface)
}
.wbz-footer-inner{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 0
}
.wbz-footer-brand .wbz-logo{height:28px}
.wbz-footer-copy{color:var(--wbz-mut);font-size:13px;text-align:right}

@media(max-width:1024px){
  #masthead .site-header-row{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container))
  }
  #masthead .primary-menu-container{display:none}
  .wbz-mobile-toggle{display:block}
  .wbz-generic-content{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container))
  }
  .entry-hero .wbz-theme-container,
  .wbz-footer-inner{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container))
  }
  .entry-content>:is(
    .wbz-bcrumb,
    .wbz-bank-product-nav,
    .wbz-credit,
    .wbz-bank-section-layout
  ),
  .entry-content>.wbz-tb,
  .entry-content>.wbz-hub2col{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  }
  .entry-content>.wbz-bank-section-layout{
    padding-bottom:var(--wbz-space-10);
  }
}

@media(max-width:600px){
  #mobile-drawer .drawer-inner{width:100%}
  #masthead .site-header-row{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
    min-height:64px
  }
  .entry-content>:is(
    .wbz-bcrumb,
    .wbz-bank-product-nav,
    .wbz-credit,
    .wbz-bank-section-layout
  ),
  .entry-content>.wbz-tb,
  .entry-content>.wbz-hub2col{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container))
  }
  .entry-content>.wbz-bank-section-layout{
    padding-bottom:var(--wbz-space-8);
  }
  .entry-hero .entry-hero-container-inner{padding:22px 0}
  .wbz-generic-content{padding:28px 0 44px}
  .wbz-footer-inner{
    align-items:flex-start;
    flex-direction:column
  }
  .wbz-footer-copy{text-align:left}
}

/* ============================================================
   GLOBAL FOOTER — PROD compact information architecture
   ============================================================ */
.site-footer.wbz-site-footer{
  border-top:1px solid var(--wbz-line);
  background:var(--wbz-surface)
}
.site-footer.wbz-site-footer .wbz-footer-inner{
  display:block;
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
  padding:38px 0 34px
}
.wbz-footer-main{
  display:grid;
  grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(130px,.75fr));
  gap:38px
}
.wbz-footer-about{
  max-width:310px
}
.wbz-footer-brand{
  display:inline-flex;
  align-items:center
}
/* Generic .wbz-logo gets a surface background in trust.css.
   The brand logo in the footer must stay visually transparent. */
.wbz-footer-brand .wbz-logo{
  display:block;
  width:auto;
  height:29px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
.wbz-footer-about p{
  color:var(--wbz-mut);
  font-size:12px;
  line-height:1.55
}
.wbz-footer-description{
  margin:15px 0 0
}
.wbz-footer-disclaimer{
  margin:22px 0 0;
  max-width:300px
}
.wbz-footer-copyright{
  margin:14px 0 0;
  color:var(--wbz-ink2);
  font-size:11px;
  font-weight:650;
  line-height:1.4
}
.wbz-footer-column{
  display:grid;
  align-content:start;
  gap:9px
}
.wbz-footer-column strong{
  margin-bottom:4px;
  color:var(--wbz-head);
  font-size:12px
}
.site-footer .wbz-footer-column a{
  color:var(--wbz-ink2);
  font-size:11.5px;
  line-height:1.35;
  text-decoration:none
}
.site-footer .wbz-footer-column a:hover{
  color:var(--wbz-acc)
}

@media(max-width:900px){
  .site-footer.wbz-site-footer .wbz-footer-inner{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
    padding:34px 0 30px
  }
  .wbz-footer-main{
    grid-template-columns:1.2fr repeat(2,1fr);
    gap:30px
  }
  .wbz-footer-about{
    grid-column:1/-1;
    max-width:520px
  }
  .wbz-footer-disclaimer{
    max-width:520px
  }
}

@media(max-width:600px){
  .site-footer.wbz-site-footer .wbz-footer-inner{
    width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
    padding:30px 0 28px
  }
  .wbz-footer-main{
    grid-template-columns:1fr 1fr;
    gap:28px 20px
  }
  .wbz-footer-about{
    grid-column:1/-1
  }
  .wbz-footer-disclaimer{
    margin-top:18px
  }
  .wbz-footer-copyright{
    margin-top:12px
  }
}

@media(max-width:390px){
  .wbz-footer-main{grid-template-columns:1fr}
  .wbz-footer-about{grid-column:auto}
}


/* Release polish: components may animate, but page chrome must never create a horizontal scrollbar. */
html,body{max-width:100%}
.site,.site-main,.entry-content{min-width:0}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}
}