/* Product help inherits the workspace header; language tools stay in content. */
.vzr-guide-language{display:flex;justify-content:flex-end;margin:0 0 8px}
.vzr-guide-language nav{display:flex;flex-wrap:wrap;gap:8px}
.vzr-guide-language a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--vz-line,#dce1eb);border-radius:9px;color:var(--vz-ink,#18263b);background:var(--vz-panel,#fff);font-size:13px;font-weight:600;text-decoration:none}
.vzr-guide-language a[aria-current=true]{border-color:#c51236;color:var(--vz-accent,#c51236)}
.vzr-guide-language a:focus-visible{outline:3px solid #1869c4;outline-offset:3px}
.vzr-guide-index{margin:16px 0;padding:12px;border:1px solid var(--vzr-border,#8886);border-radius:12px}
.vzr-guide-index summary{cursor:pointer;font-weight:600;min-height:28px}
.vzr-guide-index[open] summary{margin-bottom:12px}
.vzr-screen-product-guide .vzr-admin-panel{scroll-margin-top:80px}
.vzr-screen-product-guide .vzr-admin-panel li{overflow-wrap:break-word}
@media(max-width:600px){
 .vzr-screen-product-guide .vzr-admin{min-width:0;padding:20px 14px}
 .vzr-screen-product-guide .vzr-admin-panel{padding:18px 14px;min-width:0;scroll-margin-top:130px}
 .vzr-screen-product-guide .vzr-admin-panel h2{font-size:20px}
 .vzr-guide-index .vzr-library-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
 .vzr-guide-index .vzr-library-toolbar a{white-space:normal;min-height:44px}
}
/* Real UI tutorials: original screenshots remain untouched; arrows are a vector UI overlay. */
.vzr-real-guide{max-width:1400px;min-width:0}.vzr-guide-hero{padding:28px 0 24px;max-width:1000px}.vzr-guide-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#b51236;margin:0 0 12px}.vzr-guide-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.24;letter-spacing:-.035em;margin:10px 0 16px}.vzr-guide-hero>p:not(.vzr-guide-eyebrow){line-height:1.85}.vzr-guide-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.vzr-guide-meta span{font-size:12px;padding:5px 10px;border:1px solid var(--vzr-border,#8886);border-radius:6px}.vzr-guide-caption{font-size:13px;max-width:90ch;opacity:.85}.vzr-guide-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.vzr-guide-groups a{display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid var(--vzr-border,#8886);border-radius:14px;text-decoration:none;background:var(--vz-panel,#fff);color:inherit}.vzr-guide-groups a:hover{border-color:#ba1539}.vzr-guide-groups strong{font-size:19px}.vzr-guide-groups span{font-size:13px;line-height:1.7}.vzr-guide-hint{font-size:13px;line-height:1.85;padding:14px 18px;border-left:3px solid #b51236;background:var(--vz-panel,#fff)}.vzr-tutorial-group{padding:36px 0 0;scroll-margin-top:85px}.vzr-tutorial-group>header h2{font-size:30px;letter-spacing:-.025em;margin:8px 0 12px}.vzr-tutorial-group>header>p:last-child{font-size:15px;line-height:1.8;margin:0 0 20px}.vzr-tutorial-jump{padding:14px 18px;border:1px solid var(--vzr-border,#8886);border-radius:10px;margin-bottom:20px}.vzr-tutorial-jump summary{cursor:pointer;min-height:32px;font-size:14px;font-weight:600}.vzr-tutorial-jump nav{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:12px}.vzr-tutorial-jump nav a{min-height:36px;font-size:13px}.vzr-tutorial-card{background:var(--vz-panel,#fff);border:1px solid var(--vzr-border,#8886);border-radius:16px;padding:24px;margin:18px 0 28px;min-width:0;scroll-margin-top:85px}.vzr-tutorial-card h3{font-size:23px;line-height:1.5;letter-spacing:-.02em;margin:0 0 14px}.vzr-shot-zoom{width:18px;height:18px;vertical-align:middle;accent-color:#b51236;margin:0 8px 0 0}.vzr-shot-zoom-label{display:inline-block;min-height:44px;font-size:13px;line-height:44px;cursor:pointer;vertical-align:middle}.vzr-shot-scroll{overflow:auto;max-width:100%;border:1px solid #b6bbc5;border-radius:10px;scrollbar-width:thin;background:#eef0f4;overscroll-behavior:contain auto;touch-action:pan-x pan-y pinch-zoom}.vzr-shot-canvas{display:block;position:relative;width:100%;aspect-ratio:var(--shot-ratio);margin:0;line-height:0}.vzr-shot-canvas>img{display:block;width:100%;height:auto;max-width:none}.vzr-shot-zoom:checked~.vzr-shot-scroll .vzr-shot-canvas{min-width:1200px}.vzr-tutorial-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vzr-arrow-halo{stroke:#fff;stroke-width:10;stroke-linecap:round}.vzr-arrow-line{stroke:#c80038;stroke-width:5;stroke-linecap:round}.vzr-tutorial-steps{list-style:none;padding:0!important;margin:22px 0 0;counter-reset:steps}.vzr-tutorial-steps li{display:flex;gap:14px;margin:14px 0;align-items:flex-start;line-height:1.95;font-size:15px}.vzr-tutorial-steps li>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;margin-top:3px;border-radius:50%;background:#c80038;color:#fff;font:700 14px/1 'VIZRO Assamese UI',Arial,sans-serif}.vzr-tutorial-steps li>p{margin:0;max-width:95ch}.vzr-tutorial-note{padding:14px 18px;border-left:3px solid #b98522;background:var(--vz-bg,#f6f7f9);font-size:13px;line-height:1.9;overflow-wrap:anywhere;margin-top:22px}.vzr-tutorial-back{display:inline-block;font-size:13px;min-height:44px;line-height:44px}.vzr-guide-reference{margin:44px 0}.vzr-guide-reference h2{font-size:26px}.vzr-guide-reference ol{line-height:1.95;font-size:14px;padding-left:24px}.vzr-guide-reference li{margin:8px 0}.vzr-real-guide a:focus-visible,.vzr-real-guide summary:focus-visible,.vzr-real-guide input:focus-visible,.vzr-shot-scroll:focus-visible{outline:3px solid #1869c4;outline-offset:4px}html[data-vizro-theme=dark] .vzr-guide-eyebrow{color:#ffb2c1}html[data-vizro-theme=dark] .vzr-tutorial-note{background:#303030;color:#e6e8ee}
@media(max-width:720px){.vzr-real-guide{padding-left:14px!important;padding-right:14px!important}.vzr-guide-groups{grid-template-columns:1fr}.vzr-guide-hero{padding-top:18px}.vzr-guide-hero h1{font-size:30px}.vzr-tutorial-card{padding:16px 12px;border-radius:12px}.vzr-tutorial-card h3{font-size:21px}.vzr-tutorial-group>header h2{font-size:27px}.vzr-tutorial-steps li{font-size:15px;gap:10px}.vzr-shot-zoom-label{font-size:12px}.vzr-tutorial-note{padding:12px}.vzr-tutorial-card,.vzr-tutorial-group{scroll-margin-top:145px}}

/* Keep vertical page scrolling when the pointer is over a wide tutorial image.
   Horizontal overscroll stays inside the image; vertical scrolling chains to the page. */
html:has(body.vzr-screen-product-guide){scroll-behavior:smooth}
.vzr-screen-product-guide :is(#top,.vzr-tutorial-group,.vzr-tutorial-card,.vzr-guide-index){scroll-margin-top:calc(var(--vizro-header-height,64px) + 20px)}
.vzr-lesson-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;border-top:1px solid var(--vz-line,#dce1eb);padding-top:12px;margin-top:18px}
.vzr-lesson-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;font-size:13px;text-decoration:none;border-radius:7px;color:var(--vz-ink,#18263b)}
.vzr-lesson-navigation a:hover{background:var(--vz-active,#edf3ff)}
.vzr-lesson-navigation .vzr-tutorial-next{margin-left:auto;border:1px solid var(--vz-line,#dce1eb);font-weight:700}
@media(prefers-reduced-motion:reduce){html:has(body.vzr-screen-product-guide){scroll-behavior:auto!important}}

/* Compact lessons: screenshots support the steps without filling the page. */
.vzr-real-guide{max-width:1120px}.vzr-guide-hero{padding:16px 0}.vzr-guide-hero h1{font-size:clamp(25px,3vw,34px)}.vzr-tutorial-card{padding:18px;margin:14px 0}.vzr-tutorial-card h3{font-size:19px}.vzr-tutorial-card h3 small{font-size:13px;font-weight:600}.vzr-shot-scroll{max-width:520px;margin:8px auto 16px}.vzr-shot-zoom:checked~.vzr-shot-scroll{max-width:100%}.vzr-tutorial-steps li{line-height:1.8;margin:12px 0}.vzr-guide-groups a{padding:14px}.vzr-tutorial-group{padding-top:18px}

.vzr-guide-video{padding:18px;border:1px solid var(--vz-line,#8886);border-radius:14px;margin:16px 0;background:var(--vz-panel,#fff)}.vzr-guide-video h3{margin:0 0 10px;font-size:20px}.vzr-guide-video p{font-size:14px;line-height:1.8}.vzr-guide-video video{display:block;width:100%;max-width:760px;height:auto;margin:14px auto;background:#202330;border-radius:10px}

.vzr-guide-video>summary{cursor:pointer;min-height:44px;font-size:16px;font-weight:700;line-height:1.8;padding:8px}.vzr-guide-video[open]>summary{border-bottom:1px solid var(--vz-line,#8886);margin-bottom:14px}.vzr-guide-video:not([open])>video{display:none}

.vzr-guide-video iframe{display:block;width:100%;max-width:760px;aspect-ratio:16/9;border:0;border-radius:10px;margin:14px auto;background:#202330}