/* GENERATED by scripts/build-public-chrome-css.mjs from the @gp-public regions of css/styles.css
 * marked for "legal". DO NOT EDIT: edit styles.css, run `npm run public-chrome`, commit both.
 * The shared pages — Terms, Privacy Policy, Refund Policy (the migrate plugin prints them on greasepilot.com from
 * biz /api/content/<slug>?site=apex; biz and school read the same rules from styles.css) for a
 * host that cannot load styles.css. Every selector is scoped to #gp-legal, so
 * nothing here styles anything outside that element, and every rem is written out in px (16px to the
 * rem) so the host's root font size cannot resize it. Fonts (Quicksand, Oswald) are the host's to load. Regions: type, legal. */

/* ── region: type ── */
/* Headings */
#gp-legal h1,
#gp-legal h2,
#gp-legal h3,
#gp-legal h4,
#gp-legal h5,
#gp-legal h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Links */
#gp-legal a {
    color: #0170B9;
    transition: color 0.3s;
}

#gp-legal a:hover {
    color: #00acff;
}

/* ── region: legal ── */
#gp-legal { max-width: var(--gp-card-max, 1100px); margin: 0 auto; padding: 40px 16px 64px; line-height: 1.7; color: var(--color-text, #3a3a3a); }
#gp-legal h1 { font-size: 32px; margin: 0 0 24px; }
/* Section headings — dark, matching the sub-headings (no blue). */
#gp-legal h2 { font-size: 22.4px; color: #1f2937; margin: 32px 0 9.6px; }
#gp-legal h3 { font-size: 17.6px; color: #333; margin: 22.4px 0 6.4px; }
#gp-legal p { margin: 0 0 16px; }
#gp-legal ul,
#gp-legal ol { margin: 0 0 16px; padding-left: 24px; }
#gp-legal li { margin: 5.6px 0; }
#gp-legal a { color: var(--color-primary, #0170b9); }
#gp-legal .links-section { margin-bottom: 24px; } /* school wraps sections in these */
/* Two top-level brand sections (School vs greasepilot.com) — more prominent than inner h2s. */
#gp-legal .legal-brand { margin-top: 56px; padding-top: 36px; border-top: 2px solid var(--color-border, #e0e0e0); }
#gp-legal .legal-brand:first-of-type { margin-top: 16px; }
#gp-legal .legal-brand-title { font-size: 29.6px; color: #1f2937; margin: 0 0 5.6px; padding: 0; border: none; }
/* "Last revised:" line — sits right under a section/page title. */
#gp-legal .legal-revised { font-size: 13.6px; font-style: italic; color: var(--color-text, #3a3a3a); margin: 0 0 24px; }
@media (max-width: 640px) { #gp-legal { padding: 24px 16px 48px; } #gp-legal h1 { font-size: 25.6px; } #gp-legal .legal-brand-title { font-size: 24px; } }