/* All examples are readable in document flow by default. Desktop enhancement
   pins the existing composition only when the complete screen fits. */
.lv-product-track{position:relative}
.lv-scroll-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}
.lv-scroll-hint{font-size:12px;line-height:1.5;color:var(--muted)}
.lv-scroll-count{display:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--green-dark);white-space:nowrap}
.lv-scroll-progress{list-style:none;display:flex;gap:20px;padding:0;margin:16px 0 0}
.lv-scroll-progress li{display:flex;flex:1;flex-direction:column;gap:10px;font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap}
.lv-scroll-progress li>span{height:2px;background:var(--line);width:100%;display:block}
.lv-screen-step{font-size:11px;font-weight:500;line-height:1.5;color:var(--green-dark);margin-bottom:22px}
.lv-screen-panels>.lv-screen-body+.lv-screen-body{border-top:1px solid var(--border);margin-top:18px;padding-top:34px}
.lv-product:not(.is-scroll-preview) .lv-product-layout{align-items:start}
.lv-product:not(.is-scroll-preview) .lv-screen-body{min-height:0}
.lv-product:not(.is-scroll-preview) .lv-product-copy{padding-top:20px}
.lv-product.is-scroll-preview .lv-product-layout{position:sticky;align-items:center}
.is-scroll-preview .lv-scroll-count{display:block}
.is-scroll-preview .lv-scroll-progress li[data-active=true]{color:var(--green-dark);font-weight:600}
.is-scroll-preview .lv-scroll-progress li[data-active=true]>span{background:var(--green)}
.is-scroll-preview .lv-screen-panels{display:grid}
.is-scroll-preview .lv-screen-body{grid-area:1/1;min-width:0;opacity:0;pointer-events:none;transition:opacity .2s ease-out}
.is-scroll-preview .lv-screen-body[data-active=true]{opacity:1;pointer-events:auto}
.is-scroll-preview .lv-screen-step{display:none}
.is-scroll-preview .lv-screen-panels>.lv-screen-body+.lv-screen-body{border-top:0;margin-top:0;padding-top:30px}
@media(min-width:1650px){.is-scroll-preview .lv-screen-panels>.lv-screen-body+.lv-screen-body{padding-top:34px}}
@media(max-width:1200px){.lv-scroll-progress{gap:16px}.is-scroll-preview .lv-screen-panels>.lv-screen-body+.lv-screen-body{padding-top:25px}}
@media(max-width:1000px){.lv-product:not(.is-scroll-preview) .lv-product-copy{padding-top:0}.lv-scroll-heading,.lv-scroll-progress{max-width:400px}.lv-screen-panels>.lv-screen-body+.lv-screen-body{padding-top:28px;margin-top:10px}}
@media(max-width:540px){.lv-scroll-heading{margin-top:22px}.lv-scroll-progress{gap:20px;margin-top:15px}.lv-scroll-progress li{font-size:11px}.lv-screen-step{font-size:11px;margin-bottom:20px}.lv-screen-panels>.lv-screen-body+.lv-screen-body{margin-top:0;padding-top:28px}}
@media print{.lv-product-track{height:auto!important}.is-scroll-preview .lv-product-layout{position:static!important}.is-scroll-preview .lv-screen-panels{display:block}.is-scroll-preview .lv-screen-body{opacity:1}.is-scroll-preview .lv-screen-step{display:block}.lv-scroll-heading,.lv-scroll-progress{display:none}}