.ov-sheet{background-image:linear-gradient(to right, color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px}.ov-tape{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--math) 55%, transparent) 0 6px, color-mix(in srgb, var(--math) 35%, transparent) 6px 12px);opacity:.9;border-radius:3px;rotate:-4deg}.ov-steps>li:not(:last-child):before{content:"";z-index:0;inset-inline-start:calc(1.25rem - 1.5px);border-inline-start:3px dotted var(--ink-faint);position:absolute;top:2.5rem;bottom:-1.25rem}.ov-card{z-index:1;position:relative}.ov-hatch{background:repeating-linear-gradient(-45deg, var(--cs) 0 2px, transparent 2px 5px)}.ov-dots{background:radial-gradient(circle, var(--cs) 1.2px, transparent 1.5px) 0 0 / 5px 5px}.ov-card-parent{background:color-mix(in srgb, var(--astronomy-wash) 55%, var(--paper))}.oh-grid{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:1.25rem 3rem;display:grid}.oh-tabs{grid-area:1/1/auto/-1}.oh-panel{grid-area:2/1/6/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;touch-action:pan-y;display:grid}.oh-panel[hidden]{display:none}.oh-panel:focus-visible{outline-offset:8px;border-radius:18px}.oh-text{grid-row:1}.oh-visual{grid-row:3;padding-top:.75rem}.oh-extra{grid-row:4}.oh-shared{grid-area:3/1}@media (min-width:64rem){.oh-grid{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,30rem)}.oh-panel{grid-row:2/5}.oh-text{grid-area:1/1}.oh-visual{grid-area:1/2/4;padding-top:.5rem}.oh-extra{grid-area:3/1;align-self:start}}@media (prefers-reduced-motion:no-preference){.oh-tab[data-hint]{animation:1.4s ease-in-out 3s both oh-hint}.ov-step{animation:.56s cubic-bezier(.2,.7,.2,1) both ov-rise;animation-delay:calc(var(--d,0) * .17s + .12s)}.ov-wave i{transform-origin:bottom;animation:.76s ease-in-out 6 alternate both ov-wave}.ov-now{animation:1.6s ease-in-out 3 ov-now}}@keyframes oh-hint{30%{background:color-mix(in srgb, var(--cs-wash) 90%, transparent);transform:translateY(-2px)}60%{transform:none}}@keyframes ov-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ov-wave{0%{transform:scaleY(.35)}}@keyframes ov-now{50%{opacity:.45}}
