/* GrandCAD — Enerblock-skin shared base. */
:root{--eb-accent:#FF5040}
html[data-accent="maroon"]{--eb-accent:#9A2A3A}

html{scroll-behavior:smooth}
body{margin:0;background:#EFEDE8;color:#111;font-family:'Archivo',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
::selection{background:var(--eb-accent,#FF5040);color:#fff}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#EFEDE8}
::-webkit-scrollbar-thumb{background:#c9c6bf}
::-webkit-scrollbar-thumb:hover{background:var(--eb-accent,#FF5040)}
.eb-mono{font-family:'Space Grotesk',ui-monospace,monospace}
.duotone{filter:none!important}
.duotone::before,.duotone::after{display:none!important}

/* hover utilities (the design's style-hover attributes, expressed as CSS) */
.eb-nav-lnk{transition:background .2s,color .2s}
.eb-nav-lnk:hover{background:#111;color:var(--eb-accent,#FF5040)}
.eb-btn{transition:background .2s,color .2s}
.eb-btn:hover{background:#111;color:#EFEDE8 !important}
.eb-btn-inv{transition:background .2s,color .2s}
.eb-btn-inv:hover{background:#EFEDE8;color:#0A0A12 !important}
.eb-fade:hover{opacity:0.6}
.eb-switch{transition:background .2s}
.eb-switch:hover{background:var(--eb-accent,#FF5040) !important;color:#EFEDE8}
.eb-accent-hover{transition:color .2s}
.eb-accent-hover:hover{color:var(--eb-accent,#FF5040)}
.eb-plus{transition:background .2s}
.eb-plus:hover{background:var(--eb-accent,#FF5040)}
#eb-rail{scrollbar-width:none}
#eb-rail::-webkit-scrollbar{display:none}

@media (max-width: 860px){
  section[data-name] header{flex-wrap:wrap}
  section[data-name] header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px !important;font-size:11px !important}
}