.wg{--wg-gap: clamp(28px, 4vw, 48px);display:grid;gap:var(--wg-gap);color:var(--wb-ink, inherit);font-size:var(--ui-fs-body, 13px);line-height:1.55}.wg[data-compact]{--wg-gap: 28px}.wg-page{width:min(1120px,100%);margin:0 auto;padding:8px var(--mp-gutter, 16px) 72px}.wg-section{display:grid;gap:14px;min-width:0}.wg-h{margin:0;font-size:var(--ui-fs-heading, 20px);font-weight:650;letter-spacing:-.01em;line-height:1.25}.wg[data-compact] .wg-h{font-size:var(--ui-fs-title, 16px)}.wg-lead{margin:0;max-width:68ch;color:var(--wb-ink2, inherit)}.wg-note{margin:0;color:var(--wb-ink3, var(--wb-ink2));font-size:var(--ui-fs-micro, 11px)}.wg-media{position:relative;width:100%;max-width:100%;margin:0;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--wb-ink, #fff) 5%,transparent)}.wg-media :is(img,video){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wg-media video[controls]{-o-object-fit:contain;object-fit:contain;background:#000}.wg-media-label{position:absolute;left:8px;top:8px;padding:2px 7px;border-radius:999px;background:#0000008c;color:#fff;font-size:var(--ui-fs-micro, 11px);pointer-events:none}.wg-media[data-compare] .wg-media-label{z-index:4}.wg-media-input{position:absolute;right:8px;bottom:8px;z-index:2;display:grid;width:clamp(56px,24%,120px);overflow:hidden;border:2px solid rgba(255,255,255,.9);border-radius:10px;background:#000;box-shadow:0 8px 24px #00000073;pointer-events:none}.wg-media-input img{display:block;width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover}.wg-media-input span{position:absolute;left:4px;bottom:4px;padding:1px 6px;border-radius:999px;background:#0009;color:#fff;font-size:11px;font-weight:600}.wg-media-play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:#00000040;color:#fff;cursor:pointer}.wg-media-open{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;border:0;background:transparent;cursor:zoom-in}.wg-media-open-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#0009;color:#fff;font-size:11px;font-weight:600;opacity:.9;transition:opacity .2s ease,transform .2s ease}.wg-media-open-pill svg{width:12px;height:12px}.wg-media-open:hover .wg-media-open-pill,.wg-media-open:focus-visible .wg-media-open-pill{opacity:1;transform:translateY(-1px)}.wg-media-expand{position:absolute;right:10px;top:10px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.wg-media-expand svg{width:16px;height:16px}.wg-media-play svg{width:36px;height:36px;padding:10px;border-radius:50%;background:#0000008c}.wg-hero .wg-media,.wg-hero-media{max-height:min(68vh,640px)}.wg-step .wg-media{max-height:min(60vh,460px)}.wg-media[data-label=screen] :is(img,video){-o-object-fit:contain;object-fit:contain}.wg-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:0}.wg-glance div{padding:12px 14px;border:1px solid var(--wb-line, rgba(255, 255, 255, .08));border-radius:12px}.wg-glance dt{color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px)}.wg-glance dd{display:grid;gap:2px;margin:3px 0 0;font-weight:600}.wg-glance dd small{color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px);font-weight:400}.wg-steps{display:grid;gap:22px;margin:0;padding:0;list-style:none;counter-reset:wg-step}.wg-step{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(16px,3vw,36px);align-items:center}.wg-step:nth-child(2n) .wg-media{order:2}.wg-step:not(:has(.wg-media)){grid-template-columns:minmax(0,1fr)}.wg-step-text{display:grid;gap:6px;max-width:56ch}.wg-step-text p{margin:0;color:var(--wb-ink2, inherit)}.wg-step-num{color:var(--im-accent, var(--st-gold, #e9c98f));font-size:var(--ui-fs-micro, 11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wg-step-title{font-size:var(--ui-fs-title, 16px);font-weight:650}.wg-details{display:grid;gap:4px;margin:4px 0 0;padding-left:16px;color:var(--wb-ink2, inherit);font-size:var(--ui-fs-meta, 12px)}.wg-start{display:flex;flex-wrap:wrap;gap:8px}.wg-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--wb-line, rgba(255, 255, 255, .08));border-radius:12px}.wg-table{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--ui-fs-meta, 12px)}.wg-table :is(th,td){padding:10px 14px;border-bottom:1px solid var(--wb-line, rgba(255, 255, 255, .08));text-align:left;vertical-align:top}.wg-table tr:last-child :is(th,td){border-bottom:0}.wg-table thead th{color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px);font-weight:600;letter-spacing:.03em;background:color-mix(in srgb,var(--wb-ink, #fff) 4%,transparent)}.wg-table tbody th{font-weight:600}.wg-compare{min-width:760px}.wg-compare tbody th a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}.wg-compare tbody th a:hover{text-decoration-color:currentColor}.wg-ok,.wg-no{width:12px;height:12px;margin-right:6px;vertical-align:-1px}.wg-ok{color:#4ade80}.wg-no{color:#f87171}.wg-metric{font-weight:700}.wg-source{display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px);text-decoration:underline;text-underline-offset:2px}.wg-source svg{width:11px;height:11px}.wg-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.wg-use{display:grid;align-content:start;gap:12px;padding:12px;border:1px solid var(--wb-line, rgba(255, 255, 255, .08));border-radius:16px}.wg-use .wg-media{max-height:300px}.wg-use-text{display:grid;gap:6px}.wg-use-text strong{font-size:var(--ui-fs-title, 15px)}.wg-use-text p{margin:0;color:var(--wb-ink2, inherit)}.wg-who{color:var(--im-accent, var(--st-gold, #e9c98f));font-size:var(--ui-fs-micro, 11px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wg-play{display:grid;gap:4px;margin:2px 0 0;padding-left:18px;font-size:var(--ui-fs-meta, 12px)}.wg-outcome{display:flex;align-items:flex-start;gap:6px;font-weight:600;color:var(--wb-ink, inherit)!important;font-size:var(--ui-fs-meta, 12px)}.wg-outcome svg{flex:none;width:13px;height:13px;margin-top:3px}.wg-chart{display:grid;gap:10px;margin:0;padding:14px;border:1px solid var(--wb-line, rgba(255, 255, 255, .08));border-radius:14px}.wg-chart-title{font-weight:600}.wg-chart-title small{margin-left:6px;color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px);font-weight:400}.wg-chart ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.wg-bar{display:grid;grid-template-columns:minmax(84px,120px) 1fr auto;align-items:center;gap:12px}.wg-bar-name{display:grid;font-size:var(--ui-fs-meta, 12px);font-weight:600}.wg-bar-name small{color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px);font-weight:400}.wg-bar-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--wb-ink, #fff) 7%,transparent);overflow:hidden}.wg-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--im-accent, #c08cff) 70%,transparent),var(--im-accent, #c08cff))}.wg-bar-value{min-width:4ch;font-variant-numeric:tabular-nums;text-align:right}.wg-faq{display:grid;gap:4px 0;margin:0}.wg-faq dt{margin-top:10px;font-weight:600}.wg-faq dd{margin:0;max-width:72ch;color:var(--wb-ink2, inherit)}.wg-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin:0;padding:0;list-style:none}.wg-related a{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;min-height:44px;padding:12px 14px;border:1px solid var(--wb-line, rgba(255, 255, 255, .08));border-radius:12px;color:inherit;text-decoration:none;transition:border-color .2s ease}.wg-related a:hover{border-color:color-mix(in srgb,var(--im-accent, #c08cff) 60%,transparent)}.wg-related strong{font-size:var(--ui-fs-meta, 12px)}.wg-related span{grid-column:1;color:var(--wb-ink2, inherit);font-size:var(--ui-fs-micro, 11px)}.wg-related svg{grid-row:1 / span 2;grid-column:2;width:14px;height:14px}.mp.wg-root .mp-hero h1{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.02em}.wg-index .mp-card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.im-material-dialog.im-material .wg-media-play{min-height:0;border:0;border-radius:0;background:#00000040!important;box-shadow:none}@media(max-width:767px){.cv2-detail.im-material-dialog.im-material .wg[data-compact] p{font-size:var(--ui-fs-body, 13px)!important}.cv2-detail.im-material-dialog.im-material .wg[data-compact] p.wg-outcome{font-size:var(--ui-fs-meta, 12px)!important}.cv2-detail.im-material-dialog.im-material .wg[data-compact] p.wg-note{font-size:var(--ui-fs-micro, 11px)!important}}@media(pointer:coarse)and (max-height:500px){.cv2-detail.im-material-dialog.im-material .wg[data-compact] p:where([data-mn-landscape],[data-mn-landscape] *){font-size:var(--ui-fs-body, 13px)!important}.cv2-detail.im-material-dialog.im-material .wg[data-compact] p.wg-outcome:where([data-mn-landscape],[data-mn-landscape] *){font-size:var(--ui-fs-meta, 12px)!important}.cv2-detail.im-material-dialog.im-material .wg[data-compact] p.wg-note:where([data-mn-landscape],[data-mn-landscape] *){font-size:var(--ui-fs-micro, 11px)!important}}@media(max-width:47.99rem){.wg-step{grid-template-columns:minmax(0,1fr)}.wg-step:nth-child(2n) .wg-media{order:0}.wg-bar{grid-template-columns:76px 1fr auto;gap:8px}}@media(pointer:coarse)and (max-height:500px){.wg-step:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:minmax(0,1fr)}.wg-step:nth-child(2n) .wg-media:where([data-mn-landscape],[data-mn-landscape] *){order:0}.wg-bar:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:76px 1fr auto;gap:8px}}
