@layer components{.ww-centre{background:var(--color-surface);border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);box-shadow:var(--shadow-hard);scroll-margin-block:6rem}.ww-centre:before{content:"";inset-inline:0;border-radius:calc(var(--radius-chunk) - var(--outline)) calc(var(--radius-chunk) - var(--outline)) 0 0;background:var(--color-gold);border-bottom:var(--outline-thin) solid var(--color-ink);height:10px;position:absolute;top:0}.ww-art{background:var(--tone-wash);border-radius:10px}.ww-centre__art{border-radius:16px}.ww-centre__word{overflow-wrap:anywhere}.ww-centre__word:focus{outline:none}.ww-centre__word:focus-visible>span{outline:4px solid var(--color-ink);outline-offset:4px;border-radius:4px}.ww-centre__word>span{background-image:linear-gradient(transparent 62%, var(--color-gold-light) 62%, var(--color-gold-light) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.ww-rule{background-image:radial-gradient(circle, color-mix(in srgb, var(--color-cocoa) 55%, transparent) 1.5px, transparent 2px);background-size:10px 3px;border:0;height:3px}.ww-mixup{border-left:4px solid var(--color-gold)}.ww-hop{border:2px solid color-mix(in srgb, var(--color-cocoa) 40%, transparent);border-radius:var(--radius-chunk);background:var(--color-surface);color:var(--color-ink);box-shadow:0 2px 0 color-mix(in srgb, var(--color-cocoa) 25%, transparent);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast), box-shadow var(--duration-fast);position:relative}.ww-hop__go{background:var(--color-sand);color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast)}@media (hover:hover) and (pointer:fine){.ww-hop:hover{background:var(--color-highlight-wash);border-color:var(--color-ink);box-shadow:0 5px 0 color-mix(in srgb, var(--color-ink) 22%, transparent)}.ww-hop:hover .ww-hop__go{background:var(--color-gold)}}.ww-hop:active{box-shadow:0 1px 0 color-mix(in srgb, var(--color-ink) 22%, transparent)}.ww-hop:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px;border-color:var(--color-ink)}.ww-none{border:2px dashed color-mix(in srgb, var(--color-cocoa) 45%, transparent);border-radius:var(--radius-chunk);padding:14px 16px}.ww-trail{border-radius:4px}@media (hover:hover) and (pointer:fine){.ww-trail:hover{color:var(--color-cardinal-deep)}}.ww-trail:focus-visible,.ww-jump:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.ww-trail-here{background-image:linear-gradient(transparent 58%, var(--color-gold-light) 58%, var(--color-gold-light) 92%, transparent 92%)}.ww-jump{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart)}.ww-list{border-bottom:var(--outline-thin) solid var(--color-ink)}.ww-entry{border-top:var(--outline-thin) solid var(--color-ink)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ww-hop:hover{transform:translateY(-2px)}.ww-hop:hover .ww-hop__go{transform:translate(3px)}}@media (prefers-reduced-motion:no-preference){.ww-hop:active{transform:translateY(0)}.ww-centre__body{animation:ww-fade var(--duration-base) var(--ease-out-quart) backwards}.ww-none{animation:ww-fade var(--duration-slow) var(--ease-out-quart) .12s backwards}}@keyframes ww-fade{0%{opacity:0}}}@media print{.ww-all{color:#000;background:#fff}.ww-all :is(h2,h3,h4,h5,p,a,span,strong){color:#000;background:0 0}.ww-all h2{font-size:20pt}.ww-all h3{break-after:avoid;font-size:16pt}.ww-all h4{break-after:avoid;font-size:12pt}.ww-all h5{font-size:11pt}.ww-all :is(p,a,li){font-size:10pt;line-height:1.25}.ww-all :is(p,ul){margin-top:3pt}.ww-all :is(svg,hr){display:none}.ww-all .ww-entry{break-inside:avoid;border:0;padding-block:8pt}.ww-all .ww-list{columns:2;border:0;column-gap:20pt}.ww-all .ww-mixup{border:0;padding:0}}