/* Project descriptions read as short articles, with tools below the work. */
.experience-summary {
  max-width: 56ch; margin: 0 0 2rem;
  color: #d2cdc5; font: 400 clamp(1rem, 1.3vw, 1.18rem)/1.75 var(--body);
  text-wrap: pretty;
}
.experience-entry dl > div { grid-template-columns: 1fr; gap: .6rem; padding: 1.4rem 0; }
.experience-entry dd { max-width: 65ch; }
.experience-entry dl > div:last-child dd { color: #a9a49c; font-size: .86rem; line-height: 1.8; }
.experience-entry footer { display: flex; margin: 0; }
@media (max-width: 800px) {
  .experience-view .view-heading { right: max(1rem, env(safe-area-inset-right, 0px)); }
  .experience-view .view-heading > span { display: block; max-width: 23rem; line-height: 1.5; }
  .experience-view .side-list { top: 6.7rem; }
  .experience-panels { top: 11.9rem; }
  .experience-summary { margin-bottom: 1.5rem; font-size: .98rem; }
}

.experience-entry dd p { margin: 0; }
.experience-entry dd p + p { margin-top: 1rem; }

@media (max-width: 800px) and (max-height: 500px) and (orientation: landscape) {
  .experience-view .view-heading > span { display: none; }
  .experience-view .side-list { top: 2.8rem; }
  .experience-panels { top: 7rem; }
}