:root{
  --navy:#202124;
  --blue:#5f6368;
  --sky:#d8dadd;
  --pale:#faf9f6;
  --gold:#c8a85a;
}
body{background:#f7f7f5}
.site-header{background:#fff}
.hero{
  background:
    linear-gradient(120deg,rgba(22,22,22,.96),rgba(58,58,58,.92)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 10px,rgba(0,0,0,.045) 10px 20px);
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background:repeating-linear-gradient(118deg,transparent 0 28px,#fff 29px 31px,transparent 32px 62px);
}
.hero-inner{position:relative;z-index:1}
.gist-intro{
  background:
    linear-gradient(rgba(255,255,255,.97),rgba(255,255,255,.97)),
    repeating-linear-gradient(135deg,#ececec 0 8px,#fafafa 8px 16px);
}
.gist-intro h2,.gist-intro strong{color:#202124}
.intro-icon{background:#202124;color:#fff}
.step{border-top:4px solid #202124}
.kicker{color:#5f6368}
.option:hover{border-color:#8b8b8b}
.option:has(input:checked){border-color:#202124;background:#f3f3f1}
.btn.next{background:linear-gradient(120deg,#202124,#5c5c5c)}
.note{border-left-color:#8a8a8a}
.note.warn{border-left-color:#c8a85a;background:#fffaf0}
footer{background:#202124}
.sponsor-wrap{
  border:1px solid #e2e2df;
  box-shadow:0 7px 22px rgba(0,0,0,.05);
}