.ch-demo{color:var(--ds-text)}.ch-demo__bottom,.ch-demo__top{display:flex;align-items:center;justify-content:space-between;gap:16px}.ch-demo__top small{display:block;color:var(--ds-readable-accent);font-size:var(--ds-label-size);font-weight:800;letter-spacing:.06em}.ch-demo__top strong{display:block;margin-top:4px;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3}.ch-demo button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid var(--ds-accent);border-radius:12px;background:var(--ds-accent);color:var(--ds-on-accent);font:inherit;font-weight:800;line-height:1.35;cursor:pointer;white-space:normal;overflow-wrap:break-word}.ch-demo button:is(:hover,:focus-visible){outline:2px solid var(--ds-readable-accent);outline-offset:2px}.ch-demo__table{margin:18px 0;border:1px solid var(--ds-border);border-radius:16px;overflow:hidden;background:var(--ds-surface)}.ch-demo__row{display:grid;grid-template-columns:42px minmax(120px,1fr) 64px 64px 48px;align-items:center;min-height:50px;padding:0 12px;border-bottom:1px solid var(--ds-border)}.ch-demo__row:last-child{border-bottom:0}.ch-demo__row>b{color:var(--ds-readable-accent)}.ch-demo__row>strong{min-width:0;overflow-wrap:break-word}.ch-demo__row>em,.ch-demo__row>span{color:var(--ds-muted);font-size:.82rem;font-style:normal}.ch-demo__head{min-height:38px;background:var(--ds-raised);color:var(--ds-muted);font-size:var(--ds-label-size);font-weight:800}.ch-demo__bottom p{max-width:36rem;margin:0;color:var(--ds-muted);line-height:1.5}.ch-demo__lead{margin-top:16px;padding-top:16px;border-top:1px solid var(--ds-border)}@media (max-width:650px){.ch-demo__bottom,.ch-demo__top{align-items:stretch;flex-direction:column}.ch-demo__bottom button,.ch-demo__top button{width:100%}.ch-demo__row{grid-template-columns:30px minmax(78px,1fr) 42px 42px 30px;min-height:48px;padding:0 7px;font-size:.76rem}.ch-demo__row>em,.ch-demo__row>span{font-size:.7rem}.ch-demo__head{font-size:.62rem}}