.demo-shell{color:#252b32;max-width:1200px;margin:auto;padding:24px}.demo-header,.demo-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.demo-title{margin-top:30px}.demo-title h1{font-size:1.65rem}.demo-stats{background:#fff;border:1px solid #d4d9df;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid}.demo-stats>div{flex-direction:column;padding:18px;display:flex}.demo-stats strong{font-size:2rem}.demo-columns{grid-template-columns:minmax(250px,1fr) minmax(0,1.7fr);gap:24px;display:grid}.demo-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #d4d9df;flex-direction:column;gap:8px;width:100%;margin:10px 0;padding:20px;font-size:1rem;display:flex}.demo-row span{color:#586470;font-size:.875rem}.demo-row.selected{background:#edf1f4;border-left:4px solid #303c48}.demo-profile{padding:24px}.demo-profile h2{margin:12px 0;font-size:1.5rem}.demo-profile h3{margin-top:24px}.demo-profile p{margin:12px 0}.demo-profile li{margin:8px 0}.demo-fault{border-top:1px solid #d4d9df;margin-top:24px;padding-top:20px}.demo-shell .notice{padding:14px}.demo-shell .green{color:#165632;background:#e4f2ea}@media (max-width:700px){.demo-shell{padding:16px}.demo-columns{grid-template-columns:1fr}.demo-stats{grid-template-columns:1fr 1fr}.demo-header,.demo-title{flex-wrap:wrap;align-items:flex-start}.demo-profile{padding:18px}}