.tutorial-content-wrap[data-v-b2936f27]{max-width:860px;margin:0 auto}.tutorial-title-section[data-v-b2936f27]{text-align:center;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2rem)}.tutorial-title-section h1[data-v-b2936f27]{font-family:var(--font-body);font-weight:600}.tutorial-content[data-v-b2936f27]{width:100%;overflow:hidden}.content-section[data-v-b2936f27]{display:block;width:100%;position:relative;text-decoration:none}.content-img[data-v-b2936f27]{display:block;width:100%;height:auto}.content-video-section[data-v-b2936f27]{cursor:pointer}.video-play-overlay[data-v-b2936f27]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000014;transition:background .3s ease;pointer-events:none}.content-video-section:hover .video-play-overlay[data-v-b2936f27]{background:#00000026}.play-button[data-v-b2936f27]{width:clamp(3rem,8vw,4rem);height:clamp(3rem,8vw,4rem);border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000026;transition:transform .3s ease,background .3s ease}.content-video-section:hover .play-button[data-v-b2936f27]{transform:scale(1.1);background:#fffffff2}.play-icon[data-v-b2936f27]{width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem);color:var(--color-text);margin-left:.15em}.video-player-dialog[data-v-b2936f27] .p-dialog{background:transparent;box-shadow:none;border:none}.video-player-dialog[data-v-b2936f27] .p-dialog-content{padding:0;background:transparent;overflow:visible}.video-player-wrapper[data-v-b2936f27]{position:relative;display:flex;flex-direction:column;align-items:center}.video-player-el[data-v-b2936f27]{display:block;max-width:min(90vw,900px);max-height:80vh;border-radius:8px;background:#000}.video-close-btn[data-v-b2936f27]{position:absolute;top:-3rem;right:0;width:2.5rem;height:2.5rem;border:none;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:background .2s ease}.video-close-btn[data-v-b2936f27]:hover{background:#ffffff59}.tutorial-info-section[data-v-b2936f27]{text-align:center;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem) clamp(2rem,5vw,3rem)}.related-section[data-v-b2936f27]{border-top:1px solid var(--color-border);padding-top:clamp(3rem,5vw,4rem);padding-bottom:clamp(4rem,8vw,6rem)}.breadcrumb[data-v-b2936f27]{padding:0!important;background:transparent!important;border:none!important}.breadcrumb[data-v-b2936f27] .p-breadcrumb-item-link{font-size:.8125rem;color:var(--color-text-muted)}.breadcrumb[data-v-b2936f27] .p-breadcrumb-item-link:hover{color:var(--color-primary)}.breadcrumb[data-v-b2936f27] .p-breadcrumb-list li:last-child .p-breadcrumb-item-link{color:var(--color-text)}@media(max-width:768px){.breadcrumb[data-v-b2936f27] .p-breadcrumb-item-link{min-width:auto;min-height:auto}}.related-tutorial-card[data-v-b2936f27]{display:flex;flex-direction:row;align-items:stretch;text-decoration:none;cursor:pointer}.related-tutorial-image[data-v-b2936f27]{width:clamp(7rem,30%,10rem);flex-shrink:0}.related-tutorial-content[data-v-b2936f27]{flex:1;min-width:0}@media(max-width:640px){.related-tutorial-image[data-v-b2936f27]{width:clamp(5.5rem,32%,7.5rem)}.related-tutorial-content[data-v-b2936f27]{padding:.75rem .875rem}}@media(max-width:768px){.tutorial-content-wrap[data-v-b2936f27]{max-width:100%}}