/* Compact source-library presentation, with its explanation alongside. */
.wf-updates { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr); gap:46px; align-items:center; max-width:1300px; margin:0 auto 100px; padding:18px; background:#f4f4f5; border:1px solid #eeeff0; border-radius:5px; scroll-margin-top:105px; }
.wf-updates-scene { position:relative; min-width:0; padding:32px 27px 39px; background:#e5e7ed url('/assets/landing-extraction-landscape.png') center 62% / cover no-repeat; border-radius:4px; }
.wf-updates-scene .we-demo-window { border-radius:8px; box-shadow:0 16px 34px #30383a24; }
.wf-updates-scene .we-demo-titlebar { height:25px; }
.wf-updates-scene .we-demo-titlebar h2 { font-size:10px; }
.wf-updates-scene .we-window-controls i { width:7px; height:7px; }
.wf-updates-scene .we-mode { font-size:8px; }
.wf-demo-viewport { position:relative; width:100%; height:580px; overflow:hidden; background:#f5f5ee; }
:is(#we-follow-frame,#we-material-frame) { display:block; width:1120px; height:870px; border:0; transform-origin:0 0; background:#f5f5ee; color-scheme:light; }
.wf-materials { grid-template-columns:minmax(230px,1fr) minmax(0,2.2fr); }
.wf-materials .wf-updates-story { padding:24px 0 24px 26px; }
.wt-tour .wf-updates-reset { position:absolute; bottom:13px; right:16px; display:grid; place-items:center; width:29px; height:29px; min-height:29px; padding:7px; border:0; border-radius:50%; background:#f8f8f3ed; }
.wf-updates-reset img { opacity:.63; }.wf-updates-reset:hover img { opacity:1; }
.wf-updates-story { min-width:0; padding:24px 26px 24px 0; }
.wt-tour .wf-updates-eyebrow { margin-bottom:18px; font-size:12px; color:#767c80; }
.wf-updates-story h3 { font-size:clamp(25px,2.3vw,32px); font-weight:500; line-height:1.45; letter-spacing:-.7px; margin-bottom:18px; color:#292d30; }
.wf-updates-story > p:not(.wf-updates-eyebrow):not(.wf-updates-note) { font-size:17px; line-height:1.8; color:#72777c; }
.wt-tour .wf-updates-note { margin-top:21px; font-size:12px; line-height:1.9; color:#858a8f; }
.wf-updates-story .wt-link { display:inline-flex; margin-top:25px; font-size:13px; color:#6954a0; }
.wf-updates .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1100px) { .wf-updates { gap:25px; grid-template-columns:minmax(0,2fr) minmax(200px,1fr); }.wf-updates-scene { padding:26px 20px 37px; }.wf-updates-story { padding-right:10px; }.wf-updates-story > p:not(.wf-updates-eyebrow):not(.wf-updates-note) { font-size:15px; } }
@media(max-width:800px) { .wf-updates { grid-template-columns:1fr; gap:22px; padding:14px; margin-bottom:55px; }.wf-updates-story { grid-row:1; padding:15px 12px 5px; }.wf-updates-story h3 { font-size:27px; margin-bottom:12px; }.wf-updates-story h3 br { display:none; }.wt-tour .wf-updates-eyebrow { margin-bottom:10px; }.wt-tour .wf-updates-note { margin-top:12px; }.wf-updates-story .wt-link { margin-top:15px; }.wf-updates-scene { padding:24px 17px 47px; } }
@media(max-width:500px) { .wf-updates { padding:9px; }.wf-updates-scene { padding:18px 10px 45px; }.wf-updates-story { padding-inline:8px; }.wf-updates-story h3 { font-size:24px; }.wf-updates-scene .we-mode { display:none; } }
@media(max-width:1100px) and (min-width:801px) { .wf-materials { grid-template-columns:minmax(200px,1fr) minmax(0,2fr); }.wf-materials .wf-updates-story { padding-left:10px; } }
@media(max-width:800px) { .wf-materials .wf-updates-story { padding:15px 12px 5px; } }