/* W36: supplied widget render; scoped to widget surfaces only. */
.widget-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#f3f4f6}
.widget-panel .panel-intro{padding:32px 0 32px 30px}
.widget-panel .panel-intro h3{font-size:32px;line-height:1.12}
.widget-panel .panel-intro>p:not(.eyebrow){font-size:13px;line-height:1.7}
.widget-panel .panel-intro .micro{font-size:11px;color:#686874;max-width:270px}
.widget-benefits{list-style:none;padding:0;margin:23px 0 21px;display:grid;gap:11px;font-size:12px;color:#333340}
.widget-benefits li{position:relative;padding-left:19px}
.widget-benefits li:before{content:'✓';position:absolute;left:0;color:#575765}
.widget-zoom{display:block;border:0;padding:0;background:transparent;cursor:zoom-in;width:100%;border-radius:10px}
.widget-zoom:focus-visible,.widget-detail:focus-visible,.widget-dialog-close:focus-visible{outline:2px solid #373742;outline-offset:4px}
.real-widget{padding:22px 20px}
.real-widget .widget-zoom img{display:block;width:min(100%,275px);height:auto;margin:auto;border:0;border-radius:0;box-shadow:none}
.case-widget .widget-zoom img{border:0;border-radius:0;height:auto}
.widget-detail{display:inline-block;font:inherit;color:#24242e;text-decoration:underline;text-underline-offset:4px;background:none;border:0;min-height:40px;padding:10px 2px;cursor:pointer}
.real-widget figcaption{font-size:10px;line-height:1.5;margin-top:4px}
.real-widget .widget-detail{font-size:12px}
.case-widget .widget-detail{font-size:10px}
.widget-preview-dialog{border:1px solid #dedee5;border-radius:16px;padding:22px 28px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#f6f6f8;color:#171725}
.widget-preview-dialog::backdrop{background:rgba(20,20,30,.6)}
.widget-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.widget-dialog-bar h2{font-size:22px;line-height:1.2}
.widget-dialog-close{display:flex;align-items:center;gap:13px;min-height:44px;background:#fff;border:1px solid #d8d8df;border-radius:7px;padding:8px 12px;font-size:12px;cursor:pointer;flex-shrink:0}
.widget-dialog-close span{font-size:23px;line-height:1}
.widget-dialog-description,.widget-dialog-note{font-size:12px;line-height:1.6;color:#62626f;margin:12px 0}
.widget-preview-dialog>img{display:block;width:min(100%,365px);height:auto;margin:18px auto 0}
.widget-dialog-note{text-align:center;font-size:10px;margin-bottom:0}
@media(max-width:1100px) and (min-width:761px){.widget-panel{grid-template-columns:1fr 1fr}.widget-panel .panel-intro{padding:25px 0 25px 22px}.widget-panel .panel-intro h3{font-size:27px}.widget-panel .panel-intro>p:not(.eyebrow){font-size:12px}.widget-benefits{font-size:11px}.real-widget{padding-inline:14px}}
@media(max-width:540px){.widget-panel{display:block}.widget-panel .panel-intro{padding:25px 24px 0}.widget-panel .panel-intro h3{font-size:29px}.widget-panel .panel-intro h3 br{display:block}.widget-benefits{margin-block:19px}.widget-panel .panel-intro .micro{max-width:none}.real-widget{padding:18px 24px}.real-widget .widget-zoom img{width:min(100%,265px)}.widget-preview-dialog{padding:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.widget-dialog-bar h2{font-size:19px}.widget-dialog-bar{gap:10px}.widget-dialog-close{font-size:11px;gap:8px;padding-inline:9px}.widget-dialog-description{font-size:11px}}