.mechanic-preview[data-astro-cid-d6ibcuxj]{overflow-wrap:anywhere;grid-template:"heading""description""figure"minmax(160px,1fr)"tips""examples""footer"/minmax(0,1fr);gap:10px;block-size:100%;min-block-size:min-content;display:grid}.preview-grid[data-astro-cid-d6ibcuxj]{display:contents}.preview-header[data-astro-cid-d6ibcuxj]{grid-area:heading;min-width:0}h1[data-astro-cid-d6ibcuxj]{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(26px,3vw,56px);font-weight:550;line-height:1.08}a[data-astro-cid-d6ibcuxj]:hover{color:var(--accent)}.preview-categories[data-astro-cid-d6ibcuxj]{flex-wrap:wrap;gap:6px;display:flex}.preview-categories[data-astro-cid-d6ibcuxj] a[data-astro-cid-d6ibcuxj]{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 7px;font-size:clamp(10px,.8vw,13px)}.preview-description[data-astro-cid-d6ibcuxj]{grid-area:description;margin:0;font-size:clamp(14px,1.35vw,22px);line-height:1.45}.preview-figure[data-astro-cid-d6ibcuxj]{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;grid-area:figure;min-width:0;min-height:0;margin:0;display:flex}.preview-viewport[data-astro-cid-d6ibcuxj]{background:var(--surface);border-radius:8px 8px 0 0;flex:1;place-items:center;min-height:0;display:grid;container-type:size}.preview-image[data-astro-cid-d6ibcuxj]{width:min(100cqw, calc(100cqh * var(--image-ratio)));aspect-ratio:var(--image-ratio);position:relative;overflow:clip}img[data-astro-cid-d6ibcuxj]{width:var(--source-width);max-width:none;height:auto;left:var(--source-x);top:var(--source-y);display:block;position:absolute}.preview-marker[data-astro-cid-d6ibcuxj]{color:#fff;cursor:help;background:#c75031;border:2px solid #fff;border-radius:50%;place-items:center;width:clamp(18px,2vw,30px);height:clamp(18px,2vw,30px);padding:0;font:600 clamp(10px,1vw,14px) IBM Plex Mono,monospace;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0003}.preview-tooltip[data-astro-cid-d6ibcuxj]{border:1px solid var(--line);background:var(--ink);width:max-content;max-width:min(260px,100vw - 24px);color:var(--on-ink);overflow-wrap:anywhere;border-radius:6px;margin:0;padding:8px 10px;font:13px/1.4 Golos Text Variable,system-ui,sans-serif;position:fixed;inset:auto;box-shadow:0 4px 16px #0003}figcaption[data-astro-cid-d6ibcuxj]{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:4px;padding:8px 12px;line-height:1.25;display:flex}.preview-image-title[data-astro-cid-d6ibcuxj]{flex-wrap:wrap;align-items:baseline;gap:3px 8px;font-size:clamp(10px,.85vw,13px);display:flex}.preview-image-title[data-astro-cid-d6ibcuxj] strong[data-astro-cid-d6ibcuxj]{font-weight:600}.preview-image-title[data-astro-cid-d6ibcuxj] span[data-astro-cid-d6ibcuxj]{color:var(--muted)}.preview-legend[data-astro-cid-d6ibcuxj]{counter-reset:markers;flex-wrap:wrap;gap:3px 14px;margin:0;padding:0;font-size:clamp(10px,.8vw,12px);list-style:none;display:flex}.preview-legend[data-astro-cid-d6ibcuxj] li[data-astro-cid-d6ibcuxj]{counter-increment:markers;align-items:center;gap:5px;display:flex}.preview-legend[data-astro-cid-d6ibcuxj] li[data-astro-cid-d6ibcuxj]:before{content:counter(markers);color:var(--accent);font:500 10px IBM Plex Mono,monospace}.preview-credit[data-astro-cid-d6ibcuxj]{color:var(--muted);font-size:clamp(9px,.7vw,11px)}h2[data-astro-cid-d6ibcuxj]{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font:500 clamp(10px,.8vw,12px) IBM Plex Mono,monospace}.preview-tips[data-astro-cid-d6ibcuxj]{grid-area:tips}.preview-tips[data-astro-cid-d6ibcuxj] ul[data-astro-cid-d6ibcuxj]{margin:0;padding-left:16px;font-size:clamp(13px,1.05vw,18px);line-height:1.4}.preview-tips[data-astro-cid-d6ibcuxj] li[data-astro-cid-d6ibcuxj]+li[data-astro-cid-d6ibcuxj]{margin-top:4px}.preview-tips[data-astro-cid-d6ibcuxj] li[data-astro-cid-d6ibcuxj]::marker{color:var(--accent)}.preview-examples[data-astro-cid-d6ibcuxj]{flex-wrap:wrap;grid-area:examples;align-items:baseline;gap:4px 12px;display:flex}.preview-examples[data-astro-cid-d6ibcuxj] h2[data-astro-cid-d6ibcuxj]{margin:0}.preview-examples[data-astro-cid-d6ibcuxj] div[data-astro-cid-d6ibcuxj]{flex-wrap:wrap;gap:5px 14px;font-size:clamp(11px,.95vw,16px);display:flex}.preview-examples[data-astro-cid-d6ibcuxj] a[data-astro-cid-d6ibcuxj]{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.preview-footer[data-astro-cid-d6ibcuxj]{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:baseline;gap:4px 10px;padding-top:6px;font-size:clamp(9px,.7vw,11px);line-height:1.3;display:flex}.preview-footer[data-astro-cid-d6ibcuxj] nav[data-astro-cid-d6ibcuxj]{gap:12px;display:flex}@media (width>=740px),(width>=480px) and (height<=550px){.mechanic-preview[data-astro-cid-d6ibcuxj]{grid-template:"figure heading"minmax(auto,1fr)"figure description""figure tips""figure examples"minmax(auto,1fr)"footer footer"/minmax(0,1.15fr) minmax(0,1fr);gap:clamp(12px,2vh,24px) clamp(18px,3vw,64px)}.preview-header[data-astro-cid-d6ibcuxj]{align-self:end}.preview-examples[data-astro-cid-d6ibcuxj]{align-self:start}.preview-tips[data-astro-cid-d6ibcuxj]{border-top:1px solid var(--line);padding-top:12px}}@media (width<=739px) and (height>=551px){.mechanic-preview[data-astro-cid-d6ibcuxj]{gap:8px}}@media (width<=479px) and (height<=639px){.preview-tips[data-astro-cid-d6ibcuxj],.preview-examples[data-astro-cid-d6ibcuxj]{display:none}.mechanic-preview[data-astro-cid-d6ibcuxj]{grid-template-rows:auto auto minmax(160px,1fr) auto;grid-template-areas:"heading""description""figure""footer";gap:8px}}@media (width>=480px) and (height<=580px){.preview-examples[data-astro-cid-d6ibcuxj]{display:none}}@media (width>=480px) and (width<=619px) and (height<=550px){.preview-tips[data-astro-cid-d6ibcuxj]{display:none}}@media (width>=480px) and (height<=459px){.preview-tips[data-astro-cid-d6ibcuxj]{display:none}.mechanic-preview[data-astro-cid-d6ibcuxj]{grid-template-rows:auto 1fr auto;grid-template-areas:"figure heading""figure description""footer footer";gap:8px 16px}h1[data-astro-cid-d6ibcuxj]{margin-bottom:6px;font-size:clamp(22px,3vw,34px)}.preview-description[data-astro-cid-d6ibcuxj]{font-size:13px}.preview-image-title[data-astro-cid-d6ibcuxj] span[data-astro-cid-d6ibcuxj]{display:none}figcaption[data-astro-cid-d6ibcuxj]{gap:3px;padding:5px 8px}}@media (width<=620px) and (height<=640px),(width<=900px) and (height<=400px){.mechanic-preview[data-astro-cid-d6ibcuxj]{grid-template:"heading""description""figure"minmax(0,1fr)/minmax(0,1fr);gap:12px;min-block-size:0}.preview-categories[data-astro-cid-d6ibcuxj],figcaption[data-astro-cid-d6ibcuxj],.preview-tips[data-astro-cid-d6ibcuxj],.preview-examples[data-astro-cid-d6ibcuxj],.preview-footer[data-astro-cid-d6ibcuxj]{display:none}h1[data-astro-cid-d6ibcuxj]{margin:0}.preview-figure[data-astro-cid-d6ibcuxj]{background:0 0;border:0}.preview-viewport[data-astro-cid-d6ibcuxj]{background:0 0;border-radius:8px}.preview-image[data-astro-cid-d6ibcuxj]{background:#fff;border-radius:8px}}@media (width>=480px) and (width<=900px) and (height<=400px){.mechanic-preview[data-astro-cid-d6ibcuxj]{grid-template:"figure heading"1fr"figure description"1fr/minmax(0,1fr) minmax(0,1fr);column-gap:16px}.preview-description[data-astro-cid-d6ibcuxj]{align-self:start}}@media (width<=479px) and (height<=400px){.mechanic-preview[data-astro-cid-d6ibcuxj]{display:flow-root}.preview-header[data-astro-cid-d6ibcuxj]{margin-bottom:12px}h1[data-astro-cid-d6ibcuxj]{font-size:24px}.preview-figure[data-astro-cid-d6ibcuxj]{float:inline-end;aspect-ratio:1;width:min(50%,100svh - 80px);margin:0 0 8px 12px}.preview-viewport[data-astro-cid-d6ibcuxj]{block-size:100%}.preview-description[data-astro-cid-d6ibcuxj]{font-size:14px}}@container mechanic-shell (width<=230px){.mechanic-preview[data-astro-cid-d6ibcuxj]{flex-direction:column;block-size:auto;display:flex}.preview-figure[data-astro-cid-d6ibcuxj]{float:none;width:auto;flex:none;block-size:270px}.preview-tips[data-astro-cid-d6ibcuxj],.preview-examples[data-astro-cid-d6ibcuxj]{display:block}}