[hidden]{display:none!important}[dir=rtl] .back-arrow{display:inline-block;transform:scaleX(-1)}.video-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}.video-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem 1rem;border:1px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-surface);color:var(--pd-text);font-weight:600;text-decoration:none}.video-link-app{background:var(--pd-primary);border-color:var(--pd-primary);color:var(--pd-on-primary)}.video-link:hover{box-shadow:var(--pd-shadow)}.lang-switch{display:flex;flex-wrap:wrap;gap:.5rem;float:inline-end}.lang-switch a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border:1px solid var(--pd-border);border-radius:999px;color:var(--pd-muted);text-decoration:none;font-size:.9rem}.lang-switch a[aria-current=page]{background:var(--pd-primary);border-color:var(--pd-primary);color:var(--pd-on-primary)}.variant-filter{display:flex;justify-content:center;gap:.5rem;margin:0 0 1.5rem}.variant-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;text-decoration:none;border:1px solid var(--pd-border);border-radius:999px;background:transparent;color:var(--pd-muted);font-size:.9rem;cursor:pointer;transition:all .2s}.variant-btn:hover{border-color:var(--pd-primary);color:var(--pd-primary)}.variant-btn.active{background:var(--pd-primary);border-color:var(--pd-primary);color:var(--pd-on-primary)}.video-player-wrap{width:100%;border-radius:var(--pd-radius);overflow:hidden;background:#000;box-shadow:var(--pd-shadow);margin-bottom:1.5rem}.video-player{width:100%;display:block;max-height:70vh}.video-duration{display:flex;align-items:center;gap:.25rem}.step-number{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pd-primary);color:var(--pd-on-primary);font-weight:700;font-size:.95rem}.step-copy{min-width:0;flex:1}.step-title{display:block;font-size:1.1rem;font-weight:600;line-height:1.4;margin:.2rem 0 .35rem;color:var(--pd-text)}.step-text{display:block;color:var(--pd-muted);line-height:1.6;margin:0;font-size:.95rem}.step-time{flex-shrink:0;align-self:center;min-height:44px;min-width:44px;padding:0 .75rem;border:1px solid var(--pd-border);border-radius:999px;background:var(--pd-surface);color:var(--pd-primary);font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums;cursor:pointer}.step-time:hover{border-color:var(--pd-primary)}[aria-current=step]{border-color:var(--pd-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pd-primary) 25%,transparent)}.step-block[aria-current=step] .step-number,.step-row[aria-current=step] .step-number,.step-card[aria-current=step] .step-number{outline:3px solid color-mix(in srgb,var(--pd-primary) 35%,transparent)}.step-row-top{display:flex;align-items:center;padding-inline-end:1rem}.step-context{color:var(--pd-muted);font-style:italic;line-height:1.6;border-inline-start:3px solid var(--pd-primary);padding-inline-start:1rem;margin:0}.steps-section{margin-bottom:2rem}.step-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.step-strip::-webkit-scrollbar{height:4px}.step-strip::-webkit-scrollbar-track{background:var(--pd-border);border-radius:2px}.step-strip::-webkit-scrollbar-thumb{background:var(--pd-muted);border-radius:2px}.step-frame{position:relative;flex-shrink:0;width:200px;border-radius:.5rem;overflow:hidden;box-shadow:var(--pd-shadow);padding:0;border:0;background:none;cursor:zoom-in}.step-frame img{width:100%;height:113px;object-fit:cover;display:block;transition:transform .2s}.step-frame:hover img{transform:scale(1.04)}.step-num{position:absolute;top:6px;left:6px;background:#000000a6;color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:.25rem}.steps-guide{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.step-block{display:flex;flex-direction:column;gap:1rem}.step-header{display:flex;align-items:flex-start;gap:1rem}.step-shot{width:100%;display:block;border-radius:var(--pd-radius);border:1px solid var(--pd-border);box-shadow:var(--pd-shadow)}.steps-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.step-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-surface);box-shadow:var(--pd-shadow)}.step-thumb{position:relative;flex-shrink:0;width:180px;padding:0;border:1px solid var(--pd-border);border-radius:.5rem;overflow:hidden;cursor:zoom-in;background:none;display:block}.step-thumb img{width:100%;height:102px;object-fit:cover;display:block;transition:transform .2s}.step-thumb:hover img{transform:scale(1.04)}.step-zoom{position:absolute;right:6px;bottom:6px;background:#000000a6;color:#fff;font-size:.8rem;line-height:1;padding:.25rem .35rem;border-radius:.3rem}.steps-text{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.step-row{border:1px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-surface);overflow:hidden}.step-row-head{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;border:0;background:none;text-align:inherit;font:inherit;color:inherit}.step-row.has-shot .step-row-head{cursor:pointer}.step-row.has-shot .step-row-head:hover{background:color-mix(in srgb,var(--pd-primary) 5%,transparent)}.step-chevron{flex-shrink:0;align-self:center;color:var(--pd-muted);transition:transform .2s}.step-row.open .step-chevron{transform:rotate(180deg)}.step-reveal{display:none;padding:0 1.25rem 1.25rem}.step-row.open .step-reveal{display:block}.step-reveal img{width:100%;display:block;border-radius:.5rem;border:1px solid var(--pd-border)}.lightbox{position:fixed;inset:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox-figure{max-width:min(1100px,100%);max-height:100%;margin:0;display:flex;flex-direction:column;gap:.9rem;align-items:center}.lightbox img{max-width:100%;max-height:75vh;border-radius:.5rem;box-shadow:0 20px 60px #00000080}.lightbox-caption{display:flex;align-items:flex-start;gap:.75rem;max-width:700px;color:#e2e8f0;cursor:default}.lightbox-num{flex-shrink:0;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pd-primary);color:var(--pd-on-primary);font-weight:700;font-size:.85rem}.lightbox-num:empty{display:none}.lightbox-copy{display:flex;flex-direction:column;gap:.2rem;text-align:start}.lightbox-title{font-size:1rem;line-height:1.4;color:#fff}.lightbox-text{font-size:.9rem;line-height:1.55;color:#cbd5e1}.video-nav-row{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;padding-top:2rem;border-top:1px solid var(--pd-border);margin-top:1rem}.nav-prev,.nav-next{flex:1}.nav-next{text-align:end}.nav-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--pd-text);padding:.75rem 1rem;border-radius:var(--pd-radius);border:1px solid var(--pd-border);background:var(--pd-surface);transition:all .2s;font-size:.9rem;max-width:100%}.nav-link:hover{border-color:var(--pd-primary);color:var(--pd-primary);box-shadow:var(--pd-shadow)}.nav-arrow{font-size:1.25rem;line-height:1;flex-shrink:0;color:var(--pd-primary)}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pd-muted)}.nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card{background:var(--pd-surface);border-radius:var(--pd-radius);overflow:hidden;box-shadow:var(--pd-shadow);transition:all .3s ease;cursor:pointer}.video-card:hover{transform:translateY(-4px);box-shadow:var(--pd-shadow-hover)}.video-thumbnail{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .2s}.video-card:hover .play-button{transform:scale(1.1)}.video-info{padding:1rem}.video-title{font-weight:600;margin-bottom:.25rem;font-size:1rem}.video-meta{display:flex;align-items:center;gap:.75rem;color:var(--pd-muted);font-size:.875rem}.video-variant{font-size:.75rem;color:var(--pd-muted);border:1px solid var(--pd-border);border-radius:999px;padding:.1rem .5rem;text-transform:capitalize}.card-page-link{margin-left:auto;font-size:.9rem;color:var(--pd-muted);text-decoration:none;transition:color .2s;flex-shrink:0}.card-page-link:hover{color:var(--pd-primary)}.placeholder-thumb{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.step-carousel{position:absolute;inset:0}.step-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.step-img.active{opacity:1}.step-prev,.step-next{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.step-prev{left:6px}.step-next{right:6px}.video-card:hover .step-prev,.video-card:hover .step-next{opacity:1}.step-dots{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:2}.step-dot{width:5px;height:5px;border-radius:50%;background:#fff6;cursor:pointer;transition:background .2s}.step-dot.active{background:#fff}.video-modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:#fff;background:#000000f2;--pd-video-max-h: calc(100dvh - 8rem) ;--pd-video-w: min(100%, var(--pd-video-max-h) * var(--pd-video-ratio, 16 / 9));--pd-video-arrows: 132px}.video-modal::backdrop{background:transparent}.video-modal[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-modal video{aspect-ratio:var(--pd-video-ratio, 16 / 9);width:var(--pd-video-w);height:auto;border-radius:var(--pd-radius)}.video-modal-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10}.video-modal-close:hover{background:#f0f0f0}.video-container{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:1600px}.video-container video{flex:0 1 auto;min-width:0}@media(max-width:600px){.video-modal{--pd-video-max-h: calc(100dvh - 11rem) ;--pd-video-arrows: 0px}.video-modal[open]{padding:3.5rem .5rem 1rem}.video-modal video{border-radius:calc(var(--pd-radius) / 2)}.video-container{flex-wrap:wrap}.video-container video{order:-1;flex-basis:100%;max-width:var(--pd-video-w);margin-inline:auto}}.video-nav{background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.video-nav:hover{background:#fff;transform:scale(1.1)}.video-nav:disabled{opacity:.3;cursor:not-allowed;transform:none}.video-title-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:var(--pd-video-w);max-width:calc(min(1600px,100%) - var(--pd-video-arrows));margin-top:1rem;color:#fff;font-size:.9rem}#video-title{font-weight:500;color:inherit}#video-counter{opacity:.7}@media(max-width:600px){.step-frame{width:150px}.step-frame img{height:85px}.step-card{flex-wrap:wrap}.step-thumb{width:100%}.step-thumb img{height:auto}.step-number{width:1.6rem;height:1.6rem;font-size:.85rem}}:root{--pd-primary: oklch(42% .09 165);--pd-on-primary: oklch(98% .01 85);--pd-accent: oklch(72% .14 55);--pd-bg: oklch(97.5% .012 85);--pd-surface: oklch(99.5% .005 85);--pd-text: oklch(22% .03 160);--pd-muted: oklch(48% .025 160);--pd-border: oklch(88% .02 85);--pd-pro: oklch(72% .14 55);--pd-font-body: "Manrope", system-ui, sans-serif;--pd-font-display: "Fraunces", Georgia, serif;--pd-radius: 16px;--pd-shadow: 0 1px 2px oklch(22% .03 160 / .06), 0 12px 32px -16px oklch(22% .03 160 / .25);--pd-shadow-hover: 0 2px 4px oklch(22% .03 160 / .08), 0 20px 40px -16px oklch(22% .03 160 / .3);--ac-on-accent: oklch(20% .03 50);--ac-secondary: oklch(93% .025 85);--ac-muted-bg: oklch(94% .018 85);--ac-wrap: 80rem;--ac-ease: cubic-bezier(.32, .72, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:6rem;scroll-behavior:smooth}body{font-family:var(--pd-font-body);background:var(--pd-bg);color:var(--pd-text);line-height:1.6;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,.ac-featured-title{font-family:var(--pd-font-display);font-weight:400;line-height:1.1;text-wrap:balance}h1 em{color:var(--pd-primary);font-style:italic}a{color:inherit}:focus-visible{outline:2px solid var(--pd-primary);outline-offset:2px}.ac-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ac-wrap{width:100%;max-width:var(--ac-wrap);margin-inline:auto;padding-inline:1.5rem}@media(max-width:30rem){.ac-wrap{padding-inline:1rem}}.ac-muted{color:var(--pd-muted);font-size:.875rem}@supports (animation-timeline: view()){.ac-reveal{animation:ac-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}@keyframes ac-rise{0%{opacity:.25;translate:0 1rem}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ac-ease)}.ac-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.4rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .4s var(--ac-ease),filter .4s var(--ac-ease)}.ac-btn:hover{filter:brightness(1.08)}.ac-btn:active{transform:scale(.98)}.ac-btn-primary{background:var(--pd-primary);color:var(--pd-on-primary)}.ac-btn-accent{background:var(--pd-accent);color:var(--ac-on-accent);padding:.75rem 1.5rem;font-size:1rem}.ac-chip{display:inline-flex;align-items:center;min-height:40px;padding:.5rem 1rem;border:1px solid var(--pd-border);border-radius:999px;background:var(--ac-secondary);font-size:.875rem;font-weight:500;color:inherit;font-family:inherit;text-decoration:none;transition:border-color .3s var(--ac-ease)}button.ac-chip{cursor:pointer}.ac-chip:hover{border-color:var(--pd-primary)}.ac-chip[aria-pressed=true]{border-color:var(--pd-primary);background:var(--pd-primary);color:var(--pd-on-primary)}.ac-badge{padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.ac-duration{background:#0d1f16cc;color:var(--pd-bg)}.ac-pro{background:var(--pd-pro);color:var(--ac-on-accent);font-weight:700}.ac-kicker{color:var(--pd-accent);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.video-link,.theme-switcher a{border-radius:999px}.ac-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--pd-border);background:#faf6eee6;backdrop-filter:blur(8px)}.ac-header-row{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}.ac-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--pd-font-display);font-size:1.25rem;font-weight:600;text-decoration:none;min-width:0}.ac-logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-logo-img{height:30px;width:auto}.ac-header-end{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto}.ac-header-end .variant-filter,.ac-header-end .lang-switch{margin:0;flex-wrap:nowrap;gap:.25rem}.ac-header-end .variant-btn,.ac-header-end .lang-switch a{border:0;background:none;padding:.35rem .75rem;font-size:.875rem;color:var(--pd-muted)}.ac-header-end .variant-btn.active,.ac-header-end .lang-switch a[aria-current=page]{background:var(--ac-secondary);color:var(--pd-text)}.theme-switcher{display:flex;gap:.25rem}.theme-switcher a{padding:.35rem .75rem;font-size:.875rem;text-decoration:none;color:var(--pd-muted)}.theme-switcher a[aria-current]{background:var(--ac-secondary);color:var(--pd-text)}@media(max-width:47.99rem){.ac-header-app,.theme-switcher{display:none}}.ac-hero{display:grid;gap:3rem;align-items:center;padding-block:3rem 4rem}@media(min-width:64rem){.ac-hero{grid-template-columns:1fr 1fr;padding-block:4rem}}.ac-eyebrow{color:var(--pd-primary);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ac-hero h1{margin-block-start:1rem;font-size:clamp(2.6rem,6vw,3.75rem);line-height:1.05}.ac-lead{color:var(--pd-muted);font-size:1.05rem;max-width:56ch;margin-block-start:1rem}.ac-search{margin-block-start:2rem}.ac-search input{width:100%;padding:1rem 1.5rem;border:1px solid var(--pd-border);border-radius:999px;background:var(--pd-surface);color:var(--pd-text);font:inherit;box-shadow:var(--pd-shadow);outline:none;transition:box-shadow .3s var(--ac-ease)}.ac-search input:focus-visible{box-shadow:0 0 0 2px var(--pd-primary),var(--pd-shadow)}.ac-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.5rem}.ac-featured{position:relative;display:block;overflow:hidden;border:1px solid var(--pd-border);border-radius:20px;background:var(--pd-surface);box-shadow:var(--pd-shadow);text-decoration:none;transition:transform .5s var(--ac-ease),box-shadow .5s var(--ac-ease)}.ac-featured:hover{transform:translateY(-2px);box-shadow:var(--pd-shadow-hover)}.ac-featured img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;background:var(--ac-muted-bg)}.ac-featured-play{position:absolute;inset-inline:0;top:0;aspect-ratio:16 / 9;display:grid;place-items:center;isolation:isolate;pointer-events:none;color:var(--pd-on-primary);font-size:1.75rem;line-height:1}.ac-featured-play:before{content:"";position:absolute;z-index:-1;width:5rem;height:5rem;border-radius:999px;background:var(--pd-primary);box-shadow:var(--pd-shadow);transition:transform .5s var(--ac-ease)}.ac-featured:hover .ac-featured-play:before{transform:scale(1.1)}.ac-featured-body{display:grid;gap:.25rem;padding:1.25rem;border-top:1px solid var(--pd-border)}.ac-featured-title{font-size:1.5rem}.ac-home{display:grid;gap:3rem;padding-block-end:6rem}.ac-toc{display:none}@media(min-width:64rem){.ac-home{grid-template-columns:220px minmax(0,1fr)}.ac-toc{display:block}.ac-toc ul{position:sticky;top:6rem;list-style:none;border-inline-start:1px solid var(--pd-border)}.ac-toc a{display:block;margin-inline-start:-1px;padding-block:.375rem;padding-inline:1rem 0;border-inline-start:2px solid transparent;color:var(--pd-muted);font-size:.875rem;text-decoration:none;transition:color .3s var(--ac-ease),border-color .3s var(--ac-ease)}.ac-toc a:hover{border-color:var(--pd-primary);color:var(--pd-text)}}.ac-count{color:var(--pd-muted)}.ac-sections{display:grid;gap:5rem;min-width:0}.ac-sections>.variant-filter{margin:0}.ac-empty{padding:2.5rem;border:1px dashed var(--pd-border);border-radius:var(--pd-radius);text-align:center;color:var(--pd-muted)}.ac-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-block-end:1.5rem;padding-block-end:1rem;border-bottom:1px solid var(--pd-border)}.ac-section-head h2{font-size:1.875rem}.ac-section-head p{margin-block-start:.25rem;font-size:1rem}.ac-grid{display:grid;gap:1.25rem}@media(min-width:40rem){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.ac-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ac-card{display:block;overflow:hidden;border:1px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-surface);box-shadow:var(--pd-shadow);text-decoration:none;transition:transform .5s var(--ac-ease),box-shadow .5s var(--ac-ease)}.ac-card:hover{transform:translateY(-2px);box-shadow:var(--pd-shadow-hover)}.ac-thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--ac-muted-bg);cursor:zoom-in}.ac-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s var(--ac-ease)}.ac-card:hover .ac-thumb img{transform:scale(1.05)}.ac-thumb-empty{display:block;height:100%;background:linear-gradient(135deg,var(--ac-secondary),var(--ac-muted-bg))}.ac-thumb .ac-badge{position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem}.ac-thumb .ac-pro{inset-block:.5rem auto;inset-inline:.5rem auto}.ac-card-body{display:flex;gap:.75rem;padding:1rem}.ac-card-num{font-family:var(--pd-font-display);font-size:1.25rem;line-height:1.2;color:var(--pd-primary)}.ac-card .video-title{font-weight:600;line-height:1.375;text-decoration:underline 1px transparent;text-underline-offset:4px;transition:text-decoration-color .3s var(--ac-ease)}.ac-card-body:hover .video-title,.ac-card:focus-visible .video-title{text-decoration-color:currentColor}.ac-cta{display:grid;gap:.5rem;justify-items:start;padding:1.75rem;border-radius:20px;background:var(--pd-primary);color:var(--pd-on-primary)}.ac-cta h2{font-size:1.5rem}.ac-cta p{opacity:.8}.ac-cta .ac-btn{margin-block-start:1rem}.ac-cta-wide{padding:2.5rem}.ac-cta-wide h2{font-size:1.875rem}.ac-video{display:grid;gap:3rem;padding-block:2rem 6rem}@media(min-width:64rem){.ac-video{grid-template-columns:minmax(0,1fr) 340px;gap:2.5rem;align-items:start}.ac-aside{position:sticky;top:6rem}.ac-course{max-height:70vh;overflow-y:auto;scrollbar-width:thin}}.ac-video-main{min-width:0}.ac-video-main video{display:block;border:1px solid var(--pd-border);border-radius:20px;background:var(--pd-text);box-shadow:var(--pd-shadow)}.ac-crumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;font-size:.875rem;color:var(--pd-muted);margin-block-end:1.25rem}.ac-crumbs li+li:before{content:"/";margin-inline-end:.35rem;opacity:.5}.ac-crumbs li[aria-current]{color:var(--pd-text);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-crumbs a{text-decoration:none}.ac-crumbs a:hover{color:var(--pd-text)}.ac-video-head{margin-block:1.5rem 2rem}.ac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:.75rem}.ac-meta .ac-chip{min-height:0;padding:.2rem .75rem;font-size:.8rem}.ac-video-head h1{font-size:clamp(2rem,4.5vw,2.75rem);margin-block-end:.75rem}.ac-video-head .ac-lead{margin:0}.ac-aside{display:grid;gap:1.5rem}.ac-course{position:relative;padding:1rem;border:1px solid var(--pd-border);border-radius:20px;background:var(--pd-surface);box-shadow:var(--pd-shadow);interpolate-size:allow-keywords}.ac-course details+details{margin-block-start:.25rem;border-top:1px solid var(--pd-border)}.ac-course summary{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;padding-block:.6rem;padding-inline:.5rem 2rem;cursor:pointer;list-style:none}.ac-course summary::-webkit-details-marker{display:none}.ac-course summary:after{content:"";position:absolute;inset-inline-end:.75rem;top:1.1rem;width:.5rem;height:.5rem;border-right:1.5px solid var(--pd-muted);border-bottom:1.5px solid var(--pd-muted);rotate:45deg;transition:rotate .4s var(--ac-ease)}.ac-course details[open]>summary:after{rotate:225deg}.ac-course details::details-content{block-size:0;overflow:clip;transition:block-size .4s var(--ac-ease),content-visibility .4s allow-discrete}.ac-course details[open]::details-content{block-size:auto}.ac-course-label{font-family:var(--pd-font-display);font-size:1.25rem;line-height:1.3}.ac-course ol{display:grid;gap:.25rem;list-style:none;padding-block-end:.5rem}.ac-course li a{display:flex;gap:.75rem;padding:.5rem;border-radius:10px;text-decoration:none;transition:background-color .3s var(--ac-ease)}.ac-course li a:hover{background:var(--ac-muted-bg)}.ac-course li img,.ac-course-thumb{flex-shrink:0;width:6rem;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover;object-position:top;background:var(--ac-muted-bg)}.ac-course-text{display:grid;align-content:start;gap:.125rem;min-width:0}.ac-course-title{font-size:.875rem;line-height:1.375}.ac-course-text .ac-muted{font-size:.75rem}.ac-course li a[aria-current=page]{background:var(--ac-secondary)}.ac-course li a[aria-current=page] .ac-course-title{color:var(--pd-primary);font-weight:600}@media(max-width:600px){.ac-video .video-nav-row{flex-direction:column}.ac-video .nav-link{width:100%}}.video-modal{background:#0d1f16d9;backdrop-filter:blur(12px);opacity:0;transition:opacity .35s var(--ac-ease),overlay .35s allow-discrete,display .35s allow-discrete}.video-modal[open]{opacity:1}.video-modal .video-container,.video-modal .video-title-bar{transition:transform .5s var(--ac-ease),opacity .5s var(--ac-ease)}@starting-style{.video-modal[open]{opacity:0}.video-modal[open] .video-container,.video-modal[open] .video-title-bar{opacity:0;transform:translateY(.75rem) scale(.98)}}.video-modal-close,.video-nav{background:var(--pd-surface);color:var(--pd-text);transition:transform .4s var(--ac-ease)}.video-modal-close{inset-inline:auto 1rem}.video-nav:hover{transform:scale(1.06)}.video-title-bar{font-family:var(--pd-font-display);font-size:1.15rem}#video-counter{font-family:var(--pd-font-body);font-size:.85rem;font-variant-numeric:tabular-nums}.ac-main{flex:1}.ac-footer{border-top:1px solid var(--pd-border);padding-block:2rem;color:var(--pd-muted);font-size:.875rem}.ac-footer .ac-wrap{display:flex;flex-wrap:wrap;gap:.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}@view-transition{navigation:none}}html:root{--pd-primary: oklch(.5 .13 245);--pd-font-body: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--pd-on-primary: #ffffff;--pd-accent: oklch(.5 .13 245);--pd-bg: oklch(.985 .004 245);--pd-surface: #ffffff;--pd-text: oklch(.22 .012 245);--pd-muted: oklch(.48 .012 245);--pd-border: oklch(.89 .008 245);--pd-radius: 12px;--pd-font-display: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif}:root{--ac-muted-bg: oklch(.96 .008 245);--ac-secondary: oklch(.95 .039 245);--ac-on-accent: oklch(.22 .012 245)}.ac-header{background:#f8fafde6}