/* contigi-header.css - the one site header, on every English page of contigi.com.
   build.py injects the markup and a link to this file. Every rule is namespaced cg- and sets
   its own fonts and colours, because each live page still carries its own inline CSS
   (header, .wrap, .nav, .btn, a) and must not restyle this header, or be restyled by it.
   Colours are the brand tokens of contigi.css; type is never below 14px. */
.cg-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;margin:0;padding:0;
  background:#F4ECD8;border-bottom:1px solid #E4DAC2;box-shadow:none}
.cg-nav{box-sizing:border-box;max-width:1120px;margin:0 auto;min-height:66px;
  padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4}
.cg-brand{font-family:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;font-weight:800;font-size:23px;
  letter-spacing:-.03em;color:#211C16;text-decoration:none}
.cg-spark{display:inline-block;width:.52em;height:.52em;margin-left:1px;border-radius:50%;vertical-align:middle;
  background:radial-gradient(circle at 35% 35%,#FFE4B8,#F6873A 60%,#C7611F);box-shadow:0 0 14px 2px rgba(246,135,58,.55)}
.cg-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-left:10px}
.cg-links a{font-size:15px;font-weight:500;color:#6B6253;text-decoration:none}
.cg-links a:hover,.cg-links a.on{color:#211C16}
.cg-cta{margin-left:auto;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;
  color:#2a1709;background:#F6873A;border:1.5px solid #F6873A;border-radius:999px;padding:11px 20px}
.cg-cta:hover{color:#2a1709;background:#F6873A}
.cg-links a:focus-visible,.cg-cta:focus-visible,.cg-brand:focus-visible{outline:2px solid #0066CC;outline-offset:3px}
@media(max-width:900px){.cg-nav{padding-block:12px}.cg-links{margin-left:0;order:3;flex-basis:100%}.cg-cta{margin-left:auto}}

/* preview only: the strip that says this is the prototype (build.py --mode preview) */
.cg-proto-note{margin:0;padding:9px max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px));
  text-align:center;font:500 14px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;
  color:#6B6253;background:color-mix(in srgb,#F6873A 12%,#F4ECD8);border-bottom:1px solid #E4DAC2}