main {
  width: min(100% - 2.5rem, 46rem);
  margin-inline: auto;
  padding-block: clamp(3rem, 10vh, 6rem);
}

.top { display: flex; justify-content: flex-end; margin-block-end: 1.5rem; }
.card { background: var(--parchment); border: 1px solid color-mix(in srgb, var(--ink-grey) 14%, transparent); border-radius: 22px; padding: clamp(1.75rem, 6vw, 3rem); }
.card h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.4rem); font-weight: 500; margin: 1rem 0 .4rem; }
.card h2 { font-size: 1.0625rem; font-weight: 500; color: var(--fajr-indigo); margin: 2.25rem 0 .5rem; }
.card p,
.card li { color: var(--ink-grey); }
.card p { margin: 0 0 .9rem; }
ul { margin: .5rem 0 0; padding-inline-start: 1.35rem; }
li + li { margin-block-start: .45rem; }
.updated { font-size: .8125rem; color: var(--sunrise-gold); }
.promise { border-inline-start: 3px solid var(--sunrise-gold); padding-inline-start: .9rem; color: var(--deep-ink); }
.mark { height: 34px; width: auto; }