.instructions-page{padding-top:70px;padding-bottom:100px}
.instructions-heading{max-width:950px;margin-bottom:45px}
.instructions-heading h1{font-size:clamp(38px,6vw,76px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 24px;overflow-wrap:anywhere}
.instructions-heading .lede{max-width:760px}
.instructions-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:45px;align-items:start}
.instructions-nav{position:sticky;top:120px;display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel,#101318)}
.instructions-page a,.instructions-help a{color:var(--cyan,#70e4df);text-decoration:underline;text-underline-offset:4px}
.instructions-nav a{padding:11px 12px;text-decoration:none;border-radius:7px;font-size:14px}
.instructions-nav a:hover,.instructions-nav a[aria-current="page"]{background:rgba(112,228,223,.1);text-decoration:underline}
.instructions-content{min-width:0;font-size:16px;line-height:1.8}
.instructions-content h2{font-size:clamp(23px,3vw,31px);line-height:1.3;margin:42px 0 16px;letter-spacing:-.025em;scroll-margin-top:120px}
.instructions-content h2:first-child{margin-top:0}
.instructions-content p{margin:0 0 20px}
.instructions-content ul,.instructions-content ol{padding-left:25px;margin:15px 0 25px}
.instructions-content li{margin:9px 0}
.instructions-intro{font-size:21px;line-height:1.65;color:var(--cyan,#70e4df)}
.instructions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}
.instructions-grid .instructions-card{display:block;padding:25px;border:1px solid var(--line);border-radius:12px;background:rgba(112,228,223,.035);text-decoration:none;color:inherit;transition:border-color .2s,background .2s}
.instructions-card:hover{border-color:var(--cyan,#70e4df);background:rgba(112,228,223,.08)}
.instructions-card span,.instructions-card b{color:var(--cyan,#70e4df);font-size:12px;letter-spacing:.04em}
.instructions-card h2{margin:14px 0;font-size:25px}
.instructions-card p{font-size:15px;line-height:1.6}
.instructions-card b{text-decoration:underline;text-underline-offset:4px}
.instructions-table-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:8px}
.instructions-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.instructions-table-wrap th,.instructions-table-wrap td{padding:16px;vertical-align:top;border-bottom:1px solid var(--line)}
.instructions-table-wrap th{color:var(--cyan,#70e4df)}
.instructions-content code{overflow-wrap:anywhere;font-size:.9em}
.instructions-help{margin-top:45px;padding:25px;border:1px solid var(--line);border-radius:12px}
.instructions-help h2{margin-top:0}
.instructions-help .button{margin:8px 12px 8px 0}
.instructions-back{margin-top:35px!important}
.instructions-skip{position:absolute;left:-10000px}
.instructions-skip:focus{position:static;display:block;padding:10px}
.instructions-page a:focus-visible,.instructions-page button:focus-visible{outline:2px solid var(--cyan,#70e4df);outline-offset:4px}
@media(max-width:900px){.instructions-layout{grid-template-columns:1fr;gap:28px}.instructions-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.instructions-page{padding-top:40px}}
@media(max-width:560px){.instructions-grid{grid-template-columns:1fr}.instructions-nav{grid-template-columns:1fr}.instructions-content{font-size:15px}.instructions-card h2{font-size:23px}.instructions-help{padding:20px}.instructions-table-wrap th,.instructions-table-wrap td{padding:12px}}

/* Highlighted requirement box on instructions pages (e.g. "credits need an Anumys account"). */
.instructions-note {
  margin: 18px 0 22px;
  padding: 16px 18px;
  border: 1px solid rgba(112, 228, 223, .45);
  border-left: 4px solid var(--cyan, #70e4df);
  border-radius: 8px;
  background: rgba(112, 228, 223, .07);
}
.instructions-note p { margin: 0; }