body.page {
  width: auto;
  max-width: 560px;
  margin: 0 auto;
  padding: 24px 16px 32px;
}

h2 { margin: 0 0 4px; font-size: 15px; }

.card {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  scroll-margin-top: 16px;
}
.card:target { border-color: var(--accent); }

.desc { margin: 0; color: var(--muted); font-size: 12px; }
.btn { display: inline-block; }
.preview { display: block; width: 100%; max-height: 220px; margin-top: 12px; border-radius: 8px; object-fit: cover; }
audio { display: block; width: 100%; margin-top: 12px; }
.msg { min-height: 1em; margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.msg.error { color: #e5484d; }