/* Shared page shell and section surfaces for primary site pages. */
.page {
  padding: var(--page-pad-top) 0 var(--page-pad-bottom);
}

.section,
.intro,
.gallery-wrap,
.pod-card {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  background: var(--card);
  box-shadow: var(--shadow);
}

.library,
.local-wrap {
  margin-top: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  background: var(--card);
  box-shadow: var(--shadow);
}

@media (max-width: 760px) {
  .intro,
  .gallery-wrap,
  .pod-card,
  .library,
  .local-wrap {
    padding: 12px;
  }
}