.timeline-demo [hidden]{display:none!important}
.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
.demo-tabs button{font:600 15px/1.4 system-ui,sans-serif;min-height:48px;padding:12px 18px;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}
.demo-tabs button:hover{border-color:var(--blue)}
.demo-tabs button[aria-selected="true"]{background:var(--blue);color:white;border-color:var(--blue)}
.demo-panel{border:1px solid var(--line);border-radius:16px;margin-top:18px;background:white;overflow:hidden}
.demo-context{padding:24px 28px;background:var(--pale);border-bottom:1px solid var(--line)}
.demo-context p{margin:0;max-width:820px}
.demo-context .demo-count{margin-top:12px;font-size:13px;color:var(--muted);font-weight:600}
.demo-entries{list-style:none;margin:0;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.demo-entries li{border:1px solid var(--line);border-left:4px solid #086cbd;border-radius:10px;padding:20px}
.demo-entries li[data-kind="incidents"]{border-left-color:#a86714}
.demo-entries li[data-kind="everyday"]{border-left-color:#287058}
.demo-entries li>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.demo-entries time{font-size:13px;color:var(--muted)}
.demo-entries span{font-size:12px;background:var(--pale);padding:3px 8px;border-radius:5px;font-weight:600}
.demo-entries h3{font-size:19px;line-height:1.35;margin-bottom:10px}
.demo-entries p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.demo-entries small{font-size:12px;color:var(--muted)}
.demo-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.demo-next p{margin:0;max-width:650px;color:var(--muted)}
.demo-next a{flex-shrink:0}
@media(max-width:680px){.demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-tabs button{font-size:13px;padding:10px 8px}.demo-entries{grid-template-columns:1fr;padding:14px;gap:14px}.demo-context{padding:20px}.demo-next{display:block}.demo-next a{margin-top:16px}.demo-entries li{padding:17px}}