/* PAD examples - the search and the view of one example, inside the frame every PAD
   application shares (www/_common/pad.css), whose colours it uses. */

.example-search input[type=text] { width: 340px; max-width: 100%; }
.example-list td { padding: 2px 10px; text-align: left; }
.example-view { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.example-panel { flex: 0 1 auto; min-width: 0; max-width: 100%; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); }
.example-panel h4 { background: var(--head); margin: 0; padding: 6px 10px; border-bottom: 1px solid var(--line); }
.example-panel h4 span { font-weight: normal; font-size: smaller; color: var(--dim); }
.example-body { padding: 10px; overflow-x: auto; text-align: left; }