.hw-container{box-sizing:border-box;width:100%;max-width:96rem;margin-inline:auto;padding-inline:1rem}.hw-header{--hw-bg:var(--background,var(--color-bg));--hw-fg:var(--foreground,var(--color-ink));--hw-accent:var(--accent,var(--color-teal-dark));z-index:50;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border,var(--color-border));background:color-mix(in srgb, var(--hw-bg) 70%, transparent);backdrop-filter:blur(8px);color:var(--hw-fg);font-family:var(--font-sans);position:sticky;top:0}.hw-header-strip{height:var(--spacing-strip);background:linear-gradient(to right in oklab, var(--color-teal), var(--color-purple))}.hw-header-row{height:var(--spacing-header-row);justify-content:space-between;align-items:center;gap:.25rem;display:flex}.hw-header-brand{min-height:var(--spacing-logo);color:var(--hw-fg);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.41rem;margin-right:.75rem;text-decoration:none;display:flex}.hw-header-logo,.hw-header-logo-night{width:auto;height:var(--spacing-logo);translate:0 var(--logo-wizard-lift);flex-shrink:0;display:block}.hw-header-logo-night{height:calc(var(--spacing-logo) * 1640.61 / 1489);display:none}html[data-theme=dark] .hw-header-logo{display:none}html[data-theme=dark] .hw-header-logo-night{display:block}@media (prefers-color-scheme:dark){html[data-theme=auto] .hw-header-logo{display:none}html[data-theme=auto] .hw-header-logo-night{display:block}}.hw-header-product{clip-path:inset(50%);width:1px;height:1px;font-size:.875rem;font-weight:400;line-height:1;position:absolute;overflow:hidden}@media (width>=48rem){.hw-header-brand{margin-right:1.5rem}}@media (width>=64rem){.hw-header-product{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.hw-header-nav{scrollbar-width:none;align-items:center;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.hw-header-link{border-radius:var(--radius-sm);color:color-mix(in srgb, var(--hw-fg) 70%, transparent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.hw-header-link:focus-visible{outline-offset:-2px}.hw-header-link:hover{background:color-mix(in srgb, var(--muted,var(--color-tint)) 40%, transparent);color:var(--hw-fg)}.hw-header-link[aria-current=page],.hw-header-link[aria-expanded=true]{background:color-mix(in srgb, var(--hw-accent) 7%, transparent);color:var(--hw-accent);font-weight:500}.hw-header-sep{background:color-mix(in srgb, var(--hw-fg) 7%, transparent);flex-shrink:0;width:1px;height:1rem;margin-inline:.25rem}@media (width<=29.99rem){.hw-header-row{gap:0}.hw-header-brand{margin-right:.25rem}.hw-header-nav{gap:0}.hw-header-link{padding-inline:.375rem;font-size:.8125rem}}@keyframes hw-header-nav-fade{0%,95%{mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000)}to{mask-image:none}}@supports (animation-timeline:scroll()){.hw-header-nav{animation:linear both hw-header-nav-fade scroll(self inline)}}@layer components{.hw-catalogue{--hw-cat-fg:var(--foreground,var(--color-ink));--hw-cat-muted:color-mix(in srgb, var(--hw-cat-fg) 70%, transparent);--hw-cat-line:var(--border,var(--color-border));--hw-cat-accent:var(--accent,var(--color-teal-dark));color:var(--hw-cat-fg);font-family:var(--font-sans);grid-template-columns:15rem minmax(0,1fr);gap:2rem;padding-block:1.5rem 3rem;display:grid}.hw-catalogue-rail{top:calc(var(--spacing-app-header,4rem) + 1.5rem);max-height:calc(100vh - var(--spacing-app-header,4rem) - 3rem);align-self:start;position:sticky;overflow-y:auto}.hw-catalogue-search{box-sizing:border-box;width:100%;min-height:var(--hw-control-height,2.5rem);border:1px solid var(--hw-cat-line);border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:var(--text-ui,.875rem);background:0 0;margin-bottom:1rem;padding:0 .75rem}.hw-catalogue-rail ul,.hw-catalogue-grid{margin:0;padding:0;list-style:none}.hw-catalogue-rail a{border-radius:var(--radius-sm);color:inherit;font-size:var(--text-ui,.875rem);justify-content:space-between;gap:.5rem;padding:.25rem .5rem;text-decoration:none;display:flex}.hw-catalogue-rail a:hover{background:color-mix(in srgb, var(--hw-cat-fg) 6%, transparent)}.hw-catalogue-count{color:var(--hw-cat-muted);font-family:var(--font-mono);font-size:var(--text-micro,.75rem);font-weight:400}.hw-catalogue-main{padding-inline-end:1rem}.hw-catalogue-main h1{font-family:var(--font-mono);font-size:var(--text-page,1.5rem);margin:0;line-height:1.25}.hw-catalogue-lead{max-width:48rem;font-size:var(--text-subheading,1rem);margin:.5rem 0 0;line-height:1.5}.hw-catalogue-provenance{color:var(--hw-cat-muted);font-family:var(--font-mono);font-size:var(--text-micro,.75rem);margin:.5rem 0 0}.hw-catalogue-group{scroll-margin-top:calc(var(--spacing-app-header,4rem) + 1rem);margin-top:2.5rem}.hw-catalogue-group h2{font-family:var(--font-mono);font-size:var(--text-heading,1.25rem);margin:0 0 1rem;line-height:1.3}.hw-catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem;display:grid}.hw-catalogue-tile{height:100%;color:inherit;flex-direction:column;align-items:flex-start;gap:.375rem;text-decoration:none;transition:border-color .15s;display:flex}.hw-catalogue-tile:hover{border-color:var(--hw-cat-accent)}.hw-catalogue-preview{box-sizing:border-box;border:1px solid var(--hw-cat-line);border-radius:var(--radius-sm);background:var(--background,var(--color-bg));width:100%;height:13.5rem;margin-bottom:.25rem;display:block;position:relative;overflow:hidden}.hw-catalogue-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:133.333%;height:133.333%;position:absolute;top:0;left:0;transform:scale(.75)}.hw-catalogue-preview[data-frame-width]{height:auto}.hw-catalogue-preview[data-frame-width] iframe{transform:scale(.2)}.hw-catalogue-preview img{object-fit:contain;width:100%;height:100%}.hw-catalogue-name{font-size:var(--text-ui,.875rem);font-weight:600}.hw-catalogue-note{color:var(--hw-cat-muted);font-size:var(--text-ui,.875rem)}.hw-catalogue [hidden]{display:none}@media (width<=48rem){.hw-catalogue{grid-template-columns:minmax(0,1fr)}.hw-catalogue-rail{max-height:none;position:static}.hw-catalogue-rail nav{display:none}}.hw-disclosure>summary{cursor:pointer;user-select:none;align-items:center;gap:.5rem;list-style:none;display:flex}.hw-disclosure>summary::-webkit-details-marker{display:none}:where(.hw-disclosure>summary):focus-visible{outline:2px solid var(--focus,var(--color-purple));outline-offset:2px;border-radius:var(--radius-sm)}.hw-disclosure>summary:before,.hw-disclosure-chevron{content:"";background-color:currentColor;flex-shrink:0;width:1em;height:1em;transition:transform .15s cubic-bezier(.4,0,.2,1);display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.hw-disclosure>summary:has(.hw-disclosure-chevron):before{content:none}.hw-disclosure[open]>summary:before,.hw-disclosure[open]>summary .hw-disclosure-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.hw-disclosure>summary:before,.hw-disclosure-chevron{transition:none}}.hw-disclosure-count{font-family:var(--font-mono);font-size:var(--text-micro,.75rem);font-weight:500;line-height:var(--text-micro--line-height,calc(16 / 12));border-radius:var(--radius-pill);color:color-mix(in srgb, var(--foreground,var(--color-ink)) 70%, transparent);background:color-mix(in srgb, var(--foreground,var(--color-ink)) 7%, transparent);padding:.0625rem .375rem}}[data-astrobook-root][data-active-story=""] main{padding:0}.ds-foundations[data-astro-cid-y56flkz2]{max-width:60rem;font-size:var(--text-ui);margin-top:1.5rem;line-height:1.6}.ds-foundations[data-astro-cid-y56flkz2] p[data-astro-cid-y56flkz2],.ds-foundations[data-astro-cid-y56flkz2] details[data-astro-cid-y56flkz2]{margin:0 0 .75rem}.ds-foundations[data-astro-cid-y56flkz2] code[data-astro-cid-y56flkz2]+code[data-astro-cid-y56flkz2]{margin-left:.5rem}