.how-page{margin:var(--s5) 0}.how-scan{background:var(--paper-raised);width:100%;box-shadow:var(--lift);position:relative}.how-scan img{width:100%;height:100%;display:block}.how-box{border:2px solid var(--pencil);pointer-events:auto;border-radius:2px;position:absolute}.how-box.is-spark{border-style:dashed;border-color:var(--ink-2)}.how-key{width:1.1em;height:.8em;margin:0 var(--s1) 0 var(--s3);vertical-align:-.05em;border:2px solid var(--pencil);display:inline-block}.how-key.is-spark{border-style:dashed;border-color:var(--ink-2)}.how-steps{margin:var(--s6) 0;counter-reset:step;gap:var(--s4);padding:0;list-style:none;display:grid}.how-steps li{counter-increment:step;column-gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--rule);grid-template-columns:2.2rem 1fr;display:grid}.how-steps li:before{content:counter(step);font-family:var(--font-head);font-weight:800;font-size:var(--step-1);color:var(--pencil);grid-row:span 2}.how-steps h2{font-size:var(--step-0);margin:0 0 var(--s1)}.how-steps p{color:var(--ink-2);margin:0}.how-crop{width:100%;height:auto;box-shadow:var(--lift);margin:var(--s4) 0;display:block}.how-compare{gap:var(--s4);display:grid}@media (min-width:720px){.how-compare{grid-template-columns:1fr 1fr}}.label-line{font-family:var(--font-head);font-weight:700;font-size:var(--step--1);margin-bottom:var(--s1)}.ocr{font-size:var(--step-1)}mark{color:var(--ink);border-radius:2px;padding:0 .15em}mark.is-bad{text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);background:0 0;text-decoration-thickness:2px}mark.is-good{background:var(--pencil-wash);box-shadow:inset 0 -2px 0 var(--pencil)}.how-stats{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--ink)}.how-scan:before{content:"Loading the scan from the Library of Congress…";inset:40% var(--s4) auto;text-align:center;font-family:var(--font-head);font-size:var(--step--2);color:var(--ink-2);position:absolute}.how-scan img{position:relative}