/* Keep the reading layout independent of the app's workspace styles. */
main.policy {
  width: min(760px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto;
  padding: 56px 0 72px;
  overflow-wrap: anywhere;
}
.policy h1 {
  font-size: clamp(30px, 4vw, 40px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0 0 16px;
}
.policy p {
  font-size: 16px;
  line-height: 1.75;
  color: #b4bba9;
  margin: 0;
}
.policy p + p { margin-top: 16px; }
.policy .policy-date {
  font-size: 13px;
  line-height: 1.8;
  color: var(--muted);
}
.policy h2 {
  margin: 36px 0 14px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  font-size: 21px;
  line-height: 1.35;
  font-weight: 550;
  letter-spacing: -.02em;
}
.policy a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.policy a:hover { color: var(--text); }
.policy code { font-size: .9em; color: var(--text); }
@media (max-width: 600px) {
  main.policy { width: calc(100% - 40px); padding: 36px 0 48px; }
  .policy h2 { margin-top: 28px; padding-top: 22px; font-size: 19px; }
  .policy p { font-size: 15px; }
}