/* Simple styles for portfolio list */
.pm-portfolio-list { display:flex; flex-wrap:wrap; gap:20px; margin:0 -10px; }
.pm-layout-grid .pm-item { width: calc(33.333% - 20px); box-sizing:border-box; padding:10px; border:1px solid #eee; border-radius:6px; background:#fff; }
.pm-layout-list .pm-item { width:100%; margin-bottom:18px; padding:12px; border:1px solid #eee; border-radius:6px; background:#fff; display:flex; gap:16px; align-items:flex-start; }
.pm-media img, .pm-media video { width:100%; height:auto; display:block; border-radius:4px; }
.pm-layout-list .pm-media { width:240px; flex:0 0 240px; }
.pm-title { margin:10px 0 6px; font-size:18px; }
.pm-short { color:#555; margin:0 0 8px; }
.pm-external a { color:#0073aa; text-decoration:none; }
@media (max-width:900px) {
  .pm-layout-grid .pm-item { width: calc(50% - 20px); }
}
@media (max-width:600px) {
  .pm-layout-grid .pm-item { width:100%; }
  .pm-layout-list .pm-item { flex-direction:column; }
  .pm-layout-list .pm-media { width:100%; flex:0 0 auto; }
}