.demo-banner{padding:17px 42px;background:#e9efde;color:#35523e;font-size:13px;line-height:1.6;border-bottom:1px solid #d6dfca}.demo-banner strong{margin-right:5px}.demo-link{display:inline-block;text-align:center}.demo-aside-note{font-size:11px;color:#71816e;line-height:1.7;margin:22px 0 0}.demo-intro{max-width:650px}.demo-intro h1{font-size:36px;line-height:1.15;letter-spacing:-1.1px}.demo-intro .subtext{line-height:1.8;margin-top:14px}.demo-controls{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 28px}.demo-controls a,.demo-controls button{font-size:13px}.demo-label{font-size:11px;letter-spacing:1.4px;color:#698064;font-weight:700}.demo-notification{padding:24px;border-radius:18px;background:#eaf2e5;max-width:480px;line-height:1.8;border:1px solid #cfdec8;margin:18px 0}.demo-notification p{margin:8px 0}.demo-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-flow .card{padding:24px}.demo-flow h2{font-size:19px}.demo-flow p{line-height:1.8;font-size:13px}.demo-history{display:flex;gap:4px;height:52px;margin:20px 0}.demo-history i{flex:1;border-radius:4px;background:#83a67c}.demo-history i.failure{background:#c17060}.demo-history-label{font-size:12px;line-height:1.7;color:#647460}.demo-incident-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.demo-help{margin-top:24px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#detail-content{overflow-wrap:anywhere}#detail-dialog{max-width:calc(100vw - 32px)}
.demo-link.primary{padding:12px 18px;border-radius:10px;font-weight:600;line-height:1.4}.header-right{display:flex;gap:18px;align-items:center}.header-right a{font-size:12px}.demo-incident-actions{align-items:center}
@media(max-width:1100px){.demo-banner{padding:16px 28px}.demo-flow{grid-template-columns:1fr}}
@media(max-width:760px){.demo-banner{padding:14px 20px;font-size:12px}.demo-intro h1{font-size:29px}.header-right{gap:12px}.header-right .primary{padding:9px 11px;font-size:10px}.breadcrumb{font-size:10px}.demo-controls{display:grid;grid-template-columns:1fr 1fr}.demo-controls .primary{grid-column:1/-1}.demo-controls button{padding:12px 8px;font-size:12px}.demo-notification{padding:20px}.demo-flow{gap:10px}#content .toolbar{flex-wrap:wrap}.demo-controls a{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}