/* Intentionally plain: only reset the site's decorative styles in this area. */
.plain-projects {
  display:block;
  margin:0;
  padding:16px;
  background:#fff;
  color:#000;
  font:16px/normal "Times New Roman",Times,serif;
  letter-spacing:normal;
}
.plain-projects :where(h1,h2,h3,p,a,ul,li,article,time,button,small,img) {all:revert}
.plain-projects a {color:#000;text-decoration:underline}
.plain-projects a:focus-visible,.plain-projects button:focus-visible {outline:2px solid #000;outline-offset:3px}
.plain-projects img {display:block;max-width:100%;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.plain-projects [hidden] {display:none}
.plain-projects :where(h1,h2,h3,p,a) {overflow-wrap:anywhere}

.plain-projects [data-projects-list] {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));gap:24px}
.plain-projects [data-projects-list] article {min-width:0;box-sizing:border-box;border:1px solid #aaa;padding:12px;background:#fff}
.plain-projects [data-projects-list] h3 {margin:10px 0 6px}
.plain-projects [data-projects-list] p {margin:6px 0}