/* GunningRadar programmatic pages (lane gr-seo-pages). Generated by gen_pages.py; edit there. Uses tokens.css. */
.pg { padding: var(--gr-s-6) 0 var(--gr-s-9); }
.pg-crumbs ol { list-style: none; margin: 0 0 var(--gr-s-5); padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; }
.pg-crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--gr-ink-3); }
.pg-crumbs a { color: var(--gr-ink-2); }
.pg-h1 { font: 500 var(--gr-fs-h1)/1.1 var(--gr-f-display); letter-spacing: -.018em; margin: var(--gr-s-2) 0 var(--gr-s-4); max-width: 22ch; }
.pg-h2 { font: 500 var(--gr-fs-h3)/1.3 var(--gr-f-display); margin: var(--gr-s-7) 0 var(--gr-s-3); }
.pg-h3 { font: 600 var(--gr-fs-h4)/1.4 var(--gr-f-body); margin: 0 0 var(--gr-s-3); }
.pg-lede { max-width: var(--gr-max-text); margin: 0 0 var(--gr-s-2); }
.pg .gr-meta { margin: 0 0 var(--gr-s-5); }
.pg .gr-table-wrap { margin: var(--gr-s-4) 0 var(--gr-s-2); }
.pg-table td a, .pg-links a, .pg-months a { color: var(--gr-ink); text-underline-offset: 2px; }
.pg-table .gr-meta { margin: 0; white-space: nowrap; }
.pg-unk { color: var(--gr-ink-3); }
.pg-n { color: var(--gr-ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pg-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--gr-s-3) var(--gr-s-5);
  margin: var(--gr-s-6) 0; padding: var(--gr-s-5); background: var(--gr-surface); border: var(--gr-hair); border-radius: var(--gr-r-2); }
.pg-cta p { margin: 0; max-width: var(--gr-max-text); }
.pg-cols { display: grid; gap: var(--gr-s-6); grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); margin: var(--gr-s-6) 0; }
.pg-top ol { margin: 0; padding-left: 1.4em; }
.pg-top li { padding: 6px 0; border-bottom: var(--gr-hair); }
.pg-top li span:first-child { margin-right: 8px; }
.pg-faq, .pg-method, .pg-links { max-width: var(--gr-max-text); margin: var(--gr-s-6) 0; }
.pg-q { font: 600 var(--gr-fs-body)/1.4 var(--gr-f-body); margin: var(--gr-s-4) 0 var(--gr-s-1); }
.pg-faq p, .pg-method p { margin: 0 0 var(--gr-s-3); }
.pg-links { max-width: none; }
.pg-links ul, .pg-months ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.pg-links li a, .pg-months li a { display: inline-block; padding: 6px 0; min-height: 24px; }
.pg-months { margin: var(--gr-s-4) 0; }
.pg-month .pg-n { font: 400 var(--gr-fs-small)/1 var(--gr-f-body); margin-left: 8px; }
.pg-matrix th[scope=row] { white-space: nowrap; font-weight: 600; background: var(--gr-surface); position: static; }
.pg-matrix td a { display: block; }
.pg-empty { padding: var(--gr-s-5); background: var(--gr-sunken); border-radius: var(--gr-r-2); }
.pg-foot { padding: var(--gr-s-7) 0; border-top: var(--gr-hair); }
.pg-foot p { margin: 0 0 var(--gr-s-2); max-width: var(--gr-max-text); }
.pg-foot .small { font-size: var(--gr-fs-small); color: var(--gr-ink-2); }