.wrap[data-astro-cid-7t5tbuqj]{max-width:var(--maxw);padding-inline:var(--s-4);margin-inline:auto}.topic-hero[data-astro-cid-7t5tbuqj]{background:color-mix(in srgb, var(--formula-tint) 45%, var(--paper));border-bottom:1px solid var(--grid);padding-block:var(--s-7);position:relative;overflow:hidden}.topic-hero[data-astro-cid-7t5tbuqj]:before{content:"";background-image:linear-gradient(#14201a0d 1px,#0000 1px),linear-gradient(90deg,#14201a0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;mask-image:linear-gradient(#000 0% 58%,#0000 100%)}.topic-hero__inner[data-astro-cid-7t5tbuqj]{align-items:center;gap:var(--s-6);z-index:2;grid-template-columns:minmax(0,.86fr) minmax(320px,1fr);display:grid;position:relative}.topic-hero__badge[data-astro-cid-7t5tbuqj]{background:var(--amber-tint);color:var(--amber-text);font-size:var(--step--1);margin-top:var(--s-3);border-radius:100px;width:fit-content;padding:4px 14px;font-weight:600;display:inline-block}.topic-hero__h[data-astro-cid-7t5tbuqj]{font-size:var(--step-6);margin-block:var(--s-3) var(--s-3);max-width:680px}.topic-hero__sub[data-astro-cid-7t5tbuqj]{color:var(--ink-soft);font-size:var(--step-1);max-width:620px;line-height:1.55}.topic-hero__actions[data-astro-cid-7t5tbuqj]{gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.topic-hero__frame[data-astro-cid-7t5tbuqj]{position:relative}.topic-hero__shape[data-astro-cid-7t5tbuqj]{z-index:0;width:96px;height:96px;position:absolute}.topic-hero__shape--a[data-astro-cid-7t5tbuqj]{fill:var(--formula);top:-22px;left:-22px}.topic-hero__shape--b[data-astro-cid-7t5tbuqj]{fill:var(--amber);bottom:-22px;right:-22px}.topic-hero__media[data-astro-cid-7t5tbuqj]{aspect-ratio:16/9;background:var(--paper-2);border:1px solid var(--paper);clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,8% 100%,0 90%);box-shadow:var(--shadow-lg);z-index:1;margin:0;position:relative;overflow:hidden}.topic-hero__media[data-astro-cid-7t5tbuqj] img[data-astro-cid-7t5tbuqj]{object-fit:cover;width:100%;height:100%;display:block}.block[data-astro-cid-7t5tbuqj]{padding-block:var(--s-7)}.block__head[data-astro-cid-7t5tbuqj]{margin-bottom:var(--s-5)}.block__h[data-astro-cid-7t5tbuqj]{font-size:var(--step-4);margin-top:var(--s-3)}.block__p[data-astro-cid-7t5tbuqj]{color:var(--ink-soft);font-size:var(--step-1);max-width:700px;line-height:1.55}.subtopics[data-astro-cid-7t5tbuqj]{align-items:start;gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subtopic[data-astro-cid-7t5tbuqj]{background:var(--paper);border:1px solid var(--grid);border-radius:var(--radius-lg);gap:var(--s-3);padding:var(--s-4);flex-direction:column;display:flex}.subtopic__head[data-astro-cid-7t5tbuqj]{align-items:center;gap:var(--s-3);justify-content:space-between;display:flex}.subtopic__num[data-astro-cid-7t5tbuqj]{color:var(--formula-text)}.subtopic__level[data-astro-cid-7t5tbuqj]{font-size:var(--step--1);border-radius:100px;padding:3px 10px;font-weight:500}.level--beginner[data-astro-cid-7t5tbuqj]{background:var(--formula-tint);color:var(--formula-text)}.level--intermediate[data-astro-cid-7t5tbuqj]{background:var(--amber-tint);color:var(--amber-text)}.level--advanced[data-astro-cid-7t5tbuqj]{background:var(--paper-2);color:var(--ink-soft)}.subtopic[data-astro-cid-7t5tbuqj] h3[data-astro-cid-7t5tbuqj]{font-size:var(--step-2)}.subtopic[data-astro-cid-7t5tbuqj] p[data-astro-cid-7t5tbuqj]{color:var(--ink-soft);line-height:1.5}.subtopic__functions[data-astro-cid-7t5tbuqj]{flex-wrap:wrap;gap:6px;display:flex}.subtopic__fn[data-astro-cid-7t5tbuqj]{background:var(--formula-tint);border-radius:var(--radius);color:var(--formula-text);font-size:var(--step--1);padding:3px 8px}.video-slot[data-astro-cid-7t5tbuqj]{border:1px dashed var(--grid-strong);border-radius:var(--radius);color:var(--ink-soft);gap:var(--s-1);padding:var(--s-3);margin-top:auto;display:grid}.video-slot__label[data-astro-cid-7t5tbuqj]{color:var(--formula-text);font-size:var(--step--1)}.video-list[data-astro-cid-7t5tbuqj]{gap:var(--s-2);display:grid}.video-slot--notes[data-astro-cid-7t5tbuqj]{border-style:solid}.video-slot__notes[data-astro-cid-7t5tbuqj]{font-size:var(--step--1);gap:6px;margin:0;padding-left:1.1em;line-height:1.45;display:grid}.video-slot__notes[data-astro-cid-7t5tbuqj] li[data-astro-cid-7t5tbuqj]{padding-left:2px}.topic-videos[data-astro-cid-7t5tbuqj]{border-top:1px solid var(--grid)}.topic-video-grid[data-astro-cid-7t5tbuqj]{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related[data-astro-cid-7t5tbuqj]{border-top:1px solid var(--grid)}.related__grid[data-astro-cid-7t5tbuqj]{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.related__card[data-astro-cid-7t5tbuqj]{border:1px solid var(--grid);border-radius:var(--radius-lg);gap:var(--s-2);padding:var(--s-4);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);flex-direction:column;display:flex}.related__card[data-astro-cid-7t5tbuqj]:hover{border-color:var(--formula);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.related__count[data-astro-cid-7t5tbuqj]{color:var(--formula-text);font-size:var(--step--1)}.related__card[data-astro-cid-7t5tbuqj] h3[data-astro-cid-7t5tbuqj]{font-size:var(--step-2)}.related__card[data-astro-cid-7t5tbuqj] p[data-astro-cid-7t5tbuqj]{color:var(--ink-soft);line-height:1.5}@media (width<=940px){.topic-hero__inner[data-astro-cid-7t5tbuqj],.subtopics[data-astro-cid-7t5tbuqj],.related__grid[data-astro-cid-7t5tbuqj],.topic-video-grid[data-astro-cid-7t5tbuqj]{grid-template-columns:1fr}}@media (width<=640px){.topic-hero[data-astro-cid-7t5tbuqj]{padding-block:var(--s-5)}.topic-hero__h[data-astro-cid-7t5tbuqj]{font-size:var(--step-5)}.topic-hero__frame[data-astro-cid-7t5tbuqj]{order:-1}}.screenshots__grid[data-astro-cid-7t5tbuqj]{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.screenshots__fig[data-astro-cid-7t5tbuqj]{border:1px solid var(--grid);border-radius:var(--radius-lg);margin:0;overflow:hidden}.screenshots__fig[data-astro-cid-7t5tbuqj] img[data-astro-cid-7t5tbuqj]{width:100%;height:auto;display:block}