.demo-context{align-items:center;gap:var(--space-3);color:var(--muted);font-size:13px;display:flex}.demo-heading{margin-bottom:var(--space-4);font-size:18px}.demo-metrics{border:1px solid var(--line);border-radius:var(--radius-panel);margin-bottom:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.demo-metrics>div{padding:var(--space-6);border-right:1px solid var(--line)}.demo-metrics>div:last-child{border-right:0}.demo-metrics dt,.demo-metrics p{color:var(--muted);font-size:13px}.demo-metrics dd{margin:var(--space-2) 0;font-size:30px;font-weight:500}.demo-insights{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.demo-insight{border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-6);color:var(--ink);flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.demo-insight:hover{background:var(--hover);color:var(--ink)}.demo-number{margin:var(--space-4) 0;font-size:32px;font-weight:500;display:block}.demo-insight h3{margin-bottom:var(--space-2);font-size:16px}.demo-insight p{color:var(--muted);margin-bottom:var(--space-4);font-size:14px}.demo-insight .ui-text-action{margin-top:auto}.demo-detail{gap:var(--space-6);max-width:760px;display:grid}.demo-detail h2{margin-bottom:var(--space-3);font-size:18px}.demo-detail p,.demo-detail li{font-size:14px;line-height:1.7}.demo-detail ul{padding-left:var(--space-6);margin-top:var(--space-4)}.demo-next{padding:var(--space-6);background:var(--subtle);border-radius:var(--radius-panel);border:1px solid var(--line)}.demo-next>*+*{margin-top:var(--space-4)}@media (width<=1000px){.demo-insights{grid-template-columns:1fr}}@media (width<=600px){.demo-context{flex-direction:column;align-items:flex-start}.demo-metrics{grid-template-columns:1fr}.demo-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.demo-metrics>div:last-child{border-bottom:0}}