.demo-picker{inline-size:100%;max-inline-size:1248px;margin-inline:auto}.demo-heading{max-inline-size:800px;margin-block-end:28px}.demo-heading h1{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.35;margin-block:12px}.demo-heading p{color:var(--muted);line-height:1.8;margin-block-end:12px}.demo-heading a{display:inline-flex;align-items:center;gap:8px;min-block-size:48px;color:var(--primary);font-weight:600}.demo-business-banner,.demo-notice{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;line-height:1.7}.demo-notice{margin-block-end:24px}.demo-notice svg{flex-shrink:0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column}.demo-card>img{inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:cover}.demo-card-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.demo-area,.demo-card small,.demo-footnote{color:var(--muted);font-size:.875rem}.demo-card h2{font-size:1.35rem;line-height:1.4;margin:0}.demo-card p{margin:0;line-height:1.7}.demo-card ul{padding:0;margin:4px 0 8px;display:grid;gap:8px;list-style:none}.demo-card li{display:flex;align-items:start;gap:8px;font-size:.875rem;line-height:1.65}.demo-card li svg{flex-shrink:0;margin-block-start:4px;color:var(--primary)}.demo-card button{margin-block-start:auto;inline-size:100%;min-block-size:48px}.demo-footnote{margin-block:24px;line-height:1.7}.demo-error{margin-block-end:20px;color:var(--danger)}.demo-business-banner{max-inline-size:1248px;margin:12px auto;margin-inline:max(20px,calc((100% - 1248px) / 2));font-size:.875rem;justify-content:space-between}.demo-business-banner a{color:var(--primary);font-weight:600;flex-shrink:0;min-block-size:48px;display:inline-flex;align-items:center}@media (max-width:980px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.demo-grid{grid-template-columns:minmax(0,1fr);gap:20px}.demo-business-banner{flex-direction:column;align-items:start}}