html { background: #0B0F0E; color-scheme: dark; scroll-behavior: smooth; }
  body { margin: 0; background: #0B0F0E; color: #F2F5F3; font-family: "Space Grotesk", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #00FF88; text-decoration: none; }
  a:hover { color: #7CFFC0; }
  details summary::-webkit-details-marker { display: none; }
  ::selection { background: #00B35C; color: #fff; }
  @media (max-width: 1080px) { [data-hdr-nav] { display: none !important; } [data-mobile-nav] { display: block !important; } }
  @media (max-width: 900px) {
    [data-2col] { grid-template-columns: 1fr !important; gap: 36px !important; }
    [data-pad] { padding-left: 20px !important; padding-right: 20px !important; }
    [data-band] { padding: 32px !important; }
  }

/* hover states — carried over from the source style-hover attributes */
.hv1:hover{border-color:rgba(0,255,136,0.35)!important;background:#141A17!important}
.hv2:hover{background:#3BFFA3!important}
.hv3:hover{color:#FFFFFF!important}
.hv4:hover{border-color:rgba(0,255,136,0.5)!important}
.hv5:hover{border-color:rgba(0,255,136,0.5)!important;color:#FFFFFF!important}
.hv6:hover{border-color:rgba(0,255,136,0.28)!important}
.hv7:hover{background:rgba(0,255,136,0.12)!important}
.hv8:hover{color:#00FF88!important}
.hv9:hover{background:#141A17!important;color:#FFFFFF!important}

/* active item in the sticky nav */
[data-hdr-nav] a[data-active]{color:#FFFFFF!important;border-bottom:2px solid #00FF88}

/* the router owns the scroll position on a route change, not scroll anchoring */
#view{overflow-anchor:none}