/* cl-pages.css: the store policies (policy.html) in Bully Dog's type: Countach light body, their capitals headings.
   The template holds only the policy column; the build agents add the copied pages' rules.
   Every rule sits in @layer site (cl-site.css: the layer order). */
@layer base, kit, site;

@layer site {

.cl-policy__body { max-width: 732px; margin: 0 auto; padding: 0 20px 80px; font: 300 18px/1.5 var(--site-font-body); color: var(--site-fg); }
.cl-policy__h { margin: 40px 0 12px; font: 400 28px/1.2 var(--site-font-heading); text-transform: uppercase; }
.cl-policy__p { margin: 0 0 16px; }
.cl-policy__list { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.cl-policy__list li + li { margin-top: 6px; }
.cl-policy__action { margin: 8px 0 24px; }

/* a phone: 16px gutters, the text a step smaller (Greg 2026-10-29) */
@media (max-width: 979.98px) {
  .cl-policy__body { padding: 0 16px 48px; font-size: 16px; }
  .cl-policy__h { margin: 28px 0 10px; font-size: 22px; }
}

}