.design-examples{scroll-margin-top:96px}
.examples-heading{margin-bottom:30px}
.examples-heading h2{max-width:760px;font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:500;text-wrap:balance}
.example-kind{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.45px;margin:0}
.example-kind-icon{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.excel-demo{margin-top:42px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:96px}
.excel-demo .demo-heading{margin-bottom:24px}
.excel-demo .demo-stage,.excel-demo .demo-reference-preview{aspect-ratio:4/3}
.excel-demo .demo-stage>img{background:#fff}
.excel-demo .demo-stage>.demo-result{opacity:1;clip-path:inset(0 100% 0 0)}
.excel-demo .demo-reference-heading a:hover{text-decoration:underline;text-underline-offset:3px}
.excel-demo .demo-slide-count{min-width:104px}
.excel-demo .demo-player.is-playing .demo-result{animation:excel-demo-reveal 3s linear both}
@keyframes excel-demo-reveal{0%,21%{clip-path:inset(0 100% 0 0)}87%,100%{clip-path:inset(0 0 0 0)}}
.excel-demo-dialog{width:min(1440px,94vw);max-width:94vw;max-height:92vh;padding:0;border:1px solid #d3ddc9;border-radius:12px;background:white;color:var(--ink)}
.excel-demo-dialog::backdrop{background:#182418b8}
.excel-demo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#f7f9f4;border-bottom:1px solid var(--line)}
.excel-demo-dialog-header h2{font-size:14px;font-weight:500;line-height:1.4;margin:0}
.excel-demo-dialog-header button{display:flex;gap:16px;align-items:center;border:1px solid #d6dfcd;border-radius:6px;background:#fff;padding:8px 12px;font-size:12px;min-height:38px}
.excel-demo-dialog-scroll{max-height:calc(92vh - 72px);overflow:auto;overscroll-behavior:contain}
.excel-demo-dialog-scroll:focus-visible{outline:3px solid #6b8c4b;outline-offset:-3px}
.excel-demo-dialog img{display:block;width:100%;min-width:1200px;max-width:none;height:auto}
@media(prefers-reduced-motion:reduce){.excel-demo .demo-player.is-playing .demo-result{animation:none}}
@media(max-width:900px){.examples-heading h2{font-size:28px}}
@media(max-width:650px){
 .design-examples,.excel-demo{scroll-margin-top:82px}.examples-heading{margin-bottom:24px}.examples-heading h2{font-size:27px;letter-spacing:-.8px}
 .example-kind{font-size:20px}.excel-demo{margin-top:32px;padding-top:24px}.excel-demo .demo-heading{margin-bottom:20px}
 .excel-demo .demo-slide-count{min-width:96px;font-size:11px}
 .excel-demo-dialog{width:96vw;max-width:96vw}.excel-demo-dialog-header{padding:10px 12px;gap:10px}.excel-demo-dialog-header h2{font-size:12px}.excel-demo-dialog-header button{font-size:11px;gap:10px}
}