/* Declutter pass 6 (Oct 28, gardnn: "the padding feels a little inconsistent"). Bordered cards used
   16 different padding and radius pairs across the site. Three sizes now cover the plain ones; the
   wooden Job board notes, the profile ticket and the photo frames keep their own look on purpose.
   Loaded last so it wins over the older per-card values. */
:root {
  --pad-strip: 12px 16px;
  --r-strip: 12px;
  --pad-card: 20px;
  --r-card: 14px;
  --pad-panel: 28px;
  --r-panel: 16px;
}
/* Strips: one-line banners, nudges and bands. */
.publication-reminder,
.survey-nudge,
.push-band,
.event-strip,
.cb-box,
.first-draft-action,
.roles-guide,
.roles-cta,
.signup-role-picker,
.pt-band {
  padding: var(--pad-strip);
  border-radius: var(--r-strip);
}
/* Cards: a thread, a quote, a drop target, the newsletter box, a role post in the editor. */
.thread-card,
.drop-card,
.mix-desk,
.member-quote,
.roles-found,
.questlog-box,
.role-card-edit,
.jb-picks {
  padding: var(--pad-card);
  border-radius: var(--r-card);
}
/* Panels: editor steps, the account panel, the big home boxes. */
.form-section,
.account-panel,
.home-activity,
.ear-game,
.game-over {
  padding: var(--pad-panel);
  border-radius: var(--r-panel);
}
@media (max-width: 640px) {
  .form-section,
  .account-panel,
  .home-activity,
  .ear-game,
  .game-over {
    padding: 20px 16px;
  }
}