@media (min-width: 48rem) {
  .task-grid,
  .risk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  article > section,
  .persona-disclosure,
  .content-limitations,
  .source-list,
  .faq-list,
  .step-list,
  .evidence-module {
    padding: 1.5rem;
  }
}

@media (min-width: 72rem) {
  main {
    display: grid;
    grid-template-columns: minmax(0, var(--content-width)) minmax(16rem, 1fr);
    gap: 2.5rem;
    align-items: start;
  }

  .persona-disclosure {
    position: sticky;
    top: 1rem;
    margin-block: 0;
  }
}