.coverplate svg{display:block;width:100%;height:auto;background:var(--bg2)}
svg text{font-family:var(--mono);fill:var(--ink)}
.steps{list-style:none;counter-reset:s;max-width:640px;margin:36px auto 0;text-align:left}
.steps li{counter-increment:s;position:relative;padding:0 0 16px 46px;color:var(--ink-soft)}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;font-family:var(--serif);font-size:1.8rem;color:var(--gold)}
.mathtable td .lane{margin-left:6px}
.mathtable td.wrapok,.mathtable td:first-child.wrapok{white-space:normal}
.route li b{min-width:150px}
@media(max-width:640px){.wrap{padding:0 16px}}

@media(max-width:640px){
.mathtable thead{display:none}
.mathtable,.mathtable tbody,.mathtable tr,.mathtable td{display:block;width:100%}
.mathtable tr{padding:14px 0;border-bottom:1px solid var(--line-soft)}
.mathtable td,.mathtable td.wrapok{padding:2px 0!important;border:0!important;white-space:normal}
.mathtable td:first-child{font-family:var(--serif);font-size:1.15rem;color:var(--gold-pale)}
.mathtable td:nth-child(2){color:var(--ink)}
}