.screenshot-card[data-astro-cid-44zvjg3z]{gap:var(--space-s);min-inline-size:0;padding:var(--space-m);border:var(--border);border-radius:calc(var(--radius-l) * 2);background:color-mix(in srgb, var(--neutral) 40%, var(--base));flex-direction:column;scroll-margin-block-start:calc(var(--section-space-s) + var(--space-xxl));display:flex;&>[data-astro-cid-44zvjg3z][hidden]{display:none}}.screenshot-card__top[data-astro-cid-44zvjg3z]{justify-content:space-between;align-items:center;display:flex}.screenshot-card__number[data-astro-cid-44zvjg3z]{font-size:var(--text-xs);color:var(--primary)}.screenshot-card__link[data-astro-cid-44zvjg3z]{min-inline-size:var(--tap-target);min-block-size:var(--tap-target);color:var(--base-400);border-radius:var(--radius-s);place-items:center;display:grid;&:hover,&:focus-visible{color:var(--primary);background:var(--primary-10)}}.screenshot-card__icon[data-astro-cid-44zvjg3z]{flex:none;block-size:1em;inline-size:1em}.screenshot-card__image[data-astro-cid-44zvjg3z]{inline-size:100%;block-size:calc(var(--space-xxl) * 2 + var(--space-m));object-fit:contain;border-radius:var(--radius-l);background:var(--base);display:block}.screenshot-card__title[data-astro-cid-44zvjg3z]{font-size:var(--h5)}.screenshot-card__description[data-astro-cid-44zvjg3z]{font-size:var(--text-s);color:var(--neutral-300)}.screenshot-card__hint[data-astro-cid-44zvjg3z]{align-items:flex-start;gap:var(--space-xs);font-size:var(--text-xs);color:var(--base-400);margin-block-start:auto;padding-block-start:var(--space-s);display:flex;&>svg[data-astro-cid-44zvjg3z]{margin-block-start:.3em}}.screenshot-page{isolation:isolate;padding:calc(var(--section-space-xl) + var(--section-space-s)) var(--site-padding) var(--section-space-m);background:var(--base);position:relative;overflow:hidden;@media (width>=1101px){padding-inline:clamp(8rem,11.14vw,12rem)}&:before{content:"";z-index:-1;background:radial-gradient(ellipse at 90% 50%, var(--primary-10), transparent 60%);position:absolute;inset:0}}.screenshot-page__shader{z-index:-1;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.screenshot-page__inner{align-items:flex-start;gap:var(--space-l);inline-size:100%;max-inline-size:var(--content-width);flex-direction:column;margin-inline:auto;display:flex}.screenshot-page__eyebrow{align-items:center;gap:var(--space-s);font-size:var(--text-xs);color:var(--primary);border:1px solid var(--primary-30);letter-spacing:.14em;border-radius:999px;padding:.5em 1.15em;font-weight:600;display:inline-flex;&:before{content:"";background:currentColor;border-radius:50%;block-size:.5em;inline-size:.5em}}.screenshot-page__title{font-size:calc(var(--h1) * 1.55)}.screenshot-page__line{transform-origin:0 100%;display:block}.screenshot-page__lead{font-size:var(--text-xl);color:var(--neutral-300);inline-size:min(100%,51.25rem)}.screenshot-page__actions{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex;@media (width<=700px){justify-content:center;inline-size:100%;&>.button-028{max-inline-size:100%}}}.screenshot-page__status{color:var(--neutral-300);font-size:var(--text-s);@media (width<=700px){text-align:center;align-self:center}}.screenshot-page__find{font-size:var(--text-s);@media (width<=700px){align-self:center}}.screenshot-page__search-icon{block-size:1em;inline-size:1em}.screenshot-page__key{font-size:var(--text-xs);color:var(--base-400);background:var(--base-200);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s)}.screenshot-chapter{border-block-start:var(--border);padding:var(--section-space-l) var(--site-padding);@media (width>=1101px){padding-inline:clamp(8rem,11.14vw,12rem)}}.screenshot-chapter__inner{gap:var(--space-l);inline-size:100%;max-inline-size:var(--content-width);flex-direction:column;margin-inline:auto;display:flex}.screenshot-chapter__overview{gap:var(--section-space-m);grid-template-columns:minmax(0,.67fr) minmax(0,1fr);align-items:center;padding-block-end:var(--space-xl);display:grid;.screenshot-chapter--reverse &{grid-template-columns:minmax(0,1fr) minmax(0,.67fr)}@media (width<=1000px){gap:var(--space-xl);grid-template-columns:minmax(0,1fr);.screenshot-chapter--reverse &{grid-template-columns:minmax(0,1fr)}}}.screenshot-chapter__intro{gap:var(--space-m);flex-direction:column;display:flex;.screenshot-chapter--reverse &{order:2}@media (width<=1000px){.screenshot-chapter--reverse &{order:initial}}}.screenshot-chapter__number{font-size:var(--text-xl);color:var(--primary)}.screenshot-chapter__title{font-size:calc(var(--h2) * 1.25)}.screenshot-chapter__description{font-size:var(--text-l);color:var(--neutral-300)}.screenshot-chapter__bullets{gap:var(--space-s);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.screenshot-chapter__bullet{align-items:flex-start;gap:var(--space-s);font-size:var(--text-s);flex-direction:row;margin:0;padding:0;display:flex}.screenshot-chapter__check{block-size:1.5em;inline-size:1.5em;color:var(--primary);background:var(--primary-10);border-radius:50%;flex:none;place-items:center;display:grid}.screenshot-chapter__icon{flex:none;block-size:1em;inline-size:1em}.screenshot-chapter__visual{border-radius:calc(var(--radius-l) * 3);cursor:zoom-in;background:0 0;border:0;inline-size:100%;padding:0;display:block;position:relative;overflow:hidden}.screenshot-chapter__image{border-radius:0;block-size:auto;inline-size:100%;display:block}.screenshot-chapter__zoom{right:var(--space-m);bottom:var(--space-m);inline-size:var(--tap-target);block-size:var(--tap-target);background:var(--base-70);color:var(--secondary);border:var(--border);border-radius:var(--radius-l);place-items:center;display:grid;position:absolute;&:hover{color:var(--primary)}}.screenshot-chapter__feature-heading{align-items:center;gap:var(--space-s);display:flex}.screenshot-chapter__small-number{font-size:var(--text-xs);color:var(--primary)}.screenshot-chapter__feature-label{font-size:var(--text-xs);color:var(--neutral-300);letter-spacing:.12em}.screenshot-chapter__rule{background:var(--border-light);flex:1;block-size:1px}.screenshot-chapter__grid{gap:var(--space-m);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;&[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}&[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}&[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1200px){&,&[data-columns="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}&[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){&,&[data-columns="5"],&[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){&,&[data-columns="5"],&[data-columns="3"],&[data-columns="2"]{grid-template-columns:minmax(0,1fr)}}}.chapter-rail{z-index:80;inline-size:var(--rail-width,4rem);opacity:0;visibility:hidden;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:2.375rem;block-size:29.375rem;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:calc(var(--space-l) - 2px);transform:translateY(-50%);@media (width<=1100px),(height<=650px){gap:0;block-size:auto;inline-size:auto;inset-block-start:auto;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom));inset-inline-start:auto;inset-inline-end:var(--site-padding);transform:none}}.chapter-rail__track{flex:none;block-size:23.75rem;inline-size:100%;position:relative;@media (width<=1100px),(height<=650px){display:none}}.chapter-rail__line{background:var(--base-200);border-radius:1px;block-size:20rem;inline-size:2px;position:absolute;inset-block-start:1.875rem;inset-inline-start:9px}.chapter-rail__progress{transform-origin:top;background:var(--primary);border-radius:inherit;block-size:100%;inline-size:100%;display:block;transform:scaleY(0)}.chapter-rail__list{flex-direction:column;gap:0;inline-size:100%;margin:0;padding:0;list-style:none;display:flex;position:relative;inset-block-start:-.625rem}.chapter-rail__item{flex-direction:row;flex:none;justify-content:flex-start;align-items:center;block-size:5rem;inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.chapter-rail__link{inline-size:100%;min-block-size:var(--tap-target);color:var(--base-400);border-radius:var(--radius-s);align-items:center;gap:0;text-decoration:none;display:flex;&[aria-current=location]{color:var(--primary)}}.chapter-rail__node{box-sizing:border-box;background:var(--neutral);border:1.5px solid color-mix(in srgb, var(--base-400) 38%, var(--base-300));border-radius:4px;flex:none;block-size:12px;inline-size:12px;margin-inline:4px 22px;display:block}.chapter-rail__number{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--heading-weight);flex:none;margin-inline-end:var(--space-xs);line-height:1}.chapter-rail__name{color:var(--neutral-300);font-family:var(--font-heading);font-size:calc(var(--text-m) * 17 / 18);font-weight:var(--heading-weight);letter-spacing:-.3px;opacity:0;white-space:nowrap;flex:none;inline-size:0;line-height:1;overflow:hidden}.chapter-rail__search{min-block-size:var(--tap-target);color:var(--neutral-200);cursor:pointer;background:0 0;border:0;align-items:center;gap:0;padding:0;display:flex;@media (width<=1100px),(height<=650px){padding:var(--space-s);background:var(--neutral);border:var(--border-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-m)}}.chapter-rail__search-cell{box-sizing:border-box;block-size:20px;inline-size:20px;border:1.5px solid color-mix(in srgb, var(--base-400) 38%, var(--base-300));color:color-mix(in srgb, var(--neutral-200) 80%, var(--neutral-300));border-radius:6px;flex:none;place-items:center;margin-inline-end:var(--space-s);display:grid}.chapter-rail__icon{block-size:11px;inline-size:11px}.chapter-rail__shortcut{--shortcut-reveal:0;box-sizing:border-box;white-space:nowrap;font-family:var(--font-primary);font-size:calc(var(--text-xs) * (12 - var(--shortcut-reveal)) / 13);font-weight:calc(500 + 100 * var(--shortcut-reveal));color:color-mix(in srgb, var(--neutral-200) calc(var(--shortcut-reveal) * 80%), var(--base-400));padding:calc(var(--shortcut-reveal) * 2px) calc(var(--shortcut-reveal) * 7px);background:color-mix(in srgb, var(--base-200) calc(var(--shortcut-reveal) * 100%), transparent);border:calc(var(--shortcut-reveal) * 1px) solid var(--base-300);border-radius:6px;flex:none;line-height:1.5;@media (hover:none){display:none}}.feature-search{inline-size:min(52.5rem, calc(100% - 2 * var(--site-padding)));max-inline-size:none;max-block-size:calc(100dvh - 2 * var(--space-xl));background:var(--neutral);color:var(--secondary);border:var(--border-strong);border-radius:calc(var(--radius-l) * 1.5);box-shadow:var(--shadow-l);margin:min(12vh,8.125rem) auto auto;padding:0;overflow:hidden;&::backdrop{background:var(--black-70);backdrop-filter:blur(8px);opacity:var(--scrim-opacity,1)}@media (width<=600px){max-block-size:calc(100dvh - 2 * var(--space-m));margin-block-start:var(--space-m)}max-block-size:calc(100dvh - min(12vh, 8.125rem) - var(--space-m));@media (width<=600px){max-block-size:calc(100dvh - 2 * var(--space-m))}}.feature-search__panel{max-block-size:inherit;flex-direction:column;gap:0;display:flex}.feature-search__bar{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-block-end:var(--border);flex:none;min-block-size:4.25rem;display:flex}.feature-search__search-icon{block-size:1.375rem;inline-size:1.375rem;color:var(--neutral-300);flex:none}.feature-search__input{inline-size:100%;min-inline-size:0;color:var(--secondary);font-family:var(--font-heading);font-size:var(--text-xl);background:0 0;border:none;border-radius:0;outline:none;padding:0;&::placeholder{color:var(--base-400)}&::-webkit-search-cancel-button{cursor:pointer}}.feature-search__close{min-inline-size:var(--tap-target);min-block-size:var(--tap-target);font-size:var(--text-xs);padding:var(--space-xs) var(--space-s);color:var(--neutral-200);background:var(--base-200);border:var(--border-strong);border-radius:var(--radius-m);cursor:pointer;place-items:center;display:grid;&:hover{color:var(--primary)}}.feature-search__results{gap:var(--space-s);padding:var(--space-s);overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:0;display:grid;overflow-y:auto;&[hidden]{display:none}@media (width<=600px){grid-template-columns:minmax(0,1fr)}&:has(>.feature-search__column[hidden]){grid-template-columns:minmax(0,1fr)}}.feature-search__column{gap:var(--space-xs);flex-direction:column;min-inline-size:0;display:flex;&[hidden]{display:none}}.feature-search__group{flex-direction:column;gap:2px;display:flex;&[hidden]{display:none}}.feature-search__group-label{gap:var(--space-s);padding:var(--space-s) var(--space-s) var(--space-xs);color:var(--base-400);font-size:var(--text-xs);letter-spacing:.1em;display:flex}.feature-search__group-number{color:var(--primary)}.feature-search__result{align-items:center;gap:var(--space-s);inline-size:100%;min-inline-size:0;padding:var(--space-s);text-align:start;border-radius:var(--radius-l);color:var(--neutral-200);cursor:pointer;background:0 0;border:0;display:flex;&[hidden]{display:none}&[aria-selected=true]{background:var(--base-200);color:var(--secondary)}}.feature-search__chip{background:var(--primary-10);border:1px solid var(--primary-30);border-radius:var(--radius-l);block-size:2.125rem;inline-size:2.125rem;color:var(--primary);flex:none;place-items:center;display:grid;.feature-search__result[aria-selected=true] &{background:var(--primary);color:var(--base)}}.feature-search__icon{block-size:1.0625rem;inline-size:1.0625rem}.feature-search__title{min-inline-size:0;font-family:var(--font-heading);font-size:var(--text-l);font-weight:var(--heading-weight);flex:1}.feature-search__anchor{font-size:var(--text-xs);color:var(--base-400)}.feature-search__jump{padding:var(--space-xs) var(--space-s);background:var(--neutral);border:var(--border-strong);border-radius:var(--radius-s);font-size:var(--text-xs);color:var(--neutral-300);display:none;.feature-search__result[aria-selected=true] &{display:block}@media (width<=800px){.feature-search__result[aria-selected=true] &{display:none}}}.feature-search__empty{padding:var(--space-xl);color:var(--neutral-300);font-size:var(--text-m);&[hidden]{display:none}}.feature-search__footer{align-items:center;gap:var(--space-m);padding:var(--space-s) var(--space-m);border-block-start:var(--border);background:color-mix(in srgb, var(--neutral) 75%, var(--base));flex-wrap:wrap;flex:none;display:flex;@media (hover:none){display:none}}.feature-search__hint{align-items:center;gap:var(--space-s);font-size:var(--text-xs);color:var(--base-400);display:flex}.feature-search__key{font-size:var(--text-xs);padding:var(--space-xs) var(--space-s);color:var(--neutral-200);background:var(--base-200);border:var(--border-strong);border-radius:var(--radius-s)}.screenshot-viewer{inline-size:min(76rem, calc(100% - 2 * var(--site-padding)));max-inline-size:none;max-block-size:calc(100dvh - 2 * var(--space-m));background:var(--base);color:var(--secondary);border:var(--border-strong);border-radius:calc(var(--radius-l) * 2);box-shadow:var(--shadow-l);padding:0;overflow:hidden;&::backdrop{background:var(--black-70);backdrop-filter:blur(8px);opacity:var(--scrim-opacity,1)}}.screenshot-viewer__panel{max-block-size:inherit;flex-direction:column;gap:0;display:flex}.screenshot-viewer__bar{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-m);flex:none;display:flex}.screenshot-viewer__title{font-size:var(--h4)}.screenshot-viewer__close{min-inline-size:var(--tap-target);min-block-size:var(--tap-target);border:var(--border);background:var(--neutral);color:var(--secondary);border-radius:var(--radius-l);cursor:pointer;flex:none;place-items:center;display:grid;&:hover{color:var(--primary)}}.screenshot-viewer__icon{block-size:1.25em;inline-size:1.25em}.screenshot-viewer__image{object-fit:contain;border-radius:0;block-size:auto;min-block-size:0;inline-size:100%;display:block}.chapter-rail__search-name{opacity:0;white-space:nowrap;inline-size:0;font-size:calc(var(--text-s) * 14 / 15);flex:none;font-weight:500;line-height:1;display:block;overflow:hidden}