.guide-page{--ink:#f4f1e8;--soft:#b6ccbc;--green:#c3dec9;--rule:#365849;background:#0b241d;color:#f4f1e8;color-scheme:dark}
.guide-page .shell{max-width:1360px}
.guide-page .masthead{min-height:76px;border:0}
.guide-page .brand span{font-size:2.05rem}
.guide-page .brand img{width:35px;height:35px}
.guide-page nav{gap:28px}
.guide-page nav a{font-size:.88rem;color:#d1dfd3}
.guide-page nav a:hover{color:#ffc17e}
.guide-intro{padding-block:40px 12px}
.guide-intro h1{font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05;letter-spacing:-.025em}
.guide-intro p{margin-top:14px;color:var(--soft)}
.guide-page .instructions{border:0;padding-block:34px 42px}
.guide-page .instructions>div{border-color:var(--rule)}
.guide-page .instructions h2,.guide-page .source-content h2,.guide-page .challenge-links h2,.guide-page .lower h2{font-size:2.5rem}
.guide-page .challenge-links,.guide-page .source-content,.guide-page .lower,.guide-page footer{border-color:var(--rule)}
.guide-page .challenge-links a{border-color:var(--rule)}
.guide-page .source-content{padding-block:32px}
.guide-page .lower{padding-block:36px 54px}
.guide-page :focus-visible{outline-color:#f5a24d}
@media(max-width:660px){
  .guide-page .masthead{min-height:66px;gap:12px}
  .guide-page .brand{gap:7px}
  .guide-page .brand span{font-size:1.7rem}
  .guide-page .brand img{width:29px;height:29px}
  .guide-page nav{gap:18px}
  .guide-page nav a{font-size:.8rem}
  .guide-intro{padding-block:28px 0}
  .guide-page .instructions{padding-block:28px;gap:18px}
  .guide-page .challenge-links{grid-template-columns:1fr}
}