.examples-layout{grid-template-columns:224px minmax(0,1fr);max-width:1440px;margin:0 auto;display:grid;overflow-x:clip}.examples-sidebar{top:var(--header-height);height:calc(100dvh - var(--header-height));border-right:1px solid var(--docs-border);overscroll-behavior:contain;align-self:start;padding:34px 18px 40px 28px;position:sticky;overflow:auto}.examples-layout__main{min-width:0;max-width:100%}.examples-side-nav{flex-direction:column;gap:28px;display:flex}.examples-side-nav__group{flex-direction:column;gap:4px;display:flex}.examples-side-nav__group>p{color:var(--docs-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px;font-size:9px;font-weight:700}.examples-side-nav__group a{color:var(--docs-muted);border-radius:6px;padding:7px 9px;font-size:12px;font-weight:500;text-decoration:none}.examples-side-nav__group a:hover{color:var(--docs-text);background:var(--docs-surface-2)}.examples-side-nav__group a.is-active{color:var(--docs-accent);background:var(--docs-accent-soft);font-weight:600}.examples-side-nav__group a.is-featured:not(.is-active){color:var(--docs-text)}.examples-hub,.example-detail-page,.recipe-page,.blank-sheet-page{padding-top:clamp(40px,6vw,72px)}.examples-layout .content-page,.examples-layout .content-page--wide{width:min(1100px,100% - 48px);margin-inline:auto}.examples-hub__intro{max-width:850px;margin-bottom:36px}.examples-hub__intro h1,.recipe-page__header h1{letter-spacing:-.065em;margin:10px 0 18px;font-size:clamp(42px,7vw,78px);line-height:.95}.examples-hub__intro>p:last-of-type,.recipe-page__header>p:last-of-type{max-width:720px;color:var(--docs-muted);font-size:clamp(16px,2vw,20px);line-height:1.6}.examples-highlights{background:var(--docs-border);border:1px solid var(--docs-border);grid-template-columns:1fr 1fr;gap:1px;margin:0 0 34px;display:grid}.examples-highlight{min-height:148px;color:inherit;background:var(--docs-surface);align-content:start;gap:8px;padding:28px 26px;text-decoration:none;transition:background .16s;display:grid;position:relative;overflow:hidden}.examples-highlight>:not(.examples-highlight__art){z-index:1;position:relative}.examples-highlight__art{pointer-events:none;opacity:.46;width:min(52%,260px);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 28%);mask-image:linear-gradient(90deg,#0000 0%,#000 28%)}.examples-highlight__art--grid,.examples-highlight--blank .examples-highlight__art--grid{background:linear-gradient(135deg,#1d6f4238,#e8f5ee8c 42%,#0000 70%),linear-gradient(#b1c8b8 0 28px,#0000 28px),repeating-linear-gradient(0deg,#8fa897b3 0 1px,#0000 1px 20px),repeating-linear-gradient(90deg,#8fa897b3 0 1px,#0000 1px 28px),#f4faf6b3}.examples-highlight__art--grid:before{content:"A   B   C   D   E";color:#1f5d3b;font:700 9px/1 var(--dt-mono,"IBM Plex Mono", monospace);letter-spacing:.28em;white-space:nowrap;position:absolute;top:7px;left:10px;right:10px;overflow:hidden}.examples-highlight__art--grid:after{content:"Sheet1";color:#1b5c38;font:600 8px/1 var(--dt-mono,"IBM Plex Mono", monospace);letter-spacing:.04em;background:#d6e5dd;border:1px solid #1d6f4247;border-radius:4px 4px 0 0;padding:4px 10px 3px;position:absolute;bottom:10px;right:14px;box-shadow:0 -1px #1d6f422e}.examples-highlight__art--dense,.examples-highlight--heavy .examples-highlight__art--dense{background:linear-gradient(225deg, color-mix(in srgb, var(--docs-accent) 28%, transparent), color-mix(in srgb, var(--docs-accent-soft) 65%, transparent) 40%, transparent 72%), linear-gradient(90deg, color-mix(in srgb, var(--docs-accent) 22%, var(--docs-surface-2)) 0 34px, transparent 34px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--docs-accent) 26%, transparent) 0 1px, transparent 1px 6px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--docs-accent) 16%, transparent) 0 1px, transparent 1px 10px), color-mix(in srgb, var(--docs-surface-2) 80%, transparent)}.examples-highlight__art--dense:before{content:"ID";width:20px;color:color-mix(in srgb, var(--docs-accent) 70%, var(--docs-text));font:700 8px/1 var(--dt-mono,"IBM Plex Mono", monospace);letter-spacing:.08em;position:absolute;top:8px;left:8px}.examples-highlight__art--dense:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--docs-accent) 55%, transparent) 0 28%, color-mix(in srgb, var(--docs-border-strong) 70%, transparent) 28% 100%);width:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--docs-border) 80%, transparent);border-radius:999px;position:absolute;top:18%;bottom:14%;right:8px}.examples-highlight:hover{background:color-mix(in srgb, var(--docs-accent-soft) 70%, var(--docs-surface))}.examples-highlight__eyebrow{color:var(--docs-accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.examples-highlight strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,34px);line-height:1.05}.examples-highlight>span:not(.examples-highlight__eyebrow){max-width:34ch;color:var(--docs-muted);font-size:14px;line-height:1.55}.examples-highlight b{color:var(--docs-accent);margin-top:10px;font-size:12px;font-weight:600}.examples-highlight--heavy{background:linear-gradient(135deg, color-mix(in srgb, var(--docs-accent-soft) 55%, transparent), transparent 58%), var(--docs-surface)}.examples-highlight--blank{background:linear-gradient(225deg, #e8f5eebf, transparent 52%), var(--docs-surface)}.example-filters{border-bottom:1px solid var(--docs-border);padding:10px 0 22px;display:flex}.example-filters__segment{border:1px solid var(--docs-border);background:var(--docs-surface-2);border-radius:8px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.example-filters__segment button{color:var(--docs-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:6px 9px;font-size:10px}.example-demo-toolbar button{color:var(--docs-muted);border:1px solid var(--docs-border);cursor:pointer;background:0 0;border-radius:7px;padding:7px 11px}.example-filters__segment button.is-active{color:var(--docs-text);background:var(--docs-accent-soft);font-weight:600}.example-demo-toolbar button.is-active{color:var(--docs-text);background:var(--docs-accent-soft);border-color:var(--docs-accent)}.example-editorial-list{margin:0 0 90px;padding:0;list-style:none}.example-editorial-list li{border-bottom:1px solid var(--docs-border)}.example-editorial-list a{min-height:126px;color:inherit;grid-template-columns:60px minmax(240px,1fr) minmax(200px,.8fr) 30px;align-items:center;gap:20px;padding:24px 8px;text-decoration:none;transition:background .16s,padding .16s;display:grid}.example-editorial-list a:hover{background:var(--docs-surface);padding-inline:18px}.example-editorial-list__number{color:var(--docs-accent);font:500 12px IBM Plex Mono,monospace}.example-editorial-list__copy{gap:5px;display:grid}.example-editorial-list__copy small{color:var(--docs-muted);text-transform:uppercase;letter-spacing:.12em}.example-editorial-list__copy strong{font-size:22px}.example-editorial-list__copy>span{color:var(--docs-muted)}.example-editorial-list__tags,.recipe-page__header>div{flex-wrap:wrap;gap:7px;display:flex}.example-editorial-list em,.recipe-page__header em{color:var(--docs-muted);background:var(--docs-surface-2);border-radius:4px;padding:4px 7px;font-size:10px;font-style:normal}.prop-coverage{background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:14px;padding:clamp(32px,5vw,60px)}.prop-coverage h2,.recipe-page__api h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(28px,4vw,44px)}.prop-coverage>p:not(.eyebrow){color:var(--docs-muted)}.prop-coverage__map{background:var(--docs-border);border:1px solid var(--docs-border);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:28px;display:grid}.prop-coverage__map>span{background:var(--docs-surface);justify-content:space-between;gap:12px;padding:13px;display:flex}.prop-coverage a,.recipe-page__api a{color:var(--docs-accent);font-size:11px;text-decoration:none}.recipe-page__back{color:var(--docs-muted);font-size:12px;text-decoration:none}.recipe-page__header,.example-page-shell__header{max-width:900px;margin:42px 0;position:relative}.recipe-page__header>span{color:var(--docs-border-strong);font:500 clamp(58px,10vw,120px) IBM Plex Mono,monospace;position:absolute;right:0}.next-example-frame{background:var(--docs-surface);border:1px solid var(--docs-border);box-shadow:var(--docs-shadow);border-radius:12px;overflow:hidden}.next-example-frame__bar{border-bottom:1px solid var(--docs-border);background:color-mix(in srgb, var(--docs-surface) 88%, var(--docs-surface-2));justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 14px;display:flex}.next-example-frame__tabs,.next-example-frame__bar .docs-tabs{gap:3px;display:flex}.next-example-frame__bar button{color:var(--docs-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:600}.next-example-frame__bar button.is-active{color:var(--docs-text);background:var(--docs-surface-2)}.next-example-frame__bar button:focus-visible{outline:2px solid var(--docs-accent);outline-offset:2px}.next-example-frame__hint,.next-example-frame__bar>span{color:var(--docs-muted);letter-spacing:.02em;font-size:10px}.next-example-frame__preview{min-height:500px;padding:clamp(10px,2vw,24px)}.next-example-frame__preview>.dt-demo.is-embedded{width:100%;height:clamp(520px,65dvh,760px)}.next-example-frame__code{background:#11141b}.next-example-frame__code-chrome{background:#12151d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 12px 0 16px;display:flex}.next-example-frame__code-lang{color:#7d8799;letter-spacing:.08em;text-transform:uppercase;font:600 10px/1 IBM Plex Mono,monospace}.next-example-frame__copy{color:#aeb5c4;cursor:pointer;background:#ffffff0d;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:32px;min-height:32px;padding:0 10px;font:600 10px/1 IBM Plex Sans,sans-serif;display:inline-flex}.next-example-frame__copy:hover{color:#f3f5fb;background:#ffffff1a}.next-example-frame__copy:focus-visible{outline:2px solid var(--docs-accent);outline-offset:2px}.next-example-frame__copy-label{display:none}.next-example-frame__copy-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.next-example-frame__code pre{color:#d7dce8;tab-size:2;background:#11141b;max-height:680px;margin:0;padding:20px 24px 24px;font:12px/1.65 IBM Plex Mono,monospace;overflow:auto}.next-example-frame__code pre:focus-visible{outline:2px solid var(--docs-accent);outline-offset:-2px}.next-example-frame__code code{color:inherit;font:inherit}.next-example-frame__token--keyword{color:#c792ea}.next-example-frame__token--string{color:#c3e88d}.next-example-frame__token--comment{color:#637777}.next-example-frame__token--number{color:#f78c6c}.next-example-frame__token--type{color:#ffcb6b}.next-example-frame__token--punctuation{color:#89ddff}.example-mount-placeholder,.heavy-mount-placeholder{background:var(--docs-surface-2);min-height:500px}.recipe-page__api{margin:68px 0 34px}.recipe-page__api>div{flex-wrap:wrap;gap:8px;display:flex}.recipe-page__api a{background:var(--docs-accent-soft);border-radius:6px;padding:8px 10px}.recipe-pager{border-top:1px solid var(--docs-border);grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;display:grid}.recipe-pager a{color:inherit;gap:5px;text-decoration:none;display:grid}.recipe-pager a:last-child{text-align:right}.recipe-pager span{color:var(--docs-muted);font-size:10px}.example-demo-toolbar{min-height:36px;color:var(--docs-muted);background:var(--docs-surface);border:1px solid var(--docs-border);border-bottom:0;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.example-demo-toolbar__help{max-width:42ch;color:var(--docs-muted);margin:0;font-size:11px;line-height:1.45}.example-demo-toolbar__meta,.example-demo-toolbar__status{color:var(--docs-text);font:600 10px var(--dt-mono,"IBM Plex Mono", monospace)}.example-demo-toolbar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.example-demo-toolbar__segment{gap:4px;display:inline-flex}.example-demo-toolbar button:disabled{opacity:.45;cursor:not-allowed}.sellable-demo{min-width:0}.onchange-demo{grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);align-items:start;gap:12px;display:grid}.onchange-demo__table,.onchange-demo__panel{min-width:0}.onchange-demo__panel{border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:10px;overflow:hidden}.onchange-demo__panel-heading{border-bottom:1px solid var(--docs-border);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.onchange-demo__panel-heading p{color:var(--docs-muted);font:600 9px var(--dt-mono,monospace);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px}.onchange-demo__panel-heading h3{color:var(--docs-text);margin:0;font-size:13px}.onchange-demo__panel-heading>span{color:var(--docs-muted);font:600 9px var(--dt-mono,monospace);text-align:right}.onchange-demo__json{max-height:362px;color:var(--docs-text);background:color-mix(in srgb, var(--docs-bg) 52%, var(--docs-surface));font:10px/1.65 var(--dt-mono,monospace);white-space:pre;margin:0;padding:12px;overflow:auto}.onchange-demo__json .is-changed{color:#157347;background:#56c98e3b;border-radius:3px;box-shadow:0 0 0 2px #56c98e3b}html[data-dt-theme=dark] .onchange-demo__json .is-changed{color:#83e9ad;background:#3fbf7240;box-shadow:0 0 0 2px #3fbf7240}@media (max-width:1050px){.examples-layout{display:block}.examples-sidebar{display:none}.examples-layout .content-page,.examples-layout .content-page--wide{width:min(1100px,100% - 40px)}.onchange-demo{grid-template-columns:1fr}}@media (max-width:720px){.examples-highlights{grid-template-columns:1fr}.examples-highlight__art{opacity:.26;width:min(42%,170px);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42%);mask-image:linear-gradient(90deg,#0000 0%,#000 42%)}.examples-highlight__art--grid:before{letter-spacing:.18em;font-size:8px}.examples-highlight__art--grid:after{padding:3px 8px 2px;font-size:7px}.examples-highlight>span:not(.examples-highlight__eyebrow){max-width:28ch}.example-filters{overflow-x:auto}.example-filters__segment{min-width:max-content}.example-editorial-list a{grid-template-columns:38px 1fr 20px}.example-editorial-list__tags{display:none}.next-example-frame__preview{min-height:440px;padding:6px}.next-example-frame__preview>.dt-demo.is-embedded{height:clamp(460px,60svh,620px)}.next-example-frame__hint,.next-example-frame__bar>span,.example-demo-toolbar__help{display:none}.example-demo-toolbar{align-items:stretch}.example-demo-toolbar__actions{flex-wrap:wrap;width:100%;margin-left:0}.next-example-frame__code-chrome{min-height:34px;padding-inline:10px 8px}.next-example-frame__code pre{padding:16px;font-size:11px}.recipe-page__header>span{display:none}}