/* Email drafts use the same reading type as the rest of the site. */
.tpl { margin-top: 0; }
.tpl h2 { font-family: var(--font-ui); font-size: clamp(24px, 2.5vw, 30px); margin: 0 0 12px; color: var(--ink-strong); }
.tpl .when, .template-help { color: var(--ink-2); font-size: 18px; line-height: 1.55; margin: 0 0 20px; max-width: 70ch; }
.template-help { margin-top: 18px; }
.tpl .code { margin: 0; max-width: 76ch; padding: 24px; font-family: var(--font-ui); font-size: 17px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--rule); background: var(--surface); }
@media (max-width: 640px) {
  .tpl .code { padding: 18px; }
}