.diagram-image__preview{cursor:zoom-in;background:#c96796;border:0;border-top:1px solid #1f232840;border-radius:0;width:100%;padding:0;display:block;position:relative}.diagram-image__preview>img{aspect-ratio:1666/658;object-fit:contain;width:100%;height:auto;display:block}.diagram-image__expand{border:1px solid var(--rule);width:32px;height:32px;color:var(--ink);background:#ffffffeb;border-radius:4px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.diagram-image__preview:focus-visible,.diagram-image-viewer button:focus-visible,.diagram-image-viewer__viewport:focus-visible{outline:2px solid var(--link);outline-offset:-3px}.diagram-image-viewer{border:1px solid var(--rule);color:var(--ink);background:#fff;border-radius:8px;padding:0;overflow:hidden}.diagram-image-viewer[open]{grid-template-rows:auto minmax(0,1fr);width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;display:grid}.diagram-image-viewer::backdrop{background:#121212a6}.diagram-image-viewer__header{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px 16px;padding:12px 16px;display:grid}.diagram-image-viewer__header h2{font:400 16px/22px var(--plaak);text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;margin:0}.diagram-image-viewer button{width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.diagram-image-viewer button:hover,.diagram-image-viewer button[aria-pressed=true]{background:#ededed}.diagram-image-viewer button:disabled{opacity:.35;cursor:default}.diagram-image-viewer__tools{align-items:center;gap:4px;display:flex}.diagram-image-viewer__tools output{text-align:center;width:48px;font:400 12px/18px var(--mono)}.diagram-image-viewer__viewport{overscroll-behavior:contain;background:#f0f0f0;min-width:0;min-height:0;overflow:auto}.diagram-image-viewer__canvas{place-items:center;width:max-content;min-width:100%;min-height:100%;display:grid}.diagram-image-viewer__canvas img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.diagram-image-viewer__viewport[data-fit] .diagram-image-viewer__canvas{width:100%;height:100%}.diagram-image-viewer__viewport[data-fit] img{object-fit:contain;min-width:0;max-width:100%;max-height:100%}@media (width<=599px){.diagram-image-viewer[open]{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh}.diagram-image-viewer__header{grid-template-columns:minmax(0,1fr) 44px;padding:8px 12px}.diagram-image-viewer__tools{grid-area:2/1/auto/-1;justify-content:center}.diagram-image-viewer__close{grid-area:1/2}}@media (width<=1023px){.page--case .diagram__panel,.page--case .diagram__panel .panel-frame,.page--case .diagram__stage{width:100%;height:auto;position:relative;inset:auto;transform:none}.page--case .diagram__head,.page--case .diagram__noise{display:none}.page--case .diagram__title,.page--case .diagram__panel .diagram__lede{background:#ffefef;width:auto;margin:0;position:static}.page--case .diagram__title{letter-spacing:0;padding:28px 20px 18px;font-size:18px;line-height:24px}.page--case .diagram__lede{padding:0 20px 28px;font-size:16px;line-height:25px}.page--case .diagram__stage{padding:28px 20px}.notification-cycle__status{color:#111;width:fit-content;font:400 13px/18px var(--plaak);text-transform:uppercase;background:#cce6f4;border-radius:6px;margin:0;padding:10px 16px}.notification-cycle__status--stop{color:#fff;background:#a5192b}.notification-cycle__steps{border-left:1px solid #38232b;margin:0 0 0 18px;padding:12px 0 12px 24px;list-style:none}.notification-cycle__steps li{gap:5px;padding:16px 0;display:grid;position:relative}.notification-cycle__steps li:before{content:"";background:#1f2328;border-radius:50%;width:7px;height:7px;position:absolute;top:24px;left:-28px}.notification-cycle__steps span{font:400 12px/18px var(--mono)}.notification-cycle__steps strong{font:400 16px/24px var(--plaak);text-transform:uppercase}.notification-cycle__outcomes{border-top:1px solid #1f232840;gap:16px;margin:24px 0 0;padding-top:24px;display:grid}.notification-cycle__outcomes dt,.notification-timing h3{font:400 12px/18px var(--plaak);text-transform:uppercase;letter-spacing:0;margin:0 0 8px}.notification-cycle__outcomes dd,.notification-timing p{font:400 16px/24px var(--serif);margin:0}.notification-timing__trigger{padding-bottom:24px}.notification-timing__windows{margin:0;padding:0;list-style:none}.notification-timing__windows li{border-top:1px solid #1f232840;padding:24px 0}.notification-timing__windows li:last-child{padding-bottom:0}.notification-timing .wtoast{width:100%;height:auto;margin:14px 0 20px;position:relative}.notification-timing .wtoast__copy{height:auto}.notification-timing .wtoast__title,.notification-timing .wtoast__body{font-family:"Segoe UI Variable", "Segoe UI", var(--sans);font-size:14px;line-height:20px}.notification-timing .wtoast__title{font-weight:600}.notification-timing .wtoast__action{padding-block:12px}.diagram__details{border-top:1px solid #1f232840}.diagram__details summary{min-height:52px;font:400 12px/18px var(--plaak);text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;list-style:none;display:flex}.diagram__details summary::-webkit-details-marker{display:none}.diagram__details[open] summary svg{transform:rotate(180deg)}.diagram__details summary:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}}.notification-gallery{color:#1f2328;background:radial-gradient(at 50% 35%,#f2b5d1,#c96796);padding:24px 0 12px;position:relative}.notification-gallery__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-inline:max(16px,50% - 218px);scroll-padding-inline:max(16px,50% - 218px);display:flex;position:relative;overflow-x:auto}.notification-gallery__track::-webkit-scrollbar{display:none}.notification-gallery__item{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;min-width:0;max-width:436px;margin:0}.notification-gallery__item img{aspect-ratio:436/514;border-radius:8px;width:100%;height:auto;display:block}.notification-gallery__bar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;max-width:500px;margin:20px auto 0;padding-inline:16px;display:grid}.notification-gallery__bar button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.notification-gallery__bar button:disabled{opacity:.4;cursor:default}.notification-gallery__caption{text-align:center;min-height:70px}.notification-gallery__caption h3{font:400 16px/22px var(--plaak);text-transform:uppercase;letter-spacing:0;text-wrap:balance;margin:0}.notification-gallery__caption p{font:400 11px/16px var(--mono);margin:8px 0 0}.notification-gallery__dots{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.notification-gallery__dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:44px;padding:0;display:grid}.notification-gallery__dots button:before{content:"";background:#1f232840;border-radius:50%;width:7px;height:7px}.notification-gallery__dots button[aria-current=true]:before{background:#1f2328}.notification-gallery button,.notification-gallery__track{-webkit-tap-highlight-color:transparent}.notification-gallery button:focus-visible,.notification-gallery__track:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}