/* GrandCAD — Spence-skin shared base (all pages). Loaded after gc-responsive.css. */
:root{--sp-accent:#F04E23;--color-accent:#F04E23}
html[data-accent="maroon"]{--sp-accent:#9A2A3A;--color-accent:#9A2A3A}

html{scroll-behavior:smooth}
body{margin:0;background:#14232E;color:#E9EDEF;font-family:'Archivo',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
::selection{background:var(--sp-accent,#F04E23);color:#fff}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#14232E}
::-webkit-scrollbar-thumb{background:#33424C}
::-webkit-scrollbar-thumb:hover{background:var(--sp-accent,#F04E23)}
.serif{font-family:'Source Serif 4',serif}
.duotone{filter:none!important}
.duotone::before,.duotone::after{display:none!important}

/* hover utilities (the design's style-hover attributes, expressed as CSS) */
.sp-lnk{opacity:0.9;transition:color .2s}
.sp-lnk:hover{color:var(--sp-accent,#F04E23);opacity:1}
.sp-border{transition:border-color .2s}
.sp-border:hover{border-color:var(--sp-accent,#F04E23) !important}
.sp-tint:hover{background:rgba(240,78,35,0.08)}
.sp-tint-d:hover{background:rgba(240,78,35,0.12)}
.sp-lift{transition:transform .25s}
.sp-lift:hover{transform:translateY(-4px)}
.sp-accent-hover{transition:color .2s}
.sp-accent-hover:hover{color:var(--sp-accent,#F04E23)}
.sp-switch:hover{background:var(--sp-accent,#F04E23) !important;color:#fff !important}
.sp-field:focus{border-color:var(--sp-accent,#F04E23) !important;background:#fff !important}

/* compact nav on small screens (new headers don't carry the .nav class) */
@media (max-width: 860px){
  body > section header, section[data-name] header{flex-wrap:wrap}
  section[data-name] header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px !important;font-size:11px !important}
}