.c0fbde9db .c1fe5109a{--demo-height:clamp(600px, 54vw, 780px)}.cf350df8c h2{margin-inline:auto}.cf350df8c [data-plugin-marquee]{margin-top:var(--space-3)}.chapter:first-child .c0fbde9db{--color-accent-surface:#d8e1d1}.chapter:nth-child(3) .c0fbde9db{--color-accent-surface:#deddec}.c2e63897f{margin:var(--space-5) 0 0 var(--space-5)}.c2e63897f a{white-space:nowrap}.c53d73537{cursor:zoom-in;display:block;position:relative}.c148e404a{right:var(--space-4);bottom:var(--space-4);background:var(--color-canvas);width:48px;height:48px;color:var(--color-text);box-shadow:0 0 0 1px var(--color-border), 0 4px 14px #10111829;transition:transform var(--duration-hover) var(--ease-out-cubic), background-color var(--duration-hover) var(--ease-out-cubic), color var(--duration-hover) var(--ease-out-cubic);border-radius:50%;place-items:center;display:grid;position:absolute}.c53d73537:hover .c148e404a{background:var(--color-dark);color:var(--color-on-dark);transform:scale(1.08)}.c53d73537:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:4px}@media (width<=760px){.c0fbde9db .c1fe5109a{--demo-height:clamp(520px, 72svh, 680px);box-shadow:none;border-radius:0}.cf350df8c h2{background:var(--color-page)}.c2e63897f{flex-direction:column;align-items:flex-start;margin-left:0}}.cfdef47d5{margin-top:var(--space-5)}.c155f807d{gap:var(--space-2);display:grid;position:relative}.c155f807d:before,.c155f807d:after{content:"";inset-block:calc(-1 * var(--space-6));width:clamp(var(--space-5), 6vw, var(--space-8));z-index:2;pointer-events:none;background:linear-gradient(to right, var(--color-page), transparent);position:absolute}.c155f807d:before{left:0}.c155f807d:after{right:0;transform:scaleX(-1)}.ceba0c87b{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;min-width:0;position:relative;overflow:clip visible}.ceba0c87b:is(:hover,:focus-within){z-index:1}.ceba0c87b a{touch-action:pan-y}.c62202ea0,.c783f7c93{width:max-content;display:flex}.c783f7c93{padding:0 var(--space-2) 0 0;gap:var(--space-2);margin:0;list-style:none}.ceba0c87b:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.c783f7c93[aria-hidden]{display:none}}.hero-art{--origin-x:32%;--origin-y:84%;aspect-ratio:560/460;width:100%;position:relative}.hero-art svg{width:100%;height:auto;display:block;overflow:visible}.art-origin{left:var(--origin-x);top:var(--origin-y);position:absolute}section.c0797ed8e{padding-block:var(--space-8) var(--space-7);row-gap:var(--space-6)}.c49564d8d{align-items:flex-end;gap:var(--space-5);--demo-height:460px;flex-direction:column;min-width:0;display:flex}.c49564d8d>:first-child{align-self:stretch}@media (width<=760px){.c49564d8d{--demo-height:600px;align-items:flex-start}}.c29837471{gap:var(--space-6);margin-top:var(--space-7);display:grid}.cd34b728c{min-width:0;position:relative}.ccf670dd3{top:var(--space-3);right:var(--space-3);z-index:2;color:#3c4a0b;font:600 13px/1.4 var(--font-family-sans);font-variant-numeric:tabular-nums;background:#dee0d5;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;position:absolute}.cd34b728c .nb-cell__main{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.cd34b728c .nb-cell{grid-template-columns:minmax(0,1fr)}.cd34b728c .nb-gutter{display:none}.cd34b728c .nb-output{margin-top:0}.cd34b728c .nb-body{padding:44px 12px 12px}@media (width<=900px){.cd34b728c .nb-cell__main{grid-template-columns:minmax(0,1fr)}}
