.code-example.svelte-vfox97{min-inline-size:0;margin-block:1.5rem 2rem;color:var(--code-ink);--code-font: .875rem;--code-padding: clamp(.75rem, 2vw, 1.5rem);--project-rule: var(--code-frame);--annotation-accent: #c4746e;--annotation-ink: var(--story-muted);--annotation-offset: 0px;--brace-height: 5rem}.code-layout.svelte-vfox97{position:relative;min-inline-size:0}.code-frame.svelte-vfox97{min-inline-size:0;padding:.5rem}.code-card.svelte-vfox97{min-inline-size:0;background:var(--code-surface, var(--story-surface));padding:var(--code-padding);padding-inline-start:0}.code-annotation.svelte-vfox97{align-self:start;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.625rem;margin-block-start:var(--annotation-offset);color:var(--story-ink)}.annotation-brace.svelte-vfox97{inline-size:2.25rem;block-size:var(--brace-height);overflow:hidden;fill:none;stroke:var(--annotation-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.annotation-brace.svelte-vfox97 path:where(.svelte-vfox97)+path:where(.svelte-vfox97){opacity:.45;stroke-width:1}.annotation-copy.svelte-vfox97{align-self:center;min-inline-size:0}.annotation-copy.svelte-vfox97 p:where(.svelte-vfox97){margin:0;color:var(--annotation-ink);font-size:.8125rem;line-height:1.55}.code-toolbar.svelte-vfox97{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;color:var(--code-muted, var(--story-muted));font-size:.75rem;line-height:1.5;min-block-size:2rem;margin-block-end:.5rem;margin-inline-start:var(--code-padding)}.code-toolbar.svelte-vfox97>span:where(.svelte-vfox97):first-child{color:var(--code-ink, var(--story-ink))}button.svelte-vfox97{margin-inline-start:auto;color:var(--code-accent, var(--story-accent));text-decoration:underline;text-underline-offset:.2em;min-block-size:2.75rem}.code-example.svelte-vfox97 pre:where(.svelte-vfox97){margin:0 0 0 var(--code-padding);padding:0;border:0;font-family:Commit Mono,monospace;font-weight:300;font-feature-settings:"calt" 1,"ss01" 1,"ss02" 0,"ss03" 1,"ss04" 1,"ss05" 1;letter-spacing:.01em;font-size:var(--code-font);line-height:1.1;overflow:auto}.code-example.svelte-vfox97 code:where(.svelte-vfox97){font:inherit}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-keyword{color:var(--token-keyword)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-name{color:var(--token-name)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-function{color:var(--token-function)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-type{color:var(--token-type)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-string{color:var(--token-string)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-number{color:var(--token-number)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-constant{color:var(--token-constant)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-meta{color:var(--token-meta)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-comment{color:var(--token-comment)}.code-example.svelte-vfox97 pre:where(.svelte-vfox97) .tok-punctuation{color:var(--token-punctuation)}[data-theme=light] .code-example.svelte-vfox97{--annotation-accent: #722f37;--annotation-ink: var(--story-ink)}[data-theme=light] .annotation-copy.svelte-vfox97 p:where(.svelte-vfox97){text-shadow:0 0 .125rem var(--bg),0 0 .4rem var(--bg)}@media(min-width:72rem){.code-annotation.svelte-vfox97{position:absolute;inset-block-start:0;inset-inline-start:calc(100% + .75rem);inline-size:min(14rem,calc((100vw - 46rem)/2 - 2rem))}}@media(max-width:71.999rem){.code-annotation.svelte-vfox97{display:block;margin:.625rem .5rem 0;text-align:center}.annotation-brace.svelte-vfox97{display:none}}.story-navigation.svelte-roqc5{--nav-black: var(--story-nav-bg);--nav-text: #e7e3dd;position:fixed;inset:var(--story-safe-top) 0 auto;z-index:30;pointer-events:none;font-family:var(--font-body-mono, monospace);font-size:.75rem}.notch-ceiling.svelte-roqc5{position:fixed;inset-inline:0;inset-block-start:0;block-size:calc(var(--story-safe-top) + 2px);background:var(--nav-black);pointer-events:none}.story-navigation-panel.svelte-roqc5{position:relative;inline-size:max-content;min-inline-size:min(18rem,calc(100% - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-inline-size:min(40rem,calc(100% - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));margin-inline:auto;color:var(--nav-text);border:1px solid transparent;border-block-start:0;border-radius:0 0 .875rem .875rem;pointer-events:auto}.story-navigation-panel.hidden.svelte-roqc5{pointer-events:none}.story-navigation[data-visible=false].svelte-roqc5{display:contents;position:static}.story-navigation[data-visible=false].svelte-roqc5 .story-navigation-panel:where(.svelte-roqc5){position:fixed;inset:var(--story-safe-top) 0 auto;visibility:hidden}.story-navigation[data-visible=false].svelte-roqc5 .tethers:where(.svelte-roqc5),.story-navigation[data-visible=false].svelte-roqc5 .reopen:where(.svelte-roqc5){position:fixed;inset-block-start:var(--story-safe-top);z-index:30}.story-navigation[data-visible=false].svelte-roqc5 .tethers:where(.svelte-roqc5) path:where(.svelte-roqc5){fill:none}.notch-surface.svelte-roqc5{position:absolute;inset:0 0 auto;background-color:var(--nav-black);clip-path:url(#story-notch-clip);pointer-events:none}.tethers.svelte-roqc5{position:absolute;inline-size:100%;inset-inline-start:50%;translate:-50% 0;inset-block-start:0;overflow:visible;pointer-events:none}.tethers.svelte-roqc5 path:where(.svelte-roqc5){fill:none;stroke:#66616b;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.tethers.svelte-roqc5 .notch-fill:where(.svelte-roqc5){fill:var(--nav-black);stroke:none}.story-navigation-content.svelte-roqc5{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.375rem .75rem 0}.story-brand.svelte-roqc5{flex:none;padding:.125rem}.story-brand.svelte-roqc5 img:where(.svelte-roqc5){display:block;inline-size:2.5rem;block-size:2.5rem;object-fit:contain}a.svelte-roqc5{color:var(--nav-text);text-decoration:none}a.svelte-roqc5:hover{color:#f393ce}a.svelte-roqc5:focus-visible,button.svelte-roqc5:focus-visible{outline:2px solid #f393ce;outline-offset:3px}.breadcrumbs.svelte-roqc5{min-inline-size:0;flex:0 1 auto}ol.svelte-roqc5{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}li.svelte-roqc5{display:flex;align-items:center;gap:.5rem;min-inline-size:0}li.svelte-roqc5+li:where(.svelte-roqc5):before{content:"/";color:#867d8c}.breadcrumbs.svelte-roqc5 a:where(.svelte-roqc5){display:inline-flex;align-items:center;min-block-size:2.75rem}.current.svelte-roqc5{color:#aaa2ae}.current.svelte-roqc5 span:where(.svelte-roqc5){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-grip.svelte-roqc5{display:block;margin-inline:auto;padding:0;min-block-size:2.75rem;min-inline-size:6rem;color:#aaa2ae;font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.pull-grip.svelte-roqc5:active{cursor:grabbing}.reopen.svelte-roqc5{position:absolute;inset:0 auto auto 50%;translate:-50% 0;min-inline-size:3rem;min-block-size:2.75rem;background:var(--nav-black);color:var(--nav-text);font:inherit;border:1px dashed #66616b;border-top:0;border-radius:0 0 .5rem .5rem;visibility:hidden}.reopen.available.svelte-roqc5{visibility:visible;opacity:0;pointer-events:none}.reopen.available.svelte-roqc5:focus-visible{opacity:1;pointer-events:auto}@media(max-width:40rem){.story-navigation-content.svelte-roqc5{flex-wrap:wrap;gap:0 .5rem;padding-inline:.5rem}.breadcrumbs.svelte-roqc5{font-size:.6875rem}ol.svelte-roqc5,li.svelte-roqc5{gap:.25rem}li.svelte-roqc5:not(.current){flex-shrink:0}}@media print{.story-navigation.svelte-roqc5{display:none}}.story-list-trigger.svelte-1pfjfjb{position:fixed;z-index:5;inset-block-start:50%;inset-inline-end:.75rem;translate:0 -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;inline-size:2.75rem;min-block-size:3rem;padding:.5rem;background:var(--story-control-surface);border-radius:.375rem;transition:opacity .16s ease,transform .16s ease}.story-list-trigger.trigger-hidden.svelte-1pfjfjb{opacity:0;transform:translateY(1rem) scale(.9);pointer-events:none}span.svelte-1pfjfjb{display:block;inline-size:.875rem;block-size:.125rem;background:var(--story-control-ink)}.current.svelte-1pfjfjb{inline-size:1.5rem}@media print{.story-list-trigger.svelte-1pfjfjb{display:none}}.story-outline.svelte-9wybrd{--outline-active: var(--story-accent);position:fixed;z-index:6;inset-inline-start:.75rem;inset-block-end:max(.75rem,env(safe-area-inset-bottom,0px));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.5}.outline-toggle.svelte-9wybrd{position:relative;z-index:2;display:grid;place-items:center;inline-size:2.75rem;block-size:3rem;background:var(--story-control-surface);color:var(--story-control-ink);border:1px solid color-mix(in oklch,var(--story-control-ink) 20%,transparent);border-radius:.625rem;box-shadow:0 .35rem 1rem #00000024;transition:opacity .16s ease,transform .16s ease}.outline-toggle.trigger-hidden.svelte-9wybrd{opacity:0;transform:translateY(1rem) scale(.9);pointer-events:none}.outline-toggle.svelte-9wybrd svg:where(.svelte-9wybrd){inline-size:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.story-outline.svelte-9wybrd:has(nav.expanded:where(.svelte-9wybrd)) .outline-toggle:where(.svelte-9wybrd){z-index:0}body:has(.story-outline nav.expanded) .settings-trigger{z-index:5;opacity:0;visibility:hidden;pointer-events:none}nav.svelte-9wybrd{position:fixed;z-index:3;inset-inline:max(.5rem,env(safe-area-inset-left,0px)) max(.5rem,env(safe-area-inset-right,0px));inset-block-end:0;inline-size:min(42rem,calc(100vw - 1rem));max-block-size:min(78dvh,42rem);margin-inline:auto;overflow:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));background:var(--story-bg);border:1px solid color-mix(in oklch,var(--story-ink) 18%,transparent);border-block-end:0;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -.125rem .5rem #00000012,0 1.25rem 4rem #00000047;transform:translateY(calc(100% + 2rem));visibility:hidden;transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s .36s}nav.expanded.svelte-9wybrd{transform:translateY(0);visibility:visible;transition-delay:0s}nav.svelte-9wybrd:focus{outline:none}header.svelte-9wybrd{display:flex;align-items:center;justify-content:space-between;gap:1rem}.outline-label.svelte-9wybrd{position:relative;margin:0 0 1rem;padding-inline-start:.75rem;color:var(--story-ink);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em}.sheet-close.svelte-9wybrd{display:grid;flex:none;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin-block:-.625rem .375rem;border-radius:50%;background:color-mix(in oklch,var(--story-ink) 9%,transparent);color:var(--story-ink);font-size:1.5rem;line-height:1}.sketched-corner.svelte-9wybrd{position:absolute;inset-block-start:-.65rem;inset-inline-start:-.25rem;inline-size:3rem;block-size:1.75rem;fill:none;stroke:var(--project-rule);stroke-width:1;stroke-linecap:round}ol.svelte-9wybrd{list-style:none;margin:0;padding:0}.outline-track.svelte-9wybrd{position:relative}.active-marker.svelte-9wybrd{position:absolute;z-index:1;inset-inline-start:0;opacity:0;inline-size:.1875rem;border-radius:999rem;background:var(--outline-active);pointer-events:none}li.svelte-9wybrd{padding:0}a.svelte-9wybrd{position:relative;display:grid;grid-template-columns:2ch 1fr;gap:1ch;padding:.5rem .25rem .5rem calc(1rem + var(--depth) * 2ch);color:var(--story-muted);overflow-wrap:anywhere;transition:color .2s ease-out}a.svelte-9wybrd:before{content:"";position:absolute;inset-inline-start:0;inset-block:0;border-inline-start:1px dotted var(--story-rule)}a.svelte-9wybrd:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:1.05rem;inline-size:.625rem;border-block-start:1px dotted var(--story-rule)}li.svelte-9wybrd:last-child a:where(.svelte-9wybrd):before{inset-block-end:calc(100% - 1.05rem)}.section-number.svelte-9wybrd{opacity:.65;font-variant-numeric:tabular-nums}a.is-visible.svelte-9wybrd{color:var(--outline-active)}a.is-visible.svelte-9wybrd .section-number:where(.svelte-9wybrd){opacity:1}a.svelte-9wybrd:hover{text-decoration:underline wavy;text-underline-offset:.2em}@media(prefers-reduced-motion:reduce){a.svelte-9wybrd,nav.svelte-9wybrd{transition:none}}@media(min-width:80rem){.story-outline.svelte-9wybrd{inset-inline-start:max(1rem,calc((100vw - 82rem)/2));inset-block-start:50%;inset-block-end:auto;translate:0 -50%}.outline-toggle.svelte-9wybrd,.sheet-close.svelte-9wybrd{display:none}nav.svelte-9wybrd{position:static;visibility:visible;transform:none;translate:none;inline-size:15rem;max-block-size:85dvh;margin:0;padding:1rem .5rem .5rem;overflow:auto;background:transparent;border:0;border-radius:0;box-shadow:none}}@media print{.story-outline.svelte-9wybrd{display:none}}.narration.svelte-2ojrhx{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.625rem .875rem;margin-block:1.5rem 0;padding-block:.875rem}svg.svelte-2ojrhx{grid-row:1;inline-size:2rem;block-size:2rem;fill:var(--story-accent);stroke:var(--story-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.narration-copy.svelte-2ojrhx{display:grid;min-inline-size:0;line-height:1.35}.narration-copy.svelte-2ojrhx strong:where(.svelte-2ojrhx){font-size:.875rem}.narration-copy.svelte-2ojrhx span:where(.svelte-2ojrhx){color:var(--story-muted);font-size:.75rem}audio.svelte-2ojrhx{grid-column:1 / -1;inline-size:100%;block-size:2.5rem;color-scheme:dark}[data-theme=light] audio.svelte-2ojrhx{color-scheme:light}audio.svelte-2ojrhx:focus-visible{outline:.15rem solid var(--story-accent);outline-offset:.15rem}.reading-time.svelte-1m2znen{position:relative}button.svelte-1m2znen{font:inherit;color:inherit;background:none;border:0;padding:.25rem 0;text-decoration:underline dashed;text-underline-offset:.25em;cursor:pointer}button.svelte-1m2znen:focus-visible{outline:1px dashed currentColor;outline-offset:4px}.explanation.svelte-1m2znen{position:absolute;z-index:6;inset-block-start:100%;inset-inline-start:0;width:min(21rem,calc(100vw - 7rem));box-sizing:border-box;padding:1rem;border:1px dashed var(--story-muted);border-radius:.4rem;background:var(--story-bg);color:var(--story-ink);font-size:.8rem;line-height:1.55;white-space:normal;box-shadow:0 8px 24px #0003}.explanation.svelte-1m2znen:not([hidden]){display:grid;gap:.65rem}.formula.svelte-1m2znen{font-weight:600}a.svelte-1m2znen{color:inherit}a.svelte-1m2znen:hover span:where(.svelte-1m2znen),a.svelte-1m2znen:focus-visible span:where(.svelte-1m2znen){text-decoration:underline wavy;text-decoration-thickness:.0625rem;text-underline-offset:.2em}.story-page.svelte-1aku5aa{--prose-font-size: clamp(1rem, 1.5vw * var(--font-scale, 1), 1.125rem);--story-figure-radius: .5rem;--story-surface: oklch(22% .025 245);--story-ink: oklch(93% .015 85);--story-muted: oklch(78% .022 220);--story-accent: oklch(82% .09 175);--story-rule: oklch(43% .03 235);--project-rule: oklch(58% .025 220);--project-surface: oklch(29% .025 235);--drafting-rule: color-mix(in oklch, var(--story-bg), var(--story-muted) 24%);--selection-bg: oklch(86% .12 175);--selection-ink: oklch(19% .035 215);--accent: var(--story-accent);background:transparent;isolation:isolate;color:var(--story-ink);color-scheme:dark;min-block-size:100dvh;padding:calc(clamp(7rem,12vw,9rem) + var(--story-safe-top)) 3.25rem calc(5rem + env(safe-area-inset-bottom,0px));padding-left:max(3.25rem,env(safe-area-inset-left,0px));padding-right:max(3.25rem,env(safe-area-inset-right,0px))}.story-page.svelte-1aku5aa:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--story-bg) url(../../../images/story-paper.webp) left center / cover no-repeat}[data-theme=light] .story-page.svelte-1aku5aa{--story-ink: var(--ink);--story-muted: var(--muted);--story-surface: var(--project-surface);--story-accent: #2f5148;--story-rule: var(--line);--project-rule: #9c8777;--project-surface: #eee5dc;--selection-bg: oklch(28% .085 185);--selection-ink: oklch(97% .018 82);color-scheme:light}[data-theme=light] .story-page.svelte-1aku5aa:before{background:var(--bg) url(../../../images/story-paper-light.webp) right center / cover no-repeat}.story.svelte-1aku5aa{container:story-layout / inline-size;position:relative;inline-size:min(100%,46rem);margin-inline:auto;min-inline-size:0}.story-header.svelte-1aku5aa{position:relative;font-size:var(--prose-font-size);max-inline-size:min(65ch,38rem);margin-inline:auto;margin-block-end:2.5rem}.story-footer.svelte-1aku5aa{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.story-banner.svelte-1aku5aa{margin-block:0 1.75rem;overflow:hidden}.story-banner.svelte-1aku5aa img:where(.svelte-1aku5aa){display:block;inline-size:100%;block-size:clamp(6rem,24vw,12rem);object-fit:cover;object-position:78% 65%}.story-footer.svelte-1aku5aa a:where(.svelte-1aku5aa){display:inline-flex;align-items:center;min-block-size:2.75rem}a.svelte-1aku5aa,.prose.svelte-1aku5aa a{color:var(--story-accent);text-decoration:underline;text-underline-offset:.2em}a.svelte-1aku5aa:hover,.prose.svelte-1aku5aa a:hover{color:var(--story-ink)}.story-category.svelte-1aku5aa{inline-size:fit-content;margin-block:.75rem 0;border:1px dashed var(--story-muted);padding:.1875rem .5625rem;color:var(--story-muted);font-size:.75rem}h1.svelte-1aku5aa{position:relative;font-size:clamp(2.125rem,4vw * var(--font-scale, 1),3rem);line-height:1.15;letter-spacing:-.03em}h1.svelte-1aku5aa>span:where(.svelte-1aku5aa){position:relative;display:inline-block}h1.svelte-1aku5aa>span:where(.svelte-1aku5aa):after{content:"";position:absolute;pointer-events:none;inset-inline:-.04em -.1em;inset-block-end:-.22em;block-size:.36em;background:url(../../../images/story-title-wine-stroke.svg) center / 100% 100% no-repeat;rotate:-.45deg}.lead.svelte-1aku5aa{font-size:clamp(1.0625rem,2vw * var(--font-scale, 1),1.1875rem);color:var(--story-muted);margin-block:1rem 1.25rem}.author.svelte-1aku5aa{display:flex;align-items:center;gap:.875rem;font-size:.875rem}.author-details.svelte-1aku5aa{display:grid;gap:.25rem}.story-meta.svelte-1aku5aa{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .5rem;color:var(--story-muted);font-size:.75rem}.updated-meta.svelte-1aku5aa{display:inline-flex;align-items:center;gap:.5rem}.meta-divider.svelte-1aku5aa{flex:none;inline-size:1em;block-size:1em;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.author-avatar.svelte-1aku5aa{display:grid;position:relative;flex:none;inline-size:3.5rem;padding:.1875rem}.author-avatar.svelte-1aku5aa img:where(.svelte-1aku5aa){display:block;grid-area:1 / 1;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover}.avatar-border.svelte-1aku5aa{position:absolute;inset:-.1875rem;inline-size:calc(100% + .375rem);block-size:calc(100% + .375rem);fill:none;stroke:var(--story-muted);stroke-width:1;stroke-linecap:round;pointer-events:none}.avatar-border.svelte-1aku5aa path:where(.svelte-1aku5aa)+path:where(.svelte-1aku5aa){opacity:.55;stroke-width:.7}.author-photo.svelte-1aku5aa{border-radius:50%}.author-sketch.svelte-1aku5aa{opacity:0}.author-avatar.svelte-1aku5aa .author-sketch:where(.svelte-1aku5aa){animation:svelte-1aku5aa-avatar-sketch 8s ease-in-out infinite paused}.author-avatar.svelte-1aku5aa .author-photo:where(.svelte-1aku5aa){animation:svelte-1aku5aa-avatar-photo 8s ease-in-out infinite paused}.author-avatar.cycling.svelte-1aku5aa img:where(.svelte-1aku5aa){animation-play-state:running}@keyframes svelte-1aku5aa-avatar-photo{0%,40%,to{opacity:1}50%,90%{opacity:0}}@keyframes svelte-1aku5aa-avatar-sketch{0%,40%,to{opacity:0}50%,90%{opacity:1}}@media(prefers-reduced-motion:reduce){.author-avatar.svelte-1aku5aa .author-photo:where(.svelte-1aku5aa),.author-avatar.svelte-1aku5aa .author-sketch:where(.svelte-1aku5aa){animation:none}}.prose.svelte-1aku5aa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(65ch,38rem)) minmax(0,1fr);font-size:var(--prose-font-size);line-height:1.85;overflow-wrap:anywhere}.prose.svelte-1aku5aa>*{grid-column:2;min-inline-size:0}.prose.svelte-1aku5aa>:is(.code-example,figure,.screenshots,p:has(img),table){grid-column:1 / -1}.prose.svelte-1aku5aa :is(.code-example,img,video){border-radius:var(--story-figure-radius)}.prose.svelte-1aku5aa .media-frame{margin:2rem 0}.prose.svelte-1aku5aa .media-surface{min-inline-size:0;margin:.5rem;overflow:hidden;border-radius:calc(var(--story-figure-radius) - .125rem);background:var(--project-surface)}.prose.svelte-1aku5aa :is(h1,h2,h3,h4,h5,h6):has(.heading-permalink){position:relative;padding-inline-end:.9em}.prose.svelte-1aku5aa .heading-permalink{position:absolute;inset-inline-end:0;inset-block-start:.2em;display:inline-block;padding-inline:.3em;color:var(--story-muted);font:.65em Geist Mono,monospace;text-decoration:none;opacity:0;transition:opacity .12s ease-out}.prose.svelte-1aku5aa :is(h1,h2,h3,h4,h5,h6):hover .heading-permalink,.prose.svelte-1aku5aa .heading-permalink:focus-visible{opacity:1}@media(hover:none),(prefers-reduced-motion:reduce){.prose.svelte-1aku5aa .heading-permalink{opacity:1;transition:none}}.prose.svelte-1aku5aa h2{position:relative;font-size:clamp(1.65rem,3vw * var(--font-scale, 1),2.125rem);line-height:1.25;margin-block:2rem 1.25rem}.story-header.svelte-1aku5aa:before,.prose.svelte-1aku5aa h2:before{content:"";position:absolute;pointer-events:none;inset-block-start:-1rem;inset-inline-start:50%;translate:-50% 0;inline-size:100cqi;block-size:.625rem;background:repeating-linear-gradient(90deg,var(--drafting-rule) 0 1px,transparent 1px .25rem) center / 100% 1px no-repeat,linear-gradient(var(--drafting-rule),var(--drafting-rule)) left .25rem top / 1px 100% no-repeat,linear-gradient(var(--drafting-rule),var(--drafting-rule)) right .25rem top / 1px 100% no-repeat}@container story-layout (min-width: 42rem){.story-header.svelte-1aku5aa:before,.prose.svelte-1aku5aa h2:before{inline-size:calc(100cqi + 2rem)}}@media(min-width:52rem){.story.svelte-1aku5aa:before{content:"";position:absolute;pointer-events:none;inset:-1.25rem -.75rem;background:repeating-linear-gradient(0deg,var(--drafting-rule) 0 1px,transparent 1px .25rem) right / 1px 100% no-repeat}}.prose.svelte-1aku5aa [id]{scroll-margin-block-start:2rem}.prose.svelte-1aku5aa h3{font-size:1.4rem;margin-block:2rem 1rem}.prose.svelte-1aku5aa p,.prose.svelte-1aku5aa ul,.prose.svelte-1aku5aa ol{margin-block:0 1.5rem}.prose.svelte-1aku5aa li+li{margin-block-start:.5rem}.prose.svelte-1aku5aa img,video.svelte-1aku5aa{display:block;inline-size:100%;block-size:auto;margin-block:2rem .75rem}.prose.svelte-1aku5aa img[role=button]{cursor:zoom-in}.prose.svelte-1aku5aa img[role=button]:focus-visible{outline:.2rem solid var(--story-accent);outline-offset:.25rem}.image-lightbox.svelte-1aku5aa{inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;border:0;padding:0;overflow:hidden;background:transparent;color:#ebf4f1}.image-lightbox.svelte-1aku5aa::backdrop{background:#0c1516ad;-webkit-backdrop-filter:blur(1rem) saturate(72%);backdrop-filter:blur(1rem) saturate(72%)}.lightbox-controls.svelte-1aku5aa{position:fixed;z-index:1;inset-block-start:max(1rem,env(safe-area-inset-top,0px));inset-inline-end:max(1rem,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:.375rem;padding:.375rem;border:1px solid oklch(55% .025 175);border-radius:2rem;background:#0c1516a3;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.lightbox-controls.svelte-1aku5aa button:where(.svelte-1aku5aa){display:grid;place-items:center;min-inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:50%;background:transparent;color:inherit;font:600 1.25rem/1 Geist Mono,monospace;cursor:pointer}.lightbox-controls.svelte-1aku5aa button:where(.svelte-1aku5aa):hover,.lightbox-controls.svelte-1aku5aa button:where(.svelte-1aku5aa):focus-visible{background:#2e4941;outline:none}.lightbox-controls.svelte-1aku5aa button:where(.svelte-1aku5aa):disabled{opacity:.35;cursor:default}.lightbox-controls.svelte-1aku5aa .zoom-value:where(.svelte-1aku5aa){inline-size:auto;min-inline-size:4rem;border-radius:1.375rem;font-size:.75rem}.lightbox-controls.svelte-1aku5aa .lightbox-close:where(.svelte-1aku5aa){margin-inline-start:.25rem;border-inline-start:1px solid oklch(55% .025 175);border-radius:0 50% 50% 0;font-size:1.75rem;font-weight:400}.lightbox-scroll.svelte-1aku5aa{display:grid;place-items:center;inline-size:100%;block-size:100%;box-sizing:border-box;padding:clamp(1rem,4vw,2rem);overflow:auto;overscroll-behavior:contain}.lightbox-frame.svelte-1aku5aa{--frame-extension: .75rem;inline-size:fit-content;margin:auto;padding:.5rem;border-radius:var(--story-figure-radius);background:#0c151657}.lightbox-image-button.svelte-1aku5aa{display:block;border:0;padding:0;background:transparent;cursor:zoom-in}.lightbox-image-button.maximum-zoom.svelte-1aku5aa{cursor:zoom-out}.lightbox-image-button.svelte-1aku5aa:focus-visible{outline:.2rem solid var(--story-accent);outline-offset:.25rem}.lightbox-image-button.svelte-1aku5aa img:where(.svelte-1aku5aa){display:block;flex:none;max-inline-size:none;max-block-size:none;block-size:auto;border-radius:calc(var(--story-figure-radius) - .125rem);cursor:inherit}.prose.svelte-1aku5aa .screenshot-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(1rem,3vw,2rem);padding:clamp(.5rem,2vw,1rem)}.prose.svelte-1aku5aa .screenshot-grid img{inline-size:auto;block-size:auto;max-inline-size:min(100%,16rem);max-block-size:min(34rem,70svh);margin:0}.prose.svelte-1aku5aa p:has(img)+p:has(em),.prose.svelte-1aku5aa .diagram+p:has(em){color:var(--story-muted);font-size:.8125rem;line-height:1.6}.prose.svelte-1aku5aa .diagram{max-inline-size:100%;margin-block-end:.75rem}.prose.svelte-1aku5aa .diagram-scroll{overflow-x:auto;padding:1rem;background:#eee5dc;scrollbar-color:#9c8777 #eee5dc}.prose.svelte-1aku5aa .diagram img{min-inline-size:40rem;margin:0}.prose.svelte-1aku5aa .media-surface>img{margin:0}video.svelte-1aku5aa{inline-size:auto;max-inline-size:100%;max-block-size:min(48rem,80svh);margin-inline:auto;background:var(--story-surface)}.video-frame.svelte-1aku5aa video:where(.svelte-1aku5aa){margin-block:0}.video-frame.svelte-1aku5aa .media-surface:where(.svelte-1aku5aa){margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}.video-frame.svelte-1aku5aa,.prose.svelte-1aku5aa .compact-media{justify-self:center;inline-size:min(100%,calc(48rem * var(--media-ratio)),calc(80svh * var(--media-ratio)))}.video-frame.svelte-1aku5aa{--media-ratio: var(--video-ratio)}.prose.svelte-1aku5aa .compact-media{--media-ratio: .4777778}.video-frame.svelte-1aku5aa figcaption:where(.svelte-1aku5aa){max-inline-size:27rem;margin:0 .5rem .5rem;padding:.5rem;border-end-start-radius:calc(var(--story-figure-radius) - .125rem);border-end-end-radius:calc(var(--story-figure-radius) - .125rem);background:var(--project-surface);text-align:center}figcaption.svelte-1aku5aa{color:var(--story-muted);font-size:.8125rem}.prose.svelte-1aku5aa code{font-family:var(--font-body-mono, "Geist Mono", monospace);font-size:.8em}.prose.svelte-1aku5aa :not(pre)>code{background:color-mix(in oklch,var(--story-bg),var(--story-ink) 16%);color:var(--story-ink);padding:.15em .3em;border-radius:.2rem}.prose.svelte-1aku5aa table{display:block;max-inline-size:100%;overflow:auto;border-collapse:collapse;margin-block:2rem}.prose.svelte-1aku5aa th,.prose.svelte-1aku5aa td{text-align:start;padding:.5rem .75rem;border:1px solid var(--story-rule)}.prose.svelte-1aku5aa blockquote{margin-inline:0;padding-inline-start:1.25rem;border-inline-start:.2rem solid var(--story-accent);color:var(--story-muted)}.story-footer.svelte-1aku5aa{margin-block-start:4rem;padding-block-start:1.5rem;border-block-start:1px dotted var(--drafting-rule)}@media(max-width:40rem){.story-page.svelte-1aku5aa{padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}.prose.svelte-1aku5aa .diagram-scroll:has(img[title=navigation-flow]):before{content:"↔ Scroll to explore the map";position:sticky;inset-inline-start:0;z-index:1;display:block;inline-size:fit-content;margin-block-end:.5rem;padding:.2rem .45rem;border:1px dotted #9c8777;background:#eee5dc;color:#495057;font-size:.75rem;line-height:1.4}.story-page.svelte-1aku5aa:lang(es) .prose:where(.svelte-1aku5aa) .diagram-scroll:has(img[title=navigation-flow]):before{content:"↔ Desliza para explorar el mapa"}[data-theme=light] .story-page.svelte-1aku5aa:before{background:linear-gradient(to right,#e3e1c7 0 68%,#e3e1c7eb 78%,#e3e1c740),#e3e1c7 url(../../../images/story-paper-light.webp) right bottom / auto 72% no-repeat}}@media print{.story-page.svelte-1aku5aa{background:#fff;color:#000;padding:0}}