/* Cyberdelia release correction: CSP-safe shell rules.
   Masthead geometry must match site-shell.css so load order cannot change the building. */
.site-header .brand-mark{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  background:url('/assets/cyberdelia-mark-header.svg?v=2') center/contain no-repeat!important;
}
.site-header .brand-mark img,
.site-header .brand-mark svg,
.site-header .brand-logo,
.site-header .brand-logo-raster{display:none!important}

/* Preserve keyboard access without letting full-page screenshot stitchers clone the link mid-page. */
.skip-link{
  position:absolute!important;
  top:0!important;
  transform:translateY(-160%)!important;
}
.skip-link:focus{
  top:1rem!important;
  transform:none!important;
}

/* Footer containment: never let the link rail crush the identity column into one-character lines. */
.site-footer .footer-grid{
  grid-template-columns:minmax(190px,.7fr) minmax(0,2fr) max-content!important;
  align-items:start!important;
  column-gap:2rem!important;
  row-gap:1.25rem!important;
}
.site-footer .footer-grid>div:first-child{
  min-width:190px;
}
.site-footer .footer-grid>div:first-child strong{
  display:block;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.site-footer .footer-links{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start;
  gap:.65rem 1rem!important;
}
.site-footer .footer-links a{
  white-space:nowrap;
  overflow-wrap:normal;
}
.site-footer .footer-status{
  white-space:nowrap;
  justify-self:end;
}

@media(max-width:980px){
  .site-footer .footer-grid{
    grid-template-columns:1fr!important;
  }
  .site-footer .footer-grid>div:first-child{min-width:0}
  .site-footer .footer-status{justify-self:start}
}

@media(max-width:680px){
  .site-header .brand-mark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .site-footer .footer-links{gap:.55rem .8rem!important}
}

@media(max-width:390px){
  .site-header .brand-mark{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
}