/* Scoped media additions. Page typography and layout come from the site's CSS. */
.wn-product-demo{margin:32px 0;max-width:min(100%,var(--native-max-width,100%));scroll-margin-top:110px}
.wn-demo-viewport{overflow:auto;box-shadow:0 0 0 1px var(--line,#e2e3e9);border-radius:12px;background:var(--canvas,#f4f5f8)}
.wn-demo-shot{display:block;width:100%;color:inherit!important;text-decoration:none!important;cursor:zoom-in}
.wn-demo-frame{display:flex;align-items:center;justify-content:center}
.wn-product-demo [hidden]{display:none!important}
.wn-demo-crop{display:block;position:relative;width:100%;min-width:var(--shot-min-width,min(580px,var(--native-max-width,580px)));max-width:var(--shot-max-width,none);margin-inline:auto;aspect-ratio:var(--crop-ratio);overflow:hidden}
.wn-demo-source{margin-top:14px;font:400 var(--label-copy)/1.65 var(--body);color:var(--text-link)}
.wn-demo-source summary{padding:8px 0;cursor:pointer}
.wn-demo-source .wn-demo-crop{margin-top:14px;border-radius:8px}
.wn-demo-crop .wn-native-raster{display:block;position:absolute;max-width:none;width:var(--shot-width);height:auto;left:var(--shot-left);top:var(--shot-top)}
.wn-demo-frame:not([hidden]){animation:wn-frame-in .24s ease-out}
.wn-demo-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.wn-demo-controls button{border:1px solid #dcdde5;border-radius:8px;padding:8px 13px;background:#fff;color:var(--text-primary);font:500 var(--label-copy)/1.5 var(--body);min-height:40px}
.wn-demo-controls button[aria-pressed=true]{background:var(--purple-soft,#f0ecfc);border-color:#bcb0e1;color:var(--text-link,#5730ad)}
.wn-demo-controls .wn-play{margin-left:auto}
.wn-product-demo figcaption{margin-top:14px!important;color:var(--text-secondary);font:400 var(--label-copy)/1.65 var(--body)}
.wn-demo-original{font-size:var(--label-copy);text-decoration:underline!important;text-underline-offset:3px;color:var(--text-link)!important}
.wn-demo-mobile-hint{display:none}
.wn-demo-viewport.wn-phone{background:var(--canvas);padding:24px;overflow:hidden}
.wn-phone .wn-demo-shot{max-width:270px;margin:auto}
.wn-phone img{display:block;width:100%;height:auto;border:1px solid #dcdde5;border-radius:26px}
.wn-review-link{display:block;position:static;width:max-content;max-width:calc(100% - 48px);margin:24px auto;background:#fff;border:1px solid #dcdde5;border-radius:8px;padding:9px 13px;box-shadow:0 3px 15px #1717190d;color:var(--text-primary);font:500 14px/1.5 var(--body);text-decoration:none}
.wn-demo-home{padding-block:40px 70px}
.wn-study .chapter-list>a b{display:block;color:var(--text-link);font-size:var(--label-copy);margin-top:12px}
.wn-map-controls{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}
.wn-map-controls label{font-size:var(--label-copy);display:grid;gap:6px}
.wn-map-controls label:first-child{flex:1;min-width:200px}
.wn-map-controls input,.wn-map-controls select{max-width:100%;min-height:44px;border:1px solid #dcdde5;border-radius:8px;background:white;padding:8px 12px;font:inherit;color:var(--text-primary)}
.wn-study table{font-size:16px;line-height:1.6;min-width:680px}
.wn-study td small{display:block;font-size:14px;overflow-wrap:anywhere;color:var(--text-secondary);margin-top:6px}
.wn-study .wn-count{font-size:var(--label-copy)}
@keyframes wn-frame-in{from{opacity:.4}to{opacity:1}}
@media(max-width:800px){.wn-demo-mobile-hint{display:inline}.wn-demo-controls{gap:6px}.wn-demo-controls button{padding:8px 10px}.wn-demo-controls .wn-play{margin-left:0}.wn-review-link{font-size:12px;padding:7px 10px}.wn-phone .wn-demo-shot{max-width:230px}.wn-demo-viewport.wn-phone{padding:20px}.wn-demo-home{padding-block:28px 40px}}
@media(prefers-reduced-motion:reduce){.wn-demo-frame:not([hidden]){animation:none}}

/* A generated lecture photograph is decorative; the native app stays sharp. */
.wn-demo-viewport.wn-phone-lecture{position:relative;isolation:isolate;padding:30px 24px;background:#79736b}
.wn-phone-lecture>.wn-context-backdrop{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%;border:0;border-radius:inherit;filter:brightness(.82) saturate(.84);pointer-events:none}
.wn-phone-lecture::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#16171b1f,transparent 38%,transparent 62%,#16171b1f);pointer-events:none}
.wn-phone-lecture .wn-demo-frame{position:relative;z-index:1}
.wn-phone-lecture .wn-demo-shot{width:min(82%,288px);max-width:none;margin-inline:auto}
.wn-phone-lecture .wn-demo-shot img{border-color:#ffffff9e;box-shadow:0 18px 55px #0005;filter:none}
@media(max-width:800px){.wn-demo-viewport.wn-phone-lecture{padding:22px 14px}.wn-phone-lecture .wn-demo-shot{width:min(84%,260px)}.wn-phone-lecture>.wn-context-backdrop{object-position:50% 40%}}