@layer components{.hw-catalog{--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));--hw-cat-wash:color-mix(in srgb, var(--hw-cat-accent) 14%, transparent);--hw-cat-above:1.5rem;--hw-cat-below:3rem;padding-block:var(--hw-cat-above) var(--hw-cat-below);color:var(--hw-cat-fg);font-family:var(--font-sans);grid-template-columns:15rem minmax(0,1fr);gap:2rem;display:grid}.hw-catalog-rail{top:calc(var(--spacing-app-header,4rem) + var(--hw-cat-above));max-height:calc(100vh - var(--spacing-app-header,4rem) - var(--hw-cat-above) - var(--hw-cat-below));flex-direction:column;align-self:start;display:flex;position:sticky}.hw-catalog-rail>nav{min-height:0;overflow-y:auto}.hw-catalog-rail>.hw-search{margin-bottom:1rem}.hw-catalog-rail a{--hw-focus-offset:-3px}.hw-catalog-rail .hw-catalog-names{margin-block:.125rem .75rem}.hw-catalog-count{color:var(--hw-cat-muted);font-family:var(--font-mono);font-size:var(--text-micro,.75rem);font-weight:400}.hw-catalog-main{padding-inline-end:1rem}.hw-catalog-main h1{font-family:var(--font-mono);font-size:var(--text-page,1.5rem);margin:0;line-height:1.25}:where(:is(.hw-catalog-main,.hw-catalog-text)>p,:is(.hw-catalog-main,.hw-catalog-text)>:not(section)>p,:is(.hw-catalog-main,.hw-catalog-text)>:not(section)>:is(details,section)>p){max-width:48rem;line-height:1.5}:where(.hw-catalog-text>h3,.hw-catalog-text>:not(section)>h3){font-family:var(--font-mono);font-size:var(--text-subheading,1rem);line-height:var(--text-subheading--line-height,1.35);margin:2.5rem 0 .5rem}:where(.hw-catalog-text>:first-child,.hw-catalog-text>:first-child:not(section)>h3:first-child){margin-top:0}.hw-catalog-lead{font-size:var(--text-subheading,1rem);margin:.5rem 0 0}.hw-catalog-provenance{color:var(--hw-cat-muted);font-size:var(--text-ui,.875rem);margin:.5rem 0 0}.hw-catalog-group{scroll-margin-top:calc(var(--spacing-app-header,4rem) + 1rem);margin-top:2.5rem}.hw-catalog-group>h2{font-family:var(--font-mono);font-size:var(--text-heading,1.25rem);margin:0 0 1rem;line-height:1.3}.hw-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.hw-catalog-tile{height:100%;color:inherit;flex-direction:column;align-items:flex-start;gap:.375rem;text-decoration:none;transition:border-color .15s;display:flex}.hw-catalog-tile:hover{border-color:var(--hw-cat-accent)}.hw-catalog-preview{box-sizing:border-box;border:1px solid var(--hw-cat-line);border-radius:var(--hw-card-corner,var(--radius-brand));background:var(--background,var(--color-bg));width:100%;height:10rem;margin-bottom:.25rem;display:block;position:relative;overflow:hidden}.hw-catalog-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-catalog-preview[data-frame-width]{height:auto}.hw-catalog-preview[data-frame-width] iframe{transform:scale(.2)}.hw-catalog-preview img{object-fit:contain;width:100%;height:100%}.hw-catalog-name{font-size:var(--text-ui,.875rem);font-weight:600}.hw-catalog-note{color:var(--hw-cat-muted);font-size:var(--text-ui,.875rem)}.hw-catalog [hidden]{display:none}@media (width<=48rem){.hw-catalog{grid-template-columns:minmax(0,1fr)}.hw-catalog-rail{max-height:none;position:static}.hw-catalog-rail>nav{overflow:visible}.hw-catalog-rail>.hw-search{margin-bottom:.5rem}.hw-catalog-rail .hw-nav ul{scrollbar-width:none;flex-direction:row;gap:.375rem;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.hw-catalog-rail li{flex:none}.hw-catalog-rail .hw-catalog-names{display:none}.hw-catalog-rail .hw-nav a{box-sizing:border-box;border:1px solid var(--hw-cat-line);border-radius:var(--radius-pill,999px);white-space:nowrap;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .875rem}.hw-catalog-rail li:has(a[aria-current])>a{border-color:var(--hw-cat-accent);background:var(--hw-cat-wash)}}}[data-astrobook-root][data-active-story=""] main{padding:0}.swatch[data-astro-cid-y56flkz2]{vertical-align:-.15em;border:1px solid var(--color-border);width:1em;height:1em;margin-right:.5em;display:inline-block}.tiles[data-astro-cid-y56flkz2]{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-top:1.5rem;display:grid}.tiles[data-astro-cid-y56flkz2] p[data-astro-cid-y56flkz2]{margin:0 0 .5rem}.note[data-astro-cid-y56flkz2]{color:var(--color-muted)}