/* The policy pages (policy.html): northernperformance.ca's policy layout, its 585px column widened by 200px, the title left and
   as typed, the same rich-text rhythm, in this shell's tokens and type. The shell's classes (.wrap) are site.css's. */

@layer site {
  .policy { max-width: 785px; padding: 24px 0 56px; color: var(--ink); }
  .policy h1 { margin: 0 0 24px; font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; }
  .policy__lede, .policy p, .policy li { font-size: 15px; line-height: 1.55; }
  .policy p { margin: 0 0 16px; }
  .policy__lede { color: var(--steel); }
  .policy h2 { margin: 28px 0 10px; font-size: 18px; line-height: 1.3; font-weight: 700; }
  .policy__list { margin: 0 0 16px; padding-left: 22px; }
  .policy__list li { margin: 0 0 8px; }
  .policy a { color: var(--accent-deep); text-decoration: underline; text-underline-offset: 2px; }
  .policy a:hover { color: var(--ink); }
}