.tut{padding-top:calc(var(--header-height) + 2.5rem);padding-bottom:0}.tut__hero{display:grid;grid-template-columns:1fr;gap:var(--space-md);align-items:start}@media(max-width:63.9375rem){.tut__hero-primary,.tut__hero-meta{display:contents}.tut .tut__player{order:1}.tut .tut__title{order:2}.tut .tut__meta{order:3}.tut .tut__description{order:4}.tut .tut__learn-card{order:5}.tut .tut__related-compact{order:6}}@media(min-width:64rem){.tut__hero{grid-template-columns:2fr 1fr;gap:var(--space-xl)}}.tut__hero-primary{min-width:0;display:flex;flex-direction:column;gap:var(--space-md)}.tut__player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-dark);box-shadow:var(--shadow-lg)}.tut__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tut__player-cover{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer}.tut__player-cover img{width:100%;height:100%;object-fit:cover}.tut__play-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:4.25rem;height:3rem;border-radius:var(--radius-sm);background:#000000b3;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tut__play-btn svg{width:2.5rem;height:auto}.tut__player-cover:hover .tut__play-btn{background:red;transform:scale(1.08)}.tut__hero-meta{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:64rem){.tut__hero-meta{position:sticky;top:calc(var(--header-height) + 1.5rem)}}.tut__title{font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.18;letter-spacing:-.015em}.tut__description-wrap{position:relative}.tut__description{font-size:.875rem;line-height:1.6;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tut__description.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.tut__description-toggle{background:none;border:none;padding:0;margin-top:.25rem;font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:var(--color-accent-purple);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.tut__description-toggle:hover{opacity:.7}.tut__meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.75rem;color:var(--color-faint)}.tut__tag{display:inline-block;padding:.15em .5em;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);font-family:var(--font-ui);font-size:.6875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}a.tut__tag--link{text-decoration:none;transition:border-color var(--duration-normal) var(--ease-border),color var(--duration-normal) var(--ease-border)}a.tut__tag--link:hover{border-color:var(--color-accent-purple);color:var(--color-accent-purple);opacity:1}.tut__learn-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(1.15rem,3vw,1.5rem)}.tut__learn-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--color-border)}.tut__learn-icon{width:1.15rem;height:1.15rem;color:var(--color-accent-purple);flex-shrink:0}.tut__learn-heading{font-size:.875rem;font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.tut__learn-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.tut__learn-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.8125rem;line-height:1.55;color:var(--color-body);padding:.7rem 0;border-bottom:1px solid var(--color-border)}.tut__learn-list li:last-child{border-bottom:none;padding-bottom:0}.tut__learn-check{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-accent-purple);margin-top:.05rem}.tut__learn-list li b{color:var(--color-ink);font-weight:600}.tut__learn-list .tut__inline-tag-link{color:var(--color-accent-purple);font-weight:500}.tut__learn-list .tut__inline-tag-link:hover{opacity:.8}.tut__related-compact{border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.tut__related-compact-heading{font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.45rem}.tut__related-compact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.tut__related-compact-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;padding:.3rem 0;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-out)}.tut__related-compact-link:hover{opacity:1}.tut__related-compact-link:hover .tut__related-compact-title{color:var(--color-accent-purple)}.tut__related-compact-thumb{width:5.5rem;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--color-dark)}.tut__related-compact-title{font-size:.8125rem;line-height:1.35;color:var(--color-body);transition:color var(--duration-fast) var(--ease-out)}.tut__cta-strip{background:var(--color-dark);margin-top:var(--space-lg)}.tut__cta-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:clamp(1rem,2.5vw,1.5rem)}.tut__cta-strip-text{min-width:0}.tut__cta-strip-eyebrow{display:block;font-family:var(--font-ui);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fff6;margin-bottom:.15rem}.tut__cta-strip-heading{font-family:var(--font-display);font-size:clamp(.9375rem,2vw,1.125rem);font-weight:600;line-height:1.3;color:#fff;margin:0}.tut__cta-strip-btn{flex-shrink:0}@media(max-width:40rem){.tut__cta-strip-inner{flex-direction:column;align-items:stretch;text-align:center;gap:var(--space-sm)}.tut__cta-strip-btn{justify-content:center}}.tut__body{max-width:var(--width-content);padding-top:var(--space-xl);padding-bottom:var(--space-lg)}.tut__article{min-width:0}.tut__content{font-size:1.0625rem;line-height:1.75;color:var(--color-body)}.tut__content :first-child{margin-top:0}.tut__content h2{margin-top:var(--space-xl);margin-bottom:var(--space-xs);font-size:1.375rem;color:var(--color-ink)}.tut__content h3{margin-top:var(--space-lg);margin-bottom:.35rem;font-size:1.1rem;color:var(--color-ink)}.tut__content p{margin:.85rem 0}.tut__content ul,.tut__content ol{margin:.85rem 0;padding-left:1.5rem}.tut__content li{margin:.3rem 0}.tut__content a{color:var(--color-accent-purple);font-weight:500}.tut__content a:hover{opacity:.8}.tut__content code{font-size:.9em;padding:.15em .4em;border-radius:4px;background:var(--color-surface-alt);border:1px solid var(--color-border)}.tut__content blockquote{margin:1.25rem 0;padding:.85rem 1.25rem;border-left:3px solid var(--color-accent-purple);background:var(--color-surface-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-ink-secondary);font-style:italic}.tut__content img{border-radius:var(--radius-sm);margin:1.25rem 0}.tut__content strong{color:var(--color-ink);font-weight:600}.tut__content--transcript{color:var(--color-muted)}.tut__content--transcript h2{color:var(--color-ink);font-size:1.375rem;margin-top:0;margin-bottom:var(--space-sm)}.tut__content--transcript p{line-height:1.85}.tut__tags{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.tut__tags-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.4rem;display:block}.tut__tags-list{display:flex;flex-wrap:wrap;gap:.35rem}.tut__tag-pill{display:inline-block;padding:.25em .65em;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-ui);font-size:.75rem;color:var(--color-body);transition:border-color var(--duration-normal) var(--ease-border),color var(--duration-normal) var(--ease-border),background-color var(--duration-normal) var(--ease-out)}.tut__tag-pill:hover{border-color:var(--color-ink)}a.tut__tag-pill--link{text-decoration:none;color:inherit}a.tut__tag-pill--link:hover{border-color:var(--color-accent-purple);color:var(--color-accent-purple);opacity:1}.tut__related{background:var(--color-surface-alt)}.tut__related-heading{font-size:clamp(1.35rem,3vw,1.75rem);margin-bottom:var(--space-lg)}.tut__related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--space-md)}.tut__related-card{display:block;text-decoration:none;border-radius:var(--radius-md);overflow:hidden;background:var(--color-card);border:1px solid var(--color-border);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tut__related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);opacity:1}.tut__related-thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-dark)}.tut__related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.tut__related-card:hover .tut__related-thumb img{transform:scale(1.04)}.tut__related-card h3{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:.9375rem;line-height:1.35;color:var(--color-ink)}.tut__related-tag{display:inline-block;margin:0 var(--space-md) var(--space-sm);padding:.2em .5em;border-radius:var(--radius-pill);background:var(--color-surface-alt);font-family:var(--font-ui);font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}a.tut__related-tag--link{text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}a.tut__related-tag--link:hover{background:#6e51e014;color:var(--color-accent-purple)}.tut__closing-cta{margin-bottom:var(--space-sm)}.tut__closing-cta-inner{background:var(--color-dark);border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3rem);text-align:center}.tut__closing-cta h2{color:#fff;font-size:clamp(1.35rem,3vw,2rem);margin-bottom:.35rem}.tut__closing-cta p{color:#ffffffa6;font-size:1rem;max-width:42ch;margin:0 auto var(--space-md);line-height:1.55}