.zh-walkthrough{--zh-card-border:var(--zy-card-line,color-mix(in srgb,var(--color-text) 20%,var(--color-surface)));min-width:0;margin:0}.zh-walkthrough-toggle{position:absolute;bottom:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--zh-card-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font:inherit;font-size:12px;cursor:pointer;transition:background-color var(--d-micro,.16s) var(--ease-out,ease),border-color var(--d-micro,.16s) var(--ease-out,ease),color var(--d-micro,.16s) var(--ease-out,ease)}@media (hover:hover) and (pointer:fine){.zh-walkthrough-toggle:hover:where(:not(:disabled):not([aria-disabled=true])){background:color-mix(in srgb,var(--color-accent) 7%,var(--color-surface));border-color:var(--color-accent-text);color:var(--color-accent-text)}}.zh-walkthrough-toggle:focus-visible,.zh-walkthrough-transcript summary:focus-visible{outline:2px solid var(--color-accent-text);outline-offset:4px}.zh-walkthrough-toggle:disabled{opacity:.6;cursor:default}.zh-walkthrough-followup{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:44px;color:var(--color-accent-text);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}.zh-walkthrough-followup:hover{text-decoration:underline;text-underline-offset:4px}.zh-walkthrough-followup:focus-visible{outline:2px solid var(--color-accent-text);outline-offset:4px}.zh-walkthrough-frame{position:relative;aspect-ratio:var(--zh-walkthrough-aspect,3/2);overflow:hidden;border:1px solid var(--zh-card-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.zh-walkthrough-media{position:absolute;inset:0}.zh-walkthrough-media>img{display:block;width:100%;height:100%;object-fit:contain}.zh-walkthrough-video{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.zh-walkthrough-video[data-loaded]{opacity:1;pointer-events:auto}.zh-walkthrough-video::cue{font-size:14px}.zh-walkthrough-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none}.zh-walkthrough-steps li{display:flex;align-items:baseline;gap:10px;padding-top:12px;border-top:2px solid var(--zy-line);color:var(--zy-muted);font-size:14px;line-height:1.5}.zh-walkthrough-steps li[data-active]{border-top-color:var(--color-accent-text);color:var(--color-text)}.zh-walkthrough-steps li>span{color:var(--color-accent-text);font:500 11px var(--font-sans)}.zh-walkthrough figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:16px;color:var(--zy-muted);font-size:12px;line-height:1.5}.zh-walkthrough-transcript{border-top:1px solid var(--zy-line);padding-top:20px;color:var(--zy-muted);font-size:14px;line-height:1.65}.zh-walkthrough-transcript summary{width:fit-content;color:var(--color-text);font-weight:600;cursor:pointer}.zh-walkthrough-transcript ol{display:grid;gap:10px;padding-left:20px}.zh-walkthrough-transcript p{max-width:85ch;margin-bottom:0}@media (max-width:700px){.zh-walkthrough-toggle{bottom:8px;right:8px;padding-inline:8px}.zh-walkthrough-steps{gap:10px}.zh-walkthrough-steps li{flex-direction:column;gap:5px;font-size:12px}}@media print{.zh-walkthrough-toggle,.zh-walkthrough-video{display:none}.zh-walkthrough-transcript::details-content{content-visibility:visible}}.zh-walkthrough-toggle:active:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));border-color:var(--color-accent-text);color:var(--color-accent-text);transform:none}@media (prefers-reduced-motion:reduce){.zh-walkthrough-toggle{transition:none}}