.tut-d-topbar[data-astro-cid-amgwr4wo]{position:sticky;top:var(--header-h);z-index:40;background:color-mix(in oklab,var(--bg) 90%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.tut-d-topbar__inner[data-astro-cid-amgwr4wo]{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}@media (min-width: 768px){.tut-d-topbar__inner[data-astro-cid-amgwr4wo]{padding-inline:var(--space-8)}}.tut-d-back[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s,gap .15s;flex-shrink:0}.tut-d-back[data-astro-cid-amgwr4wo]:hover{color:var(--text);gap:var(--space-2)}@media (prefers-reduced-motion: reduce){.tut-d-back[data-astro-cid-amgwr4wo]{transition:none}}.tut-d-breadcrumb[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);min-width:0}.tut-d-breadcrumb__sep[data-astro-cid-amgwr4wo]{color:var(--border);flex-shrink:0}.tut-d-breadcrumb__current[data-astro-cid-amgwr4wo]{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tut-d-cat-badge[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;gap:5px;padding:3px var(--space-2);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--c);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.tut-d-player[data-astro-cid-amgwr4wo]{background:#0b0d10;padding-block:var(--space-6)}@media (min-width: 768px){.tut-d-player[data-astro-cid-amgwr4wo]{padding-block:var(--space-8)}}.tut-d-player__inner[data-astro-cid-amgwr4wo]{max-width:960px;margin:0 auto;padding-inline:var(--space-4)}@media (min-width: 768px){.tut-d-player__inner[data-astro-cid-amgwr4wo]{padding-inline:var(--space-8)}}.tut-d-player__frame[data-astro-cid-amgwr4wo]{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0f}.tut-d-player__frame[data-astro-cid-amgwr4wo] iframe[data-astro-cid-amgwr4wo]{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.tut-d-layout[data-astro-cid-amgwr4wo]{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-20);display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media (min-width: 768px){.tut-d-layout[data-astro-cid-amgwr4wo]{padding-inline:var(--space-8)}}@media (min-width: 960px){.tut-d-layout[data-astro-cid-amgwr4wo]{grid-template-columns:1fr 320px;gap:var(--space-12);align-items:start}}.tut-d-main[data-astro-cid-amgwr4wo]{min-width:0}.tut-d-header[data-astro-cid-amgwr4wo]{margin-block-end:var(--space-8)}.tut-d-header__meta[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);flex-wrap:wrap}.tut-d-pos[data-astro-cid-amgwr4wo]{font-size:var(--fs-xs);color:var(--text-muted)}.tut-d-title[data-astro-cid-amgwr4wo]{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--text);margin:0 0 var(--space-5)}.tut-d-desc[data-astro-cid-amgwr4wo]{font-size:var(--fs-lg);line-height:1.7;color:var(--text-muted);max-width:68ch;margin:0}.tut-d-prevnext[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-block-start:var(--space-8);border-top:1px solid var(--border)}.tut-d-nav-link[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .2s,background .2s}.tut-d-nav-link[data-astro-cid-amgwr4wo]:hover{border-color:color-mix(in srgb,var(--brand-500) 40%,transparent);background:color-mix(in srgb,var(--brand-500) 4%,var(--bg-elevated))}.tut-d-nav-link--next[data-astro-cid-amgwr4wo]{justify-content:flex-end;text-align:right}@media (prefers-reduced-motion: reduce){.tut-d-nav-link[data-astro-cid-amgwr4wo]{transition:none}}.tut-d-nav-link[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{flex-shrink:0;color:var(--text-muted)}.tut-d-nav-link[data-astro-cid-amgwr4wo] span[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:2px}.tut-d-nav-link__label[data-astro-cid-amgwr4wo]{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.tut-d-nav-link__title[data-astro-cid-amgwr4wo]{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.tut-d-sidebar[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:calc(var(--header-h) + 49px + var(--space-4))}.tut-d-related__heading[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 var(--space-4);padding-block-end:var(--space-3);border-bottom:1px solid var(--border)}.tut-d-related__heading[data-astro-cid-amgwr4wo] em[data-astro-cid-amgwr4wo]{font-style:normal;color:var(--text)}.tut-d-related__list[data-astro-cid-amgwr4wo]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.tut-d-mini-card[data-astro-cid-amgwr4wo]{display:flex;gap:var(--space-3);text-decoration:none;border-radius:var(--radius-md);padding:var(--space-2);margin:calc(-1 * var(--space-2));transition:background .15s}.tut-d-mini-card[data-astro-cid-amgwr4wo]:hover{background:var(--bg-elevated)}@media (prefers-reduced-motion: reduce){.tut-d-mini-card[data-astro-cid-amgwr4wo]{transition:none}}.tut-d-mini-card__thumb[data-astro-cid-amgwr4wo]{position:relative;width:112px;height:63px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.tut-d-mini-card__thumb[data-astro-cid-amgwr4wo] img[data-astro-cid-amgwr4wo]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:brightness(.88);transition:filter .2s}.tut-d-mini-card[data-astro-cid-amgwr4wo]:hover .tut-d-mini-card__thumb[data-astro-cid-amgwr4wo] img[data-astro-cid-amgwr4wo]{filter:brightness(.7)}@media (prefers-reduced-motion: reduce){.tut-d-mini-card__thumb[data-astro-cid-amgwr4wo] img[data-astro-cid-amgwr4wo]{transition:none}}.tut-d-mini-card__play[data-astro-cid-amgwr4wo]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.tut-d-mini-card[data-astro-cid-amgwr4wo]:hover .tut-d-mini-card__play[data-astro-cid-amgwr4wo]{opacity:1}@media (prefers-reduced-motion: reduce){.tut-d-mini-card__play[data-astro-cid-amgwr4wo]{opacity:1}}.tut-d-mini-card__play[data-astro-cid-amgwr4wo]:before{content:"";display:block;width:28px;height:28px;background:#ffffffe0;border-radius:50%}.tut-d-mini-card__play[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{position:absolute;color:#111;margin-left:2px}.tut-d-mini-card__body[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}.tut-d-mini-card__title[data-astro-cid-amgwr4wo]{font-size:var(--fs-sm);font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tut-d-mini-card[data-astro-cid-amgwr4wo]:hover .tut-d-mini-card__title[data-astro-cid-amgwr4wo]{color:var(--brand-500)}.tut-d-mini-card__desc[data-astro-cid-amgwr4wo]{font-size:var(--fs-xs);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.tut-d-mini-card__cat[data-astro-cid-amgwr4wo]{display:inline-flex;align-self:flex-start;font-size:10px;font-weight:600;color:var(--c);letter-spacing:.04em;text-transform:uppercase}.tut-d-sidebar__footer[data-astro-cid-amgwr4wo]{padding-block-start:var(--space-4);border-top:1px solid var(--border)}.tut-d-all-link[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:600;color:var(--brand-500);text-decoration:none;transition:gap .15s}.tut-d-all-link[data-astro-cid-amgwr4wo]:hover{gap:var(--space-3)}@media (prefers-reduced-motion: reduce){.tut-d-all-link[data-astro-cid-amgwr4wo]{transition:none}}