.md{background:var(--g);color:var(--p);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"scene steps""track steps";gap:28px 56px;padding:40px;display:grid}.md-scene{grid-area:scene;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.md-addr{border:1.5px solid var(--p);grid-column:1/-1;justify-self:center;padding:12px 16px}.md-addr-name{font-size:17px;font-weight:700}.md-lines{grid-column:1/-1;width:100%;height:64px;display:block;overflow:visible}.md-line{fill:none;stroke:#343b37;stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .35s}.md-line.is-on{stroke:var(--l);stroke-width:3px}.md-site{border:1.5px solid #343b37;align-content:start;gap:10px;padding:16px;transition:border-color .3s,opacity .3s;display:grid}.md-site b{font-size:17px}.md-state{font:12px/1.4 var(--f-m), ui-monospace, monospace;color:var(--m)}.md-site.is-live{border-color:var(--l)}.md-site.is-live .md-state{color:var(--l)}.md-site.is-gone{opacity:.45}.md-site.is-gone b{text-decoration:line-through}.md-pages{flex-wrap:wrap;gap:4px;display:flex}.md-pages i{border:1.5px solid #343b37;width:12px;height:16px;transition:background .2s,border-color .2s}.md-pages i.is-done{background:var(--l);border-color:var(--l)}.md-track{grid-area:track;position:relative}.md-stops{pointer-events:none;height:0;position:absolute;top:22px;left:0;right:0}.md-stops i{background:#343b37;width:2px;height:16px;margin-left:-1px;position:absolute;top:-8px}.md-stops i.is-done{background:var(--l)}.md-track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block;position:relative}.md-track input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--l) var(--done), #343b37 0);height:3px}.md-track input::-moz-range-track{background:linear-gradient(to right, var(--l) var(--done), #343b37 0);height:3px}.md-track input::-webkit-slider-thumb{appearance:none;border:3px solid var(--g);background:repeating-linear-gradient(90deg, var(--g) 0 2px, transparent 2px 5px) center / 14px 12px no-repeat, var(--l);width:44px;height:30px;box-shadow:0 0 0 1.5px var(--l);cursor:grab;margin-top:-13.5px}.md-track input::-moz-range-thumb{box-sizing:border-box;border:3px solid var(--g);background:repeating-linear-gradient(90deg, var(--g) 0 2px, transparent 2px 5px) center / 14px 12px no-repeat, var(--l);width:44px;height:30px;box-shadow:0 0 0 1.5px var(--l);cursor:grab;border-radius:0}.md-track input:active::-webkit-slider-thumb{cursor:grabbing}.md-track input:active::-moz-range-thumb{cursor:grabbing}.md-track input:focus-visible{outline:2px solid var(--l);outline-offset:4px}.md-steps{grid-area:steps;align-self:center;margin:0;padding:0;list-style:none;display:grid}.md-steps li{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .25s,transform .25s,visibility 0s .25s;transform:translateY(8px)}.md-steps li.is-on{visibility:visible;opacity:1;transition:opacity .25s,transform .25s;transform:none}.md-when{font:13px var(--f-d), sans-serif;color:var(--l)}.md-title{font-variation-settings:"wdth" 88;margin-top:10px;font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1.05}.md-steps li p:last-child{max-width:42ch;color:var(--p);margin-top:14px;font-size:17px}@media (max-width:1020px){.md{grid-template-columns:minmax(0,1fr);grid-template-areas:"scene""track""steps";gap:24px;padding:24px 16px 28px}.md-scene{gap:0 12px}.md-site{padding:12px}.md-site b,.md-addr-name{font-size:15px}.md-pages i{width:9px;height:12px}.md-steps li p:last-child{font-size:16px}}@media (prefers-reduced-motion:reduce){.md-line,.md-site,.md-pages i,.md-steps li,.md-steps li.is-on{transition:none}}