/* Selected works only. Deliberately close to browser defaults. Edit freely. */
/* the description · the search, on one line; on a narrow screen it wraps below */
.sw-header { margin-bottom: 1.2rem; display: flex; flex-wrap: wrap; align-items: baseline;
  gap: .5rem .4em; }
.sw-header form { display: inline; }
.sw-count { flex-basis: 100%; margin: 0; }
model-viewer { max-width: 100%; }
model-viewer { width: 100%; height: 70vh; background: color-mix(in srgb, currentColor 15%, transparent); }
table { border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: .2rem .6rem .2rem 0; }
/* the list: a grid of soft lines, across and down, meeting at every corner (14 Oct 2026);
   one empty line more above it than under the search */
.sw-list { width: 100%; margin-top: 2.6rem; }
.sw-list td, .sw-list th { border: 1px solid var(--soft-line); padding: .5rem .6rem; }
/* each picture at its own proportions inside 120px, set against the title: the gap to the
   title is always the same, and a row is as tall as what it holds */
.sw-list img, .sw-list video { width: auto; height: auto; max-width: 120px; max-height: 120px;
  display: block; margin-left: auto; }
.sw-list img[style] { width: calc(var(--w) * 1px); height: calc(var(--h) * 1px); }
.sw-list td:first-child, .sw-list th:first-child { width: 120px; }
.sw-note { color: color-mix(in srgb, currentColor 75%, transparent); font-size: .9em; }
/* the record page: plates, the caption, Notes between two soft lines (like the list's rows),
   then the citation and downloads. Without notes, no lines at all. */
.sw-caption { margin: .2rem 0 1.5rem; }
/* no clipboard (an insecure address): no citation button, so no dot before Download */
.sw-end button[hidden] + .sw-sep { display: none; }
.sw-section { border-top: 1px solid var(--soft-line); border-bottom: 1px solid var(--soft-line);
  padding: .8rem 0; margin: 1.5rem 0; }
.sw-section > :last-child { margin-bottom: 0; }
.sw-section > :first-child { margin-top: 0; }
.sw-description > :first-child { margin-top: 0; }
.sw-inscriptions { white-space: pre-wrap; }
@media (max-width: 40rem) {
  /* phone: the search box as wide as the page, the button after it */
  /* phone: the search's line runs the page's whole width, the button sitting on it at the end */
  .sw-header form { display: flex; gap: .8rem; width: 100%; border-bottom: 1px solid var(--soft-line); }
  .sw-header form:focus-within { border-bottom-color: currentColor; }
  .sw-dot { display: none; }  /* the search wraps under: nothing to separate */
  .sw-header input[type="search"] { flex: 1; min-width: 0; width: auto; max-width: none; border-bottom: 0; }
  /* the grid's cells closer, so the table fits the phone's width */
  .sw-list td, .sw-list th { padding: .35rem; overflow-wrap: anywhere; }
  .sw-list :is(td, th):nth-child(3) { overflow-wrap: normal; white-space: nowrap; }  /* a date stays whole */
  .sw-list img, .sw-list video { max-width: 64px; max-height: 64px; }
  .sw-list img[style] { width: calc(var(--w) * 64px / 120); height: calc(var(--h) * 64px / 120); }
  .sw-list td:first-child, .sw-list th:first-child { width: 64px; }
  .sw-medium { display: none; }
}