body{margin:0;padding:20px;background:#e9eef4}.samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:20px 0}.samples>section{min-width:0;padding:16px;background:white;border:1px solid #aebdce;border-radius:8px}.xp-task-list{max-height:170px}.xp-task{padding:10px;border:1px solid #799bbd;background:#edf4ff;color:#17324b;text-align:left}.xp-task[aria-pressed=true]{background:#c8e1ff;font-weight:bold}