/* page.css — GENERATED by tools/build.sh. Do not edit: edit src/skin-r2.css, src/css/legal.css or the donor port. */
/* 1. Lovable (the blog-post template's donor), pruned + scoped verbatim */

  .pg-legal {   --spacing: .25rem; --container-5xl: 64rem; --text-sm: .875rem; --text-sm--line-height: inherit; --text-base: 1rem; --text-base--line-height: inherit; --text-lg: 1.125rem; --text-lg--line-height: inherit; --text-xl: 1.25rem; --text-xl--line-height: inherit; --text-2xl: 1.5rem; --text-2xl--line-height: inherit; --text-3xl: 1.875rem; --text-3xl--line-height: inherit; --text-4xl: 2.25rem; --text-4xl--line-height: inherit; --font-weight-normal: 400;  --tracking-tight: -.025em; --leading-tight: 1.25; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-mono-font-family: var(--font-mono); --color-gray-350: oklch(69.39% .01 106.66); --color-gray-700: oklch(42.63% .006 106.67); --color-gray-750: oklch(35.51% .005 106.66); --color-gray-850: oklch(27.2% .004 106.64); --color-blue-200: oklch(80.31% .0691 264.41); --color-blue-300: oklch(70.62% .1391 264.41); --color-blue-400: oklch(61.32% .2106 264.41); --color-blue-800: oklch(28.14% .0917 264.41); --color-blue-900: oklch(20.84% .044 264.41); --color-red-300: oklch(76.15% .1564 26.56); --color-red-400: oklch(67.3% .2102 26.56); --color-red-900: oklch(24.2% .0737 26.56); --color-orange-200: oklch(84.94% .0887 40.04); --color-orange-300: oklch(75.82% .1594 40.04); --color-orange-400: oklch(66.84% .1815 40.04); --color-orange-500: oklch(58.01% .1819 40.04); --color-orange-900: oklch(24.15% .0704 40.04); --color-green-200: oklch(82.82% .0903 138.23); --color-green-300: oklch(72.92% .155 138.23); --color-green-400: oklch(63.46% .168 138.23); --color-green-500: oklch(54.42% .1689 138.23); --color-green-800: oklch(29.91% .0862 138.23); --color-green-900: oklch(22.6% .0613 138.23); --color-purple-400: oklch(67.75% .2382 294.88); --color-purple-900: oklch(24.97% .0311 294.88); --color-white: oklch(100% 0 0); --color-black: oklch(0% 0 0); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); }
  .pg-legal h1,
.pg-legal h2,
.pg-legal h3,
.pg-legal h4 { font-size: inherit; font-weight: inherit; }
  .pg-legal a { color: inherit; text-decoration: inherit; }
  .pg-legal strong { font-weight: bolder; }
  .pg-legal code { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  .pg-legal table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  .pg-legal summary { display: list-item; }
  .pg-legal ol,
.pg-legal ul { list-style: none; }
  .pg-legal svg { vertical-align: middle; display: block; }
  .pg-legal[data-zoom-lock]:not(:has([data-allow-pinch-zoom])) { touch-action: pan-x pan-y; }
  @media (pointer: coarse) {
  .pg-legal:not(.desktop-app) [data-chat-panel][data-confining-selection] [data-selectable]:not([data-selection-source]) { user-select: none; }
}
  @media not all and (width >= 48rem) {
  @media (pointer: coarse) {
  @supports (-webkit-touch-callout:none) {
}
}
}
  .pg-legal { background-color: var(--bg-base); color: var(--fg-primary); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .pg-legal h1 { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); font-weight: var(--font-weight-medium); }
  .pg-legal h2 { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); font-weight: var(--font-weight-medium); }
  .pg-legal h3 { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); font-weight: var(--font-weight-medium); }
  .pg-legal h4 { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); font-weight: var(--font-weight-medium); }
  .pg-legal .dark { color-scheme: dark; }
  .pg-legal { background-color: var(--bg-base); color: var(--fg-primary); margin: 0px; font-size: 1rem; }
  .pg-legal h1 { font-size: 1.5rem; font-weight: 480; }
  .pg-legal h2 { font-size: 1.25rem; font-weight: 480; }
  .pg-legal h3 { font-size: 1.125rem; font-weight: 480; }
  .pg-legal h4 { font-size: 1rem; font-weight: 480; }
  .pg-legal strong { font-weight: 480; }
  .pg-legal :where([data-slot="data-table"]:not([data-layout="content"])) > :is(tbody, tfoot) > tr > :is(th, td):not([colspan], [data-sized], [data-wrap], [data-truncate], [data-nowrap], [data-max-size]) { max-width: 40ch; }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr > [data-max-size] { max-width: var(--data-table-column-max-size); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr > [data-nowrap] { white-space: nowrap; }
  .pg-legal :where([data-slot="data-table"]:not([data-layout="content"])) > tbody > tr > [data-slot="data-table-row-header"][data-nowrap]:not([data-sized]) { text-overflow: ellipsis; max-width: 0px; overflow: hidden; }
  .pg-legal :where([data-slot="data-table"]:not([data-layout="content"])) > thead > tr > [data-row-header][data-nowrap]:not([data-sized]) { width: 40ch; min-width: 20ch; }
  .pg-legal :where([data-slot="data-table"]:not([data-layout="content"])) > tbody > tr > [data-slot="data-table-row-header"]:not([data-sized], [data-wrap], [data-truncate]) { min-width: 20ch; }
  .pg-legal :where([data-slot="data-table"]) > :is(thead, tbody) > tr > [data-sized] { min-width: var(--data-table-column-size); }
  .pg-legal :where([data-slot="data-table"]) > :is(thead, tbody) > tr > [data-wrap] { width: 100%; min-width: max(20ch, var(--data-table-column-size,0px)); }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr > [data-wrap] { max-width: 0px; }
  .pg-legal :where([data-slot="data-table"]) > :is(thead, tbody) > tr > [data-truncate] { width: 100%; min-width: max(12ch, var(--data-table-column-size,0px)); }
  .pg-legal :where([data-slot="data-table"]) > :is(thead, tbody) > tr > [data-slot="data-table-row-header"][data-truncate] { min-width: max(20ch, var(--data-table-column-size,0px)); }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr > [data-truncate] { text-overflow: ellipsis; white-space: nowrap; max-width: 0px; overflow: hidden; }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr[data-slot="data-table-expanded-row"] > td { --data-table-row-tint: transparent; white-space: normal; }
  .pg-legal :where([data-slot="data-table-bottom"]) > :not(:first-child) { border-top: 1px solid var(--border-primary); }
  .pg-legal :where([data-slot="data-table"]) > :where(tbody, tfoot) :where(a, button, input, select, textarea, summary, [tabindex]),
.pg-legal :where([data-slot="data-table"]):not([data-sticky-header]) > thead :where(a, button, input, select, textarea, summary, [tabindex]) { scroll-margin-block-start: calc(var(--data-table-scrollbar-header,0px) + 8px); }
  .pg-legal :where([data-slot="data-table-scroll-area"]) > [data-slot="scroll-area-viewport"] { scroll-padding-bottom: 8px; scroll-padding-inline: calc(var(--data-table-pinned-inset-start,0px) + 8px) calc(var(--data-table-pinned-inset-end,0px) + 8px); }
  .pg-legal :where([data-slot="data-table-header"]) > tr { height: 2.5rem; }
  .pg-legal :where([data-slot="data-table"][data-density="compact"]) > thead > tr { height: 2.25rem; }
  .pg-legal :where([data-slot="data-table"][data-density="spacious"]) > thead > tr { height: 3rem; }
  .pg-legal :where([data-slot="data-table-body"]) > tr { height: 3.25rem; }
  .pg-legal :where([data-slot="data-table"][data-density="compact"]) > tbody > tr { height: 2.5rem; }
  .pg-legal :where([data-slot="data-table"][data-density="spacious"]) > tbody > tr { height: 3.75rem; }
  .pg-legal :where([data-slot="data-table"]) :is(th, td)[data-pinned] { z-index: 1; background-color: var(--surface-shadow-base,var(--bg-secondary)); position: sticky; }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr > [data-pinned]::before { content: ""; z-index: -1; pointer-events: none; background-color: var(--data-table-row-tint,transparent); position: absolute; inset: 0px; }
  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .pg-legal :where([data-slot="data-table"]) > tbody:not(:hover) > tr > [data-pinned]::before { transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1); }
}
  @media (hover: hover) {
  .pg-legal :where([data-slot="data-table"]) > tbody > tr[data-slot="data-table-row"][data-expanded]:hover + tr[data-slot="data-table-expanded-row"],
.pg-legal :where([data-slot="data-table"]) > tbody > tr[data-slot="data-table-expanded-row"]:hover { --data-table-row-tint: var(--glow-neutral-hover); }
  .pg-legal :where([data-slot="data-table"]) > tbody > tr[data-slot="data-table-row"][data-expanded]:has(+ tr[data-slot="data-table-expanded-row"]:hover) { --data-table-row-tint: var(--glow-neutral-hover); }
  .pg-legal :where([data-slot="data-table"]) > tbody:not([data-has-selection]) > tr[data-slot="data-table-row"]:not(:hover, :focus-within) > :is(th, td) > [data-slot="data-table-cell-content"] > [data-slot="data-table-row-copy"],
.pg-legal :where([data-slot="data-table"]) > tbody:not([data-has-selection]) > tr[data-slot="data-table-row"]:not(:hover, :focus-within) > :is(th, td) > [data-slot="data-table-motion-content"] > [data-slot="data-table-cell-content"] > [data-slot="data-table-row-copy"] { opacity: 0; }
  @media (prefers-reduced-motion: no-preference) {
  .pg-legal :where([data-slot="data-table"]) > tbody:not(:hover) > tr > :is(th, td) > [data-slot="data-table-cell-content"] > [data-slot="data-table-row-copy"],
.pg-legal :where([data-slot="data-table"]) > tbody:not(:hover) > tr > :is(th, td) > [data-slot="data-table-motion-content"] > [data-slot="data-table-cell-content"] > [data-slot="data-table-row-copy"] { transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1); }
}
}
  @media (prefers-reduced-motion: no-preference) {
  .pg-legal :where([data-slot="data-table"]) :is(th, td)[data-column-motion] { transition: width 0.15s cubic-bezier(0, 0, 0.2, 1), min-width 0.15s cubic-bezier(0, 0, 0.2, 1), padding-left 0.15s cubic-bezier(0, 0, 0.2, 1), padding-right 0.15s cubic-bezier(0, 0, 0.2, 1); overflow: hidden; }
  .pg-legal :where([data-slot="data-table"][data-column-measuring]) :is(th, td, th *, td *) { transition: none !important; }
  .pg-legal :where([data-slot="data-table"]) > :is(thead, tbody) > tr > :is(th, td)[data-column-shift] { transition: width 0.15s cubic-bezier(0, 0, 0.2, 1), min-width 0.15s cubic-bezier(0, 0, 0.2, 1), max-width 0.15s cubic-bezier(0, 0, 0.2, 1), padding-left 0.15s cubic-bezier(0, 0, 0.2, 1), padding-right 0.15s cubic-bezier(0, 0, 0.2, 1); }
  .pg-legal :where([data-slot="data-table"]) :is(th, td)[data-column-motion] > [data-anchored] { width: var(--data-table-motion-width); right: auto !important; bottom: auto !important; left: var(--data-table-motion-x) !important; top: var(--data-table-motion-y) !important; position: absolute !important; }
  .pg-legal :where([data-slot="data-table"][data-layout="content"]) > thead > tr > th[data-column-motion] { min-width: var(--data-table-column-size); }
}
  .pg-legal [data-slot="data-table-sort-indicator"] > svg { --_sort-y: 0px; --_sort-scale: var(--_sort-idle-scale); --_sort-opacity: 1; color: var(--fg-tertiary); translate: 0 var(--_sort-y); scale: var(--_sort-scale); opacity: var(--_sort-opacity); --_sort-ease: cubic-bezier(.23, 1, .32, 1); transition: translate .2s var(--_sort-ease), scale .2s var(--_sort-ease), rotate .2s var(--_sort-ease), opacity .11s var(--_sort-ease), color .12s var(--_sort-ease); position: absolute; inset-block-start: calc(50% - var(--_sort-icon) / 2); inset-inline-start: calc(50% - var(--_sort-icon) / 2); }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-pos="top"] { --_sort-y: calc(var(--_sort-sep) / -2); }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-pos="bottom"] { --_sort-y: calc(var(--_sort-sep) / 2); }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-role="active"] { --_sort-scale: 1; color: var(--fg-primary); }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-role="absorbed"] { --_sort-scale: var(--_sort-rest-scale); --_sort-opacity: 0; }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-snap],
.pg-legal [data-slot="data-table-sort-indicator"] > svg[data-snap] path { transition: none; }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg path { stroke: currentcolor; stroke-width: 0; stroke-linejoin: round; transition: stroke-width .2s var(--_sort-ease); }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg[data-role="idle"] path { stroke-width: var(--_sort-idle-stroke); }
  @media (hover: hover) {
  .pg-legal [data-slot="data-table-sort"]:not([aria-disabled="true"]):hover [data-slot="data-table-sort-indicator"] > svg[data-role="idle"] { color: var(--fg-primary); }
}
  @media (prefers-reduced-motion: reduce) {
  .pg-legal [data-slot="data-table-sort-indicator"] > svg { transition-duration: 0s, 0s, 0s, 0.11s, 0.12s; }
  .pg-legal [data-slot="data-table-sort-indicator"] > svg path { transition-duration: 0s; }
}
  .pg-legal .sticky { position: sticky; }
  .pg-legal .top-24 { top: calc(var(--spacing) * 24); }
  .pg-legal .order-last { order: 9999; }
  .pg-legal .typestyle-prose-base :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .typestyle-prose-base :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .typestyle-prose-base :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .typestyle-prose-base :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .typestyle-prose-base :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .typestyle-prose-base :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .typestyle-prose-sm :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .typestyle-prose-sm :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .typestyle-prose-sm :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .typestyle-prose-sm :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .typestyle-prose-sm :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .typestyle-prose-sm :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .mx-auto { margin-inline: auto; }
  .pg-legal .prose { color: var(--tw-prose-body); max-width: 65ch; }
  .pg-legal .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
  .pg-legal .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; }
  .pg-legal .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; }
  .pg-legal .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
  .pg-legal .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; }
  .pg-legal .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; }
  .pg-legal .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; }
  .pg-legal .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; }
  .pg-legal .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; }
  .pg-legal .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); }
  .pg-legal .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; }
  .pg-legal .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; }
  .pg-legal .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.5; }
  .pg-legal .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: 0.875em; font-weight: 600; }
  .pg-legal .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,
.pg-legal .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; }
  .pg-legal .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; }
  .pg-legal .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); }
  .pg-legal .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; font-weight: 600; }
  .pg-legal .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); }
  .pg-legal .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0px; }
  .pg-legal .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; }
  .pg-legal .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; }
  .pg-legal .prose {       --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531);       --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; }
  .pg-legal .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }
  .pg-legal .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; }
  .pg-legal .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
  .pg-legal .prose :where(:is(h2, h3, h4, hr) + :is(p, blockquote, h2, h3, h4, img, picture, video, pre, ol, ul, dl, hr, figure, table)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
  .pg-legal .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
  .pg-legal .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
  .pg-legal .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; }
  .pg-legal .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
  .pg-legal .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
  .pg-legal .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
  .pg-legal .mb-8 { margin-bottom: calc(var(--spacing) * 8); }
  .pg-legal .flex { display: flex; }
  .pg-legal .hidden { display: none; }
  .pg-legal .min-h-screen { min-height: 100vh; }
  .pg-legal .w-64 { width: calc(var(--spacing) * 64); }
  .pg-legal .w-full { width: 100%; }
  .pg-legal .max-w-5xl { max-width: var(--container-5xl); }
  .pg-legal .max-w-none { max-width: none; }
  .pg-legal .min-w-0 { min-width: calc(var(--spacing) * 0); }
  .pg-legal .flex-1 { flex: 1 1 0%; }
  .pg-legal .flex-shrink-0 { flex-shrink: 0; }
  .pg-legal .flex-col { flex-direction: column; }
  .pg-legal .gap-2 { gap: calc(var(--spacing) * 2); }
  .pg-legal .gap-8 { gap: calc(var(--spacing) * 8); }
  .pg-legal .gap-16 { gap: calc(var(--spacing) * 16); }
  .pg-legal .rounded-1 { border-radius: calc(var(--spacing) * 1); }
  .pg-legal .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .pg-legal .py-12 { padding-block: calc(var(--spacing) * 12); }
  .pg-legal .pt-12 { padding-top: calc(var(--spacing) * 12); }
  .pg-legal .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
  .pg-legal .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .pg-legal .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .pg-legal .font-medium { font-weight: var(--font-weight-medium); }
  .pg-legal .tracking-tight { letter-spacing: var(--tracking-tight); }
  .pg-legal .text-marketing-muted-foreground { color: hsl(var(--marketing-muted-foreground)); }
  .pg-legal .typestyle-prose-contrast-low :where(p, ul, ol, li, blockquote, table) { color: var(--pulse-text-color,var(--fg-tertiary)); }
  .pg-legal .fx-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-resting); }
  @media (hover: hover) {
  .pg-legal [data-button]:hover:not(:active):where(:not(:disabled):not([aria-disabled="true"])) .fx-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-hover); }
}
  .pg-legal [data-button]:active .fx-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-pressed); }
  .pg-legal [data-button][aria-disabled="true"] .fx-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-resting); }
  @media (hover: hover) {
  .pg-legal [data-button][data-pressed]:hover:not(:active):not(:disabled):not([aria-disabled="true"]) .fx-engaged-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-hover); }
}
  .pg-legal [data-button][data-pressed]:active .fx-engaged-interaction:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-pressed); }
  @media (hover: hover) {
  .pg-legal [data-button][data-pressed]:hover:not(:active) .fx-interaction-yield-to-engage:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: 0; }
}
  .pg-legal [data-button][data-pressed]:active .fx-interaction-yield-to-engage:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: 0; }
  .pg-legal .shadow-floating-lg:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, calc(var(--shadow-surface-border-alpha) * 1.25)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000052, 0px calc(1px + var(--border-default)) 0px 0px #00000029, 0px calc(1px + var(--border-default)) 1px -.5px #00000029, 0px calc(3px + var(--border-default)) 3px -1.5px #00000029, 0px calc(6px + var(--border-default)) 6px -3px #00000029, 0px calc(12px + var(--border-default)) 12px -6px #00000029, 0px calc(24px + var(--border-default)) 24px -12px #00000029, 0px calc(48px + var(--border-default)) 48px -24px #00000029; }
  .pg-legal .shadow-floating-md:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, calc(var(--shadow-surface-border-alpha) * 1.125)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000047, 0px calc(1px + var(--border-default)) 0px 0px #0000001f, 0px calc(1px + var(--border-default)) 1px -.5px #0000001f, 0px calc(3px + var(--border-default)) 3px -1.5px #0000001f, 0px calc(6px + var(--border-default)) 6px -3px #0000001f, 0px calc(12px + var(--border-default)) 12px -6px #0000001f, 0px calc(24px + var(--border-default)) 24px -12px #0000001f, 0px calc(48px + var(--border-default)) 48px -24px #0000001f; }
  .pg-legal .shadow-floating-sm:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #0000003d, 0px calc(1px + var(--border-default)) 0px 0px #0000001f, 0px calc(1px + var(--border-default)) 1px -.5px #0000001f, 0px calc(3px + var(--border-default)) 3px -1.5px #0000001f, 0px calc(6px + var(--border-default)) 6px -3px #0000001f, 0px calc(12px + var(--border-default)) 12px -6px #0000001f, 0px calc(24px + var(--border-default)) 24px -12px #0000001f; }
  .pg-legal .shadow-surface-lg:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014; }
  .pg-legal .shadow-surface-md:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014; }
  .pg-legal .shadow-surface-sm:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014; }
  .pg-legal .shadow-surface-xl:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014, 0px calc(24px + var(--border-default)) 24px -12px #00000014; }
  .pg-legal .shadow-surface-xs:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014; }
  .pg-legal .shadow-surface-xxs:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0 0 0 var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0 0 0 var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0 0 0 calc(var(--border-default) * 2) #00000029, 0 1px 0 0 #00000014; }
  .pg-legal .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  @media (hover: hover) {
  .pg-legal .group-hover\/run-card\:shadow-surface-lg:is(:where(.group\/run-card):hover *):where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014; }
}
  .pg-legal .marker\:text-marketing-muted-foreground ::marker { color: hsl(var(--marketing-muted-foreground)); }
  .pg-legal .marker\:text-marketing-muted-foreground::marker { color: hsl(var(--marketing-muted-foreground)); }
  .pg-legal .marker\:text-marketing-muted-foreground ::-webkit-details-marker { color: hsl(var(--marketing-muted-foreground)); }
  .pg-legal .marker\:text-marketing-muted-foreground::-webkit-details-marker { color: hsl(var(--marketing-muted-foreground)); }
  .pg-legal .visited\:text-marketing-muted-foreground:visited { color: hsl(var(--marketing-muted-foreground)); }
  @media (hover: hover) {
  .pg-legal .hover\:text-marketing-foreground:hover { color: hsl(var(--marketing-foreground)); }
  .pg-legal .hover\:shadow-surface-lg:hover:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014; }
}
  .pg-legal .focus\:outline-hidden:focus { outline-style: none; }
  @media (forced-colors: active) {
  .pg-legal .focus\:outline-hidden:focus { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .pg-legal .data-\[pressed\]\:shadow-surface-xs[data-pressed]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014; }
  @media (width >= 40rem) {
  .pg-legal .sm\:typestyle-prose-base :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .sm\:typestyle-prose-base :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .sm\:typestyle-prose-base :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .sm\:typestyle-prose-base :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .sm\:typestyle-prose-base :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .sm\:typestyle-prose-base :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .sm\:typestyle-prose-sm :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .sm\:typestyle-prose-sm :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .sm\:typestyle-prose-sm :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .sm\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .sm\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .sm\:typestyle-prose-sm :where(li ul, li ol) { margin: 0.25em 0px; }
}
  @media (width >= 48rem) {
  .pg-legal .md\:typestyle-prose-base :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .md\:typestyle-prose-base :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .md\:typestyle-prose-base :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .md\:typestyle-prose-base :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .md\:typestyle-prose-base :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .md\:typestyle-prose-base :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .md\:typestyle-prose-sm :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .md\:typestyle-prose-sm :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .md\:typestyle-prose-sm :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .md\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .md\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .md\:typestyle-prose-sm :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .md\:prose-lg { font-size: 1.125rem; line-height: 1.77778; }
  .pg-legal .md\:prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; }
  .pg-legal .md\:prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.86667em; margin-bottom: 1.06667em; font-size: 1.66667em; line-height: 1.33333; }
  .pg-legal .md\:prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.66667em; margin-bottom: 0.666667em; font-size: 1.33333em; line-height: 1.5; }
  .pg-legal .md\:prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.77778em; margin-bottom: 0.444444em; line-height: 1.55556; }
  .pg-legal .md\:prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; }
  .pg-legal .md\:prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.55556em; }
  .pg-legal .md\:prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.666667em; margin-bottom: 0.666667em; }
  .pg-legal .md\:prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.444444em; }
  .pg-legal .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }
  .pg-legal .md\:prose-lg :where(:is(h2, h3, h4, hr) + :is(p, blockquote, h2, h3, h4, img, picture, video, pre, ol, ul, dl, hr, figure, table)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
  .pg-legal .md\:prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; line-height: 1.5; }
  .pg-legal .md\:prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: 0.75em; padding-bottom: 0.75em; }
  .pg-legal .md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
  .pg-legal .md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
  .pg-legal .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.75em; padding-inline: 0.75em; padding-bottom: 0.75em; }
  .pg-legal .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
  .pg-legal .md\:shadow-surface-xl:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014, 0px calc(24px + var(--border-default)) 24px -12px #00000014; }
  .pg-legal .md\:shadow-surface-xs:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014; }
  .pg-legal .md\:not-has-\[\[data-flush-surface\]\]\:shadow-surface-xl:not(:has([data-flush-surface])):where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #00000029, 0px calc(1px + var(--border-default)) 0px 0px #00000014, 0px calc(1px + var(--border-default)) 1px -.5px #00000014, 0px calc(3px + var(--border-default)) 3px -1.5px #00000014, 0px calc(6px + var(--border-default)) 6px -3px #00000014, 0px calc(12px + var(--border-default)) 12px -6px #00000014, 0px calc(24px + var(--border-default)) 24px -12px #00000014; }
}
  @media (width >= 64rem) {
  .pg-legal .lg\:typestyle-prose-base :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .lg\:typestyle-prose-base :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .lg\:typestyle-prose-base :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .lg\:typestyle-prose-base :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .lg\:typestyle-prose-base :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .lg\:typestyle-prose-base :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .lg\:typestyle-prose-sm :where(a, code) { overflow-wrap: anywhere; }
  .pg-legal .lg\:typestyle-prose-sm :where(h1, h2, h3, h4) { text-wrap: balance; }
  .pg-legal .lg\:typestyle-prose-sm :where(th, td) { border-bottom: var(--border-default) solid var(--border-translucent); padding: 0.4em 1.25em 0.4em 0px; }
  .pg-legal .lg\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(strong, b) { font-weight: inherit; }
  .pg-legal .lg\:typestyle-prose-sm :where(h1, h2, h3, h4) :where(em, i) { font-style: normal; }
  .pg-legal .lg\:typestyle-prose-sm :where(li ul, li ol) { margin: 0.25em 0px; }
  .pg-legal .lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }
  .pg-legal .lg\:block { display: block; }
  .pg-legal .lg\:hidden { display: none; }
  .pg-legal .lg\:max-w-\[calc\(100\%-20rem\)\] { max-width: calc(100% - 20rem); }
}
  .pg-legal .dark\:inset-0:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { inset: calc(var(--spacing) * 0); }
  .pg-legal .dark\:block:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { display: block; }
  .pg-legal .dark\:flex:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { display: flex; }
  .pg-legal .dark\:hidden:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { display: none; }
  .pg-legal .dark\:\!border-transparent:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgba(0, 0, 0, 0) !important; }
  .pg-legal .dark\:border-\[\#2b2b2b\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgb(43, 43, 43); }
  .pg-legal .dark\:border-\[hsl\(0_0\%_100\%\)\]\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: oklab(1 0 5.96046e-8 / 0.2); }
  .pg-legal .dark\:border-\[hsl\(60_1\.6\%_12\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgb(31, 31, 30); }
  .pg-legal .dark\:border-\[hsl\(60_1\.6\%_24\.7\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgb(64, 64, 62); }
  .pg-legal .dark\:border-\[hsl\(60_2\.5\%_24\.7\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgb(65, 65, 61); }
  .pg-legal .dark\:border-\[var\(--bg-primary\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--bg-primary); }
  .pg-legal .dark\:border-accent-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--border-accent); }
  .pg-legal .dark\:border-blue-800:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-blue-800); }
  .pg-legal .dark\:border-blue-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-blue-900); }
  .pg-legal .dark\:border-gray-700:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-gray-700); }
  .pg-legal .dark\:border-green-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-green-900); }
  .pg-legal .dark\:border-orange-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-orange-900); }
  .pg-legal .dark\:border-orange-900\/50:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgba(58, 16, 2, 0.5); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:border-orange-900\/50:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent); }
}
  .pg-legal .dark\:border-tertiary-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--border-tertiary); }
  .pg-legal .dark\:border-white\/8:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgba(255, 255, 255, 0.08); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:border-white\/8:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); }
}
  .pg-legal .dark\:border-white\/24:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgba(255, 255, 255, 0.24); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:border-white\/24:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: color-mix(in oklab, var(--color-white) 24%, transparent); }
}
  .pg-legal .dark\:border-white\/\[0\.08\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: rgba(255, 255, 255, 0.08); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:border-white\/\[0\.08\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); }
}
  .pg-legal .dark\:border-yellow-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { border-color: var(--color-yellow-900); }
  .pg-legal .dark\:\!bg-black\/\[0\.64\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(0, 0, 0, 0.64) !important; }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:\!bg-black\/\[0\.64\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-black) 64%, transparent) !important; }
}
  .pg-legal .dark\:bg-\[\#1e1e1e\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(30, 30, 30); }
  .pg-legal .dark\:bg-\[\#171717\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(23, 23, 23); }
  .pg-legal .dark\:bg-\[\#262626\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(38, 38, 38); }
  .pg-legal .dark\:bg-\[\#363636\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(54, 54, 54); }
  .pg-legal .dark\:bg-\[hsl\(60_1\.3\%_15\.1\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(39, 39, 38); }
  .pg-legal .dark\:bg-\[hsl\(60_1\.6\%_12\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(31, 31, 30); }
  .pg-legal .dark\:bg-\[hsl\(224\.6_88\.2\%_53\.3\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgb(31, 85, 241); }
  .pg-legal .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(255, 255, 255, 0.04); }
  .pg-legal .dark\:bg-\[var\(--bg-inverse\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-inverse); }
  .pg-legal .dark\:bg-\[var\(--color-orange-500\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-orange-500); }
  .pg-legal .dark\:bg-accent-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-accent); }
  .pg-legal .dark\:bg-base-pulse\/\[60\%\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-base); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-base-pulse\/\[60\%\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--bg-base) 60%, transparent); }
}
  .pg-legal .dark\:bg-black:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-black); }
  .pg-legal .dark\:bg-black\/\[0\.22\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(0, 0, 0, 0.22); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-black\/\[0\.22\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-black) 22%, transparent); }
}
  .pg-legal .dark\:bg-blue-800:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-blue-800); }
  .pg-legal .dark\:bg-blue-800\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(17, 37, 86, 0.4); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-blue-800\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-blue-800) 40%, transparent); }
}
  .pg-legal .dark\:bg-blue-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-blue-900); }
  .pg-legal .dark\:bg-blue-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(14, 23, 44, 0.2); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-blue-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); }
}
  .pg-legal .dark\:bg-depth-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-depth); }
  .pg-legal .dark\:bg-gray-750:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-gray-750); }
  .pg-legal .dark\:bg-gray-750\/50:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(60, 60, 57, 0.5); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-gray-750\/50:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-gray-750) 50%, transparent); }
}
  .pg-legal .dark\:bg-gray-850:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-gray-850); }
  .pg-legal .dark\:bg-green-800:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-green-800); }
  .pg-legal .dark\:bg-green-800\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(20, 55, 5, 0.4); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-green-800\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-green-800) 40%, transparent); }
}
  .pg-legal .dark\:bg-green-900:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-green-900); }
  .pg-legal .dark\:bg-green-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(11, 34, 4, 0.2); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-green-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); }
}
  .pg-legal .dark\:bg-green-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(11, 34, 4, 0.6); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-green-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-green-900) 60%, transparent); }
}
  .pg-legal .dark\:bg-marketing-muted:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: hsl(var(--marketing-muted)); }
  .pg-legal .dark\:bg-orange-900\/10:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(58, 16, 2, 0.1); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-orange-900\/10:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent); }
}
  .pg-legal .dark\:bg-orange-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(58, 16, 2, 0.2); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-orange-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); }
}
  .pg-legal .dark\:bg-orange-900\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(58, 16, 2, 0.4); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-orange-900\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent); }
}
  .pg-legal .dark\:bg-primary-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-primary); }
  .pg-legal .dark\:bg-purple-900\/32:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(34, 31, 47, 0.32); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-purple-900\/32:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-purple-900) 32%, transparent); }
}
  .pg-legal .dark\:bg-red-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(60, 13, 11, 0.2); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-red-900\/20:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); }
}
  .pg-legal .dark\:bg-red-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(60, 13, 11, 0.6); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-red-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent); }
}
  .pg-legal .dark\:bg-secondary-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)),
.pg-legal .dark\:bg-secondary-pulse\/\[88\%\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-secondary); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-secondary-pulse\/\[88\%\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--bg-secondary) 88%, transparent); }
}
  .pg-legal .dark\:bg-tertiary-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-tertiary); }
  .pg-legal .dark\:bg-translucent-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--bg-translucent); }
  .pg-legal .dark\:bg-transparent:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(0, 0, 0, 0); }
  .pg-legal .dark\:bg-white:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-white); }
  .pg-legal .dark\:bg-white\/10:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(255, 255, 255, 0.1); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-white\/10:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); }
}
  .pg-legal .dark\:bg-yellow-500:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-yellow-500); }
  .pg-legal .dark\:bg-yellow-800:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: var(--color-yellow-800); }
  .pg-legal .dark\:bg-yellow-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(115, 62, 10, 0.6); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-yellow-900\/60:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-yellow-900) 60%, transparent); }
}
  .pg-legal .dark\:bg-yellow-950\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: rgba(67, 32, 4, 0.4); }
  @supports (color:color-mix(in lab, red, red)) {
  .pg-legal .dark\:bg-yellow-950\/40:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-color: color-mix(in oklab, var(--color-yellow-950) 40%, transparent); }
}
  .pg-legal .dark\:bg-\[image\:var\(--cta-bg-dark\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-image: var(--cta-bg-dark); }
  .pg-legal .dark\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.12\)\,rgba\(255\,255\,255\,0\.06\)\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)); }
  .pg-legal .dark\:bg-\[linear-gradient\(var\(--bg-attention-translucent\)\,var\(--bg-attention-translucent\)\)\,linear-gradient\(var\(--bg-depth\)\,var\(--bg-depth\)\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background-image: linear-gradient(var(--bg-attention-translucent),var(--bg-attention-translucent)),linear-gradient(var(--bg-depth),var(--bg-depth)); }
  .pg-legal .dark\:text-\[\#8a8a8a\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(138, 138, 138); }
  .pg-legal .dark\:text-\[\#C190FF\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(193, 144, 255); }
  .pg-legal .dark\:text-\[\#FCFBF8\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(252, 251, 248); }
  .pg-legal .dark\:text-\[\#c2c2c2\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(194, 194, 194); }
  .pg-legal .dark\:text-\[\#f0f0f0\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(240, 240, 240); }
  .pg-legal .dark\:text-\[hsl\(60_2\.3\%_73\.9\%\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: rgb(190, 190, 187); }
  .pg-legal .dark\:text-black:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-black); }
  .pg-legal .dark\:text-blue-200:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-blue-200); }
  .pg-legal .dark\:text-blue-300:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-blue-300); }
  .pg-legal .dark\:text-blue-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-blue-400); }
  .pg-legal .dark\:text-gray-350:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-gray-350); }
  .pg-legal .dark\:text-green-200:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-green-200); }
  .pg-legal .dark\:text-green-300:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-green-300); }
  .pg-legal .dark\:text-green-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-green-400); }
  .pg-legal .dark\:text-green-500:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-green-500); }
  .pg-legal .dark\:text-orange-200:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-orange-200); }
  .pg-legal .dark\:text-orange-300:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-orange-300); }
  .pg-legal .dark\:text-orange-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-orange-400); }
  .pg-legal .dark\:text-primary-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--fg-primary); }
  .pg-legal .dark\:text-purple-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-purple-400); }
  .pg-legal .dark\:text-red-300:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-red-300); }
  .pg-legal .dark\:text-red-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-red-400); }
  .pg-legal .dark\:text-white:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-white); }
  .pg-legal .dark\:text-yellow-300:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-yellow-300); }
  .pg-legal .dark\:text-yellow-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-yellow-400); }
  .pg-legal .dark\:text-yellow-500:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { color: var(--color-yellow-500); }
  .pg-legal .dark\:opacity-\[0\.25\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: 0.25; }
  .pg-legal .dark\:shadow-\[0_0\.5px_0_0_rgba\(255\,255\,255\,0\.16\)_inset\,0_-0\.5px_0_0_rgba\(255\,102\,244\,0\.24\)_inset\,0_0_0_var\(--border-default\)_rgba\(119\,119\,113\,0\.32\)_inset\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: 0 .5px 0 0 var(--tw-shadow-color,#ffffff29) inset, 0 -.5px 0 0 var(--tw-shadow-color,#ff66f43d) inset, 0 0 0 var(--tw-shadow-color,var(--border-default)) #77777152 inset; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:shadow-\[inset_0_0_0_0\.5px_var\(--border-translucent\,rgba\(119\,119\,113\,0\.4\)\)\,inset_0_-0\.5px_0_0_rgba\(255\,255\,255\,0\.08\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: inset 0 0 0 .5px var(--tw-shadow-color,var(--border-translucent,#77777166)), inset 0 -.5px 0 0 var(--tw-shadow-color,#ffffff14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.09\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.14\)\,inset_0_-1px_0_rgba\(0\,0\,0\,0\.3\)\,0_8px_24px_-8px_rgba\(0\,0\,0\,0\.45\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#ffffff17), inset 0 1px 0 var(--tw-shadow-color,#ffffff24), inset 0 -1px 0 var(--tw-shadow-color,#0000004d), 0 8px 24px -8px var(--tw-shadow-color,#00000073); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:shadow-\[inset_0_1px_1px_oklch\(0_0_0\/0\.32\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: inset 0 1px 1px var(--tw-shadow-color,oklch(0% 0 0/.32)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:shadow-lg:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:shadow-xl:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .pg-legal .dark\:brightness-110:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .pg-legal .dark\:drop-shadow-\[0_0_5px_\#ff66f4b3\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-drop-shadow-size: drop-shadow(0 0 5px var(--tw-drop-shadow-color,#ff66f4b3)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .pg-legal .dark\:invert:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .pg-legal .dark\:\[filter\:drop-shadow\(0_1px_2px_rgb\(0_0_0_\/_0\.12\)\)_drop-shadow\(0_1px_1px_rgb\(0_0_0_\/_0\.12\)\)\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 1px 2px) drop-shadow(rgba(0, 0, 0, 0.12) 0px 1px 1px); }
  .pg-legal .dark\:backdrop-brightness-\[1\.1\]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { --tw-backdrop-brightness: brightness(1.1); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .pg-legal .dark\:prose-invert:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) {       --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }
  .pg-legal .dark\:data-\[pressed\]\:bg-depth-pulse:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *))[data-pressed] { background-color: var(--bg-depth); }
  .pg-legal .prose-headings\:my-1 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 1); }
  .pg-legal .prose-headings\:scroll-mt-20 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { scroll-margin-top: calc(var(--spacing) * 20); }
  .pg-legal .prose-headings\:scroll-mt-24 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { scroll-margin-top: calc(var(--spacing) * 24); }
  .pg-legal .prose-headings\:leading-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .pg-legal .prose-headings\:font-medium :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: var(--font-weight-medium); }
  .pg-legal .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { letter-spacing: var(--tracking-tight); }
  .pg-legal .prose-headings\:break-words :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { overflow-wrap: break-word; }
  .pg-legal .prose-headings\:text-primary-pulse :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--fg-primary); }
  .pg-legal .prose-h2\:mt-12 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: calc(var(--spacing) * 12); }
  .pg-legal .prose-h2\:mb-6 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: calc(var(--spacing) * 6); }
  .pg-legal .prose-h2\:text-3xl :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
  .pg-legal .prose-h2\:text-marketing-foreground :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--marketing-foreground)); }
  .pg-legal .prose-p\:leading-\[1\.55\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-leading: 1.55; line-height: 1.55; }
  .pg-legal .prose-p\:text-marketing-foreground :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--marketing-foreground)); }
  .pg-legal .prose-a\:font-normal :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: var(--font-weight-normal); }
  .pg-legal .prose-a\:text-marketing-primary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--marketing-primary)); }
  .pg-legal .prose-a\:underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: underline; }
  .pg-legal .prose-a\:underline-offset-2 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-underline-offset: 2px; }
  .pg-legal .prose-strong\:text-marketing-foreground :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--marketing-foreground)); }
  .pg-legal .prose-code\:rounded :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-radius: 0.25rem; }
  .pg-legal .prose-code\:bg-marketing-muted :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: hsl(var(--marketing-muted)); }
  .pg-legal .prose-code\:px-1 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: calc(var(--spacing) * 1); }
  .pg-legal .prose-code\:text-marketing-foreground :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--marketing-foreground)); }
  .pg-legal .prose-thead\:border-marketing-border :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)),
.pg-legal .prose-th\:border-marketing-border :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: hsl(var(--marketing-border)); }
  .pg-legal .prose-td\:border-marketing-border :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: hsl(var(--marketing-border)); }
  @media (width >= 48rem) {
  @media (hover: hover) {
  .pg-legal .md\:can-hover\:shadow-floating-sm:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { box-shadow: 0px 0px 0px var(--border-default) rgba(119, 119, 113, var(--shadow-surface-border-alpha)), 0px 0px 0px var(--border-default) var(--surface-shadow-base,var(--bg-primary)), 0px 0px 0px calc(var(--border-default) * 2) #0000003d, 0px calc(1px + var(--border-default)) 0px 0px #0000001f, 0px calc(1px + var(--border-default)) 1px -.5px #0000001f, 0px calc(3px + var(--border-default)) 3px -1.5px #0000001f, 0px calc(6px + var(--border-default)) 6px -3px #0000001f, 0px calc(12px + var(--border-default)) 12px -6px #0000001f, 0px calc(24px + var(--border-default)) 24px -12px #0000001f; }
}
}
  .pg-legal .dark\:\[\&_\[data-slot\=meter-indicator\]\]\:bg-blue-400:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) [data-slot="meter-indicator"] { background-color: var(--color-blue-400); }
  .pg-legal :where([data-slot="split-button"]) > [data-button]:not(:nth-last-child(1 of [data-button])) { --_seam-end: 16px; border-start-end-radius: 0px; border-end-end-radius: 0px; }
  .pg-legal :where([data-slot="split-button"]) > [data-button]:not(:nth-last-child(1 of [data-button]))::after { right: 0px; }
  .pg-legal :where([data-slot="split-button"]) > [data-button]:not(:nth-child(1 of [data-button])) { --_seam-start: 16px; border-start-start-radius: 0px; border-end-start-radius: 0px; }
  .pg-legal :where([data-slot="split-button"]) > [data-button]:not(:nth-child(1 of [data-button]))::after { left: 0px; }
  .pg-legal :where([data-slot="split-button"]) > [data-button]:not(:nth-child(1 of [data-button]))::before { content: ""; pointer-events: none; top: var(--border-default); bottom: var(--border-default); width: var(--border-default); z-index: 5; background: var(--_seam-color); position: absolute; left: 0px; }
  .pg-legal :where([data-slot="split-button"]) > [data-button] [data-fx-layer="drop-shadow"] { left: calc(-1 * var(--_seam-start,0px)); right: calc(-1 * var(--_seam-end,0px)); clip-path: inset(-8px var(--_seam-end,-8px) -8px var(--_seam-start,-8px)); }
  .pg-legal :where([data-slot="split-button"][data-rounded]) > [data-button][data-square]:not(:nth-last-child(1 of [data-button])) [data-button-content] { translate: var(--_cap-nudge,1px) 0; }
  .pg-legal :where([data-slot="split-button"][data-rounded]) > [data-button][data-square]:not(:nth-child(1 of [data-button])) [data-button-content] { translate: calc(-1 * var(--_cap-nudge,1px)) 0; }
  .pg-legal [data-slot="split-button"] > [data-button][aria-expanded="true"]:not(:disabled) [data-fx-layer="interaction"] { opacity: var(--_pressed); }
  .pg-legal [data-slot="split-button"] > [data-button][aria-expanded="true"]:not(:disabled) [data-fx-layer="interaction"]:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { opacity: var(--_dark-pressed); }/* ==== https://lovable.dev/assets/globals-DLE6YhnY.css ==== */
.pg-legal { --border-default: 1px; }
@media (-webkit-device-pixel-ratio >= 2), (resolution >= 2x) {
  .pg-legal { --border-default: .5px; }
}
.pg-legal { --bg-depth: oklch(95.49% 0 107); --bg-base: oklch(96.99% 0 107); --bg-primary: oklch(98.51% 0 107); --bg-secondary: oklch(99.99% 0 107); --bg-tertiary: oklch(99.99% 0 107); --bg-accent: oklch(52.43% .2396 264.41); --bg-attention-translucent: oklch(58.01% .1819 40.04/.16); --bg-translucent: oklch(100% 0 0/.8); --bg-inverse: oklch(0% 0 0/.88); --fg-primary: oklch(10% 0 0); --fg-tertiary: oklch(50% .001 107); --border-primary: oklch(85.12% 0 107/.4); --border-tertiary: oklch(86.6% 0 107/.4); --border-accent: oklch(61.32% .2106 264.41/.4); --border-translucent: oklch(55% .002 107/.16); --glow-neutral-hover: oklch(0% 0 0/.04); --shadow-surface-border-alpha: .16; }
.pg-legal .dark { --bg-depth: oklch(20.42% .002 107); --bg-base: oklch(23% .002 107); --bg-primary: oklch(24.74% .002 107); --bg-secondary: oklch(27.2% .002 107); --bg-tertiary: oklch(30% .002 107); --bg-accent: oklch(52.43% .2396 264.41); --bg-attention-translucent: oklch(58.01% .1819 40.04/.2); --bg-translucent: oklch(56.74% .009 106.68/.16); --bg-inverse: oklch(100% 0 0/.96); --fg-primary: oklch(100% 0 0); --fg-tertiary: oklch(72.34% .002 107); --border-primary: oklch(34.74% .004 107/.4); --border-tertiary: oklch(40% .004 107/.4); --border-accent: oklch(52.43% .2396 264.41/.4); --border-translucent: oklch(55% .002 107/.16); --glow-neutral-hover: oklch(100% 0 0/.04); --shadow-surface-border-alpha: .32; }
@media (-webkit-device-pixel-ratio >= 2), (resolution >= 2x) {
  .pg-legal { --border-primary: oklch(85.12% 0 107); --border-tertiary: oklch(86.6% 0 107); --border-accent: oklch(61.32% .2106 264.41); --border-translucent: oklch(55% .002 107/.4); --shadow-surface-border-alpha: .28; }
  .pg-legal .dark { --border-primary: oklch(34.74% .004 107); --border-tertiary: oklch(40% .004 107); --border-accent: oklch(52.43% .2396 264.41); --border-translucent: oklch(55% .002 107/.4); --shadow-surface-border-alpha: .4; }
}
.pg-legal [data-button][data-media-label] [data-button-content] svg { filter: var(--_btn-icon-shadow,none); }
@property --shine-w1 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w2 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w3 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w4 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w5 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w6 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w7 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-w8 { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --shine-ph { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --shine-on { syntax: "<number>"; inherits: false; initial-value: 0; }
@property --shine-share { syntax: "<number>"; inherits: false; initial-value: .5; }
@property --shine-t { syntax: "<length>"; inherits: true; initial-value: 1px; }
@property --shine-r { syntax: "<length>"; inherits: true; initial-value: 1px; }
@property --shine-b { syntax: "<length>"; inherits: true; initial-value: 1px; }
@property --shine-l { syntax: "<length>"; inherits: true; initial-value: 1px; }
.pg-legal { --marketing-foreground: 0 0% 11%; --marketing-primary: 0 0% 11%; --marketing-muted: 42 38% 95%; --marketing-muted-foreground: 60 1% 37%; --marketing-border: 45 17% 91%; }
.pg-legal .dark { --marketing-foreground: 45 40% 98%; --marketing-primary: 45 40% 98%; --marketing-muted: 60 3% 15%; --marketing-muted-foreground: 40 9% 75%; --marketing-border: 60 3% 15%; }
.pg-legal .prose h2,
.pg-legal .prose h3,
.pg-legal .prose h4,
.pg-legal .prose strong:not(:where([class~="not-prose"] *)) { font-weight: var(--font-weight-medium); }
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-pan-x { syntax: "*"; inherits: false; }
@property --tw-pan-y { syntax: "*"; inherits: false; }
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: var(--fg); }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-contain-size { syntax: "*"; inherits: false; }
@property --tw-contain-layout { syntax: "*"; inherits: false; }
@property --tw-contain-paint { syntax: "*"; inherits: false; }
@property --tw-contain-style { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }

/* ==== https://lovable.dev/assets/fonts-yKhYizLu.css ==== */

/* ==== https://lovable.dev/assets/index-4PBh0cLs.css ==== */

/* ==== https://lovable.dev/assets/app-shared-C8LL_u4z.css ==== */

/* ==== https://lovable.dev/assets/app-boot-LZ075GGe.css ==== */

/* ==== https://lovable.dev/assets/ui-password-input-3dS9T-mv.css ==== */
.pg-legal .textarea-resize-handle:where(.dark, .dark *):not(:where([data-pulse-theme="light"], [data-pulse-theme="light"] *)) { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M6.75.25A.75.75 0 0 1 7.5 1v2.75A3.75 3.75 0 0 1 3.75 7.5H1A.75.75 0 0 1 1 6h2.75A2.25 2.25 0 0 0 6 3.75V1a.75.75 0 0 1 .75-.75Z' fill='%236b6b6b'/%3E%3C/svg%3E") right 4px bottom 4px / 8px 8px no-repeat; }

/* ==== https://lovable.dev/assets/_slug-B7l6mHCa.css ==== */

/* ==== inline ==== */
@view-transition { navigation: auto; }

/* ==== inline ==== */
.pg-legal [data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running pg-legal-sonner-fade-in; }
.pg-legal [data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
.pg-legal [data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
.pg-legal [data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
.pg-legal [data-sonner-toast] > * { transition: opacity 0.4s; }
.pg-legal [data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
@keyframes pg-legal-sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion) {
  .pg-legal [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

/* ==== https://lovable.dev/assets/settings-shared-leaves-dYf33hWq.css ==== */

/* ==== https://lovable.dev/assets/dashboard-shared-XaZ9w73w.css ==== */
@property --hover-scroll-leading-alpha { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --hover-scroll-trailing-alpha { syntax: "<number>"; inherits: false; initial-value: 0; }

/* ==== https://lovable.dev/assets/app-lazy-shared-CFS7D3Z1.css ==== */
.pg-legal :where(.prose, .mention-pill-line) [data-slot="mention-pill"] { vertical-align: top; margin-top: calc((1lh - var(--mention-pill-h,1.25rem)) / 2); }/* 2. Gnar skin + section pull-ins (copied from the blog-post template's src/skin-r2.css) */
/* skin-r2.css — the Gnar skin over Lovable's ported article CSS (round 2, Evan's pick 2026-10-01).
   The four swaps only: colours → kit tokens, fonts → Geist / Geist Mono, sizes → the homepage ladder, plus the
   section pull-ins named in council/DECISIONS.md R2-4 (each block below says which site it comes from).
   Lovable's geometry (container, columns, gaps, radii, leading) stays as ported. */

/* ---------- swap 1: colours. Lovable colours its classes with hsl(var(--marketing-*)); Gnar's text colours are
   white alphas that hsl() cannot carry, so each colour class points at a kit token instead. */
.pg-legal .dark { color: var(--fg); background: var(--bg); }
.pg-legal .text-marketing-foreground,
.pg-legal .hover\:text-marketing-foreground:hover { color: var(--fg); }
.pg-legal .text-marketing-muted-foreground,
.pg-legal .visited\:text-marketing-muted-foreground:visited { color: var(--fg-small); }
.pg-legal .border-marketing-border { border-color: var(--line); }
.pg-legal .border-marketing-primary { border-color: var(--accent); }
.pg-legal .bg-marketing-muted { background-color: var(--surface-1); }
.pg-legal .bg-marketing-primary, .pg-legal .hover\:bg-marketing-primary\/90:hover { background-color: var(--accent); }
.pg-legal .hover\:bg-marketing-primary\/90:hover { background-color: var(--accent-hover); }
.pg-legal .text-marketing-primary-foreground { color: var(--accent-ink); }
.pg-legal .\[\&_a\]\:text-marketing-primary a { color: var(--fg); text-decoration-color: var(--accent); }
.pg-legal .marker\:text-marketing-muted-foreground ::marker { color: var(--fg-caption); }
/* prose: body + headings full white (read floor: prose contrast ≥ 7:1), links white with the orange underline
   (the homepage's link mark), inline code on the plate */
.pg-legal .prose { --tw-prose-body: var(--fg); --tw-prose-headings: var(--fg); --tw-prose-bold: var(--fg); --tw-prose-links: var(--fg);
  --tw-prose-bullets: var(--fg-caption); --tw-prose-counters: var(--fg-caption); --tw-prose-quotes: var(--fg); --tw-prose-quote-borders: var(--accent);
  --tw-prose-hr: var(--line); --tw-prose-code: var(--fg); --tw-prose-pre-bg: var(--surface-1); --tw-prose-pre-code: var(--fg);
  --tw-prose-invert-body: var(--fg); --tw-prose-invert-headings: var(--fg); --tw-prose-invert-links: var(--fg); --tw-prose-invert-bold: var(--fg);
  --tw-prose-invert-bullets: var(--fg-caption); --tw-prose-invert-quotes: var(--fg); --tw-prose-invert-quote-borders: var(--accent); --tw-prose-invert-code: var(--fg); }
.pg-legal .prose a { color: var(--fg); text-decoration-color: var(--accent); text-decoration-thickness: 1px; padding-block: 2px; }
.pg-legal aside.bg-marketing-muted a { padding-block: 3px; }   /* tap height ≥24px (run-all touch), line box unchanged */
.pg-legal .prose a:hover { text-decoration-color: var(--fg); }
.pg-legal .prose p, .pg-legal .prose li, .pg-legal .prose strong { color: var(--fg); }
.pg-legal .prose :not(pre) > code::before, .pg-legal .prose :not(pre) > code::after { content: none; }
.pg-legal .prose :not(pre) > code { background: var(--surface-elevated); color: var(--fg); font-family: var(--font-mono); font-size: .875em; font-weight: 500; padding: .1em .35em; border-radius: 4px; }   /* typography plugin sets 600; Geist Mono runs 400/500 */

/* ---------- swap 2: fonts. Lovable's Camera Plain → Geist; Roboto Mono → Geist Mono */
.pg-legal .dark, .pg-legal .prose { font-family: var(--font-sans); }
.pg-legal { --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif; --font-mono: "Geist Mono", ui-monospace, monospace; --font-weight-medium: 500; }   /* the donor's :root redefines these on the wrapper; the kit's values win */
.pg-legal h1, .pg-legal h2, .pg-legal h3, .pg-legal :is(h1, h2, h3).font-medium, .pg-legal .prose :is(h2, h3) { font-family: var(--font-sans); font-weight: 600; }   /* Lovable's .font-medium (480) outranks a bare h1 rule */

/* ---------- swap 3: sizes onto the homepage ladder (1440: …14, 17, 18.14, 20, 30, 52…; 390: …14-17, 20, 24, 36…).
   Lovable: h1 36 → 52 (36 on phones), h2 30 → 30, h3 ~24 → 20, related titles 24 → 20, body 18 → 18 (17 on phones,
   the read floor), meta 14 stays. */
.pg-legal h1.text-4xl { font-size: 52px; line-height: 1.06; letter-spacing: -.035em; }
.pg-legal .prose :is(h2, h3, h4) { color: var(--fg); }   /* Lovable's prose-h2:text-marketing-foreground paints its cream */
.pg-legal .prose h2 { font-size: 30px; line-height: 1.15; letter-spacing: -.02em; }
.pg-legal .prose h3 { font-size: 20px; line-height: 1.3; letter-spacing: -.01em; margin-top: 2em; }
.pg-legal .mt-16 h3.text-2xl { font-size: 24px; line-height: 1.25; }   /* Lovable's 24 (CP-B: Codex + Opus) */
.pg-legal .mt-16 h2.text-2xl { font-size: 24px; line-height: 1.25; letter-spacing: -.02em; }
.pg-legal #newsletter h2 { font-size: 30px; line-height: 1.15; letter-spacing: -.02em; }
@media (min-width: 48rem) { .pg-legal .md\:prose-lg { font-size: 18px; line-height: 1.55; } }
@media (max-width: 767px) {
  .pg-legal h1.text-4xl { font-size: 36px; line-height: 1.25; }   /* Lovable's leading-tight 45px pitch (CP-B Codex) */
  .pg-legal .prose { font-size: 17px; line-height: 1.6; }
  .pg-legal .prose h2 { font-size: 24px; }
  .pg-legal #newsletter h2 { font-size: 24px; }
}

/* Lovable's <main class="container"> adds a 16px gutter outside its px-4 (32px a side on phones); our main is the kit's */
.pg-legal .min-h-screen { padding-inline: 16px; }

/* page offset under the kit's fixed nav */
.pg-legal .min-h-screen > .mx-auto { padding-top: calc(var(--nav-clear) + 32px); }
.pg-legal .sticky.top-24 { top: calc(var(--nav-clear) + 24px); }
.pg-legal .prose :is(h2, h3) { scroll-margin-top: calc(var(--nav-clear) + 24px); }

/* reading measure: Geist at 18px runs ~79-84 characters a line in Lovable's 672px column (Lovable's narrower face runs 73);
   the article is capped at 660px so lines stay in the 60-75 band (read-gate R4) */
.pg-legal article.prose { max-width: 660px; }

/* hero: Gnar's file is 600 × 340 — shown at its own size, never stretched (Lovable's slot is 672 wide at 2:1) */
.pg-legal .pg-legal-hero { max-width: 600px; aspect-ratio: 600 / 340; }
.pg-legal .pg-legal-hero img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- pull-in: breadcrumb (Retool: Blog / Category / Title), in Lovable's back-link slot and colour */
.pg-legal .pg-legal-crumbs { margin-bottom: 32px; font-size: 14px; line-height: 20px; }
.pg-legal .pg-legal-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pg-legal .pg-legal-crumbs li { display: flex; align-items: center; gap: 8px; color: var(--fg-small); min-width: 0; }
.pg-legal .pg-legal-crumbs li + li::before { content: "/"; color: var(--fg-caption); }
.pg-legal .pg-legal-crumbs a { color: var(--fg-small); text-decoration: none; padding: 10px 0; margin: -10px 0; }
.pg-legal .pg-legal-crumbs a:hover { color: var(--fg); }
.pg-legal .pg-legal-crumbs [aria-current] span { color: var(--fg-caption); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 36ch; }
@media (max-width: 767px) { .pg-legal .pg-legal-crumbs [aria-current] { display: none; } }

/* ---------- pull-in: byline row (Sanity: org + date between two hairlines, share icons on the right) */
.pg-legal .pg-legal-byline { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 32px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pg-legal .pg-legal-byline__who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; font-size: 14px; line-height: 20px; color: var(--fg-small); }
.pg-legal .pg-legal-byline__org { color: var(--fg); font-weight: 500; }
.pg-legal .pg-legal-byline__share { display: flex; gap: 4px; }
/* share buttons (Sanity set, Lovable's 24px icon), hit area 40px */
.pg-legal .pg-legal-share { display: inline-grid; place-items: center; width: 40px; height: 40px; margin: -8px; color: var(--fg-small); background: none; border: 0; border-radius: var(--radius-full); cursor: pointer; transition: color .15s ease, background-color .15s ease; }
.pg-legal .pg-legal-share svg { width: 20px; height: 20px; }
.pg-legal .pg-legal-byline .pg-legal-share { margin: 0; }
@media (hover: hover) and (pointer: fine) { .pg-legal .pg-legal-share:hover { color: var(--fg); background: var(--surface-elevated); } }
.pg-legal .pg-legal-share.is-copied { color: var(--accent); }
.pg-legal aside nav .flex.gap-3 { gap: 4px; margin-left: -10px; }
.pg-legal aside nav .flex.gap-3 .pg-legal-share { margin: 0; }
.pg-legal aside nav hr { margin: 0; }

/* ---------- contents rail (Lovable's), with Mintlify's "you are here" marker */
.pg-legal aside nav > .flex.flex-col.gap-2 { gap: 0; }   /* Lovable has no track; only the active marker shows (CP-B, Opus clone judge) */
.pg-legal [data-pg-legal-toc-link] { display: block; padding: 4px 0 4px 12px; border-left: 2px solid transparent; line-height: 20px; }   /* marker inside the rail box: the rail's overflow guard clips anything outside it */   /* one continuous track; Lovable's 8px gap becomes 4+4 padding */
.pg-legal [data-pg-legal-toc-link].is-active { color: var(--fg); border-left-color: var(--accent); }
.pg-legal aside nav > .text-sm { color: var(--fg-small); }

/* ---------- pull-in: AI links (Supabase's row under the contents) */
.pg-legal .pg-legal-ai { display: flex; flex-wrap: wrap; gap: 0 16px; margin-top: -16px; font-size: 14px; line-height: 20px; }
/* the rail must fit a 1280×720 laptop: Lovable's 32px group gap → 24, and a height guard so the ask can always be reached */
.pg-legal aside nav.sticky { gap: 24px; max-height: calc(100vh - var(--nav-clear) - 48px); overflow-y: auto; scrollbar-width: none; }
.pg-legal aside nav.sticky::-webkit-scrollbar { display: none; }
.pg-legal .pg-legal-ai :is(a, button) { display: block; text-align: left; padding: 6px 0; color: var(--fg-small); background: none; border: 0; font: inherit; cursor: pointer; text-decoration: none; }
.pg-legal .pg-legal-ai :is(a, button):hover { color: var(--fg); }
.pg-legal .pg-legal-ai button.is-copied { color: var(--accent); }

/* ---------- pull-in: the ask in the rail (Mintlify's rail CTA, one block, no email field) */
.pg-legal .pg-legal-ask { padding-top: 8px; }
.pg-legal .pg-legal-ask p { margin: 0 0 16px; font-size: 14px; line-height: 21px; color: var(--fg-small); }

/* ---------- pull-in: phone contents box (Cursor's collapsible "Table of contents" above the article) */
.pg-legal .pg-legal-mtoc { margin-top: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-1); }
.pg-legal .pg-legal-mtoc summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px; font-size: 15px; color: var(--fg-small); cursor: pointer; list-style: none; }
.pg-legal .pg-legal-mtoc summary::-webkit-details-marker { display: none; }
.pg-legal .pg-legal-mtoc[open] summary svg { transform: rotate(180deg); }
.pg-legal .pg-legal-mtoc summary svg { transition: transform .2s ease; }
.pg-legal .pg-legal-mtoc ol { list-style: none; margin: 0; padding: 0 16px 12px; }
.pg-legal .pg-legal-mtoc ol ol { padding: 0 0 0 16px; }
.pg-legal .pg-legal-mtoc a { display: block; padding: 8px 0; font-size: 15px; line-height: 21px; color: var(--fg); text-decoration: none; }
.pg-legal .pg-legal-mtoc ol ol a { color: var(--fg-small); }
@media (min-width: 64rem) { .pg-legal .pg-legal-mtoc { display: none; } }

/* ---------- pull-in: heading anchors (Linear's "#" on hover; always visible to keyboard focus) */
.pg-legal .pg-legal-anchor { margin-left: .3em; color: var(--fg-caption); text-decoration: none !important; opacity: 0; transition: opacity .15s ease; font-weight: 400; }
.pg-legal .prose :is(h2, h3):hover .pg-legal-anchor, .pg-legal .pg-legal-anchor:focus-visible { opacity: 1; }
@media not ((hover: hover) and (pointer: fine)) { .pg-legal .pg-legal-anchor { display: none; } }

/* ---------- pull-in: code blocks (Vercel's frame: header bar with the language + copy, 8px radius, hairline border)
   set at 16px Geist Mono (Vercel ships 13px; the read floor is 15), Lovable's wrap kept so nothing runs off a phone */
.pg-legal .pg-legal-code { margin: 24px 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-1); overflow: hidden; }
.pg-legal .pg-legal-code__bar { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 8px 0 16px; border-bottom: 1px solid var(--line); }
.pg-legal .pg-legal-code__lang { font-family: var(--font-mono); font-size: 14px; line-height: 20px; color: var(--fg-small); }
.pg-legal .pg-legal-code__copy { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; font-family: var(--font-mono); font-size: 14px; color: var(--fg-small); background: none; border: 0; border-radius: 6px; cursor: pointer; }
.pg-legal .pg-legal-code__copy:hover { color: var(--fg); background: var(--surface-elevated); }
.pg-legal .pg-legal-code__copy.is-copied { color: var(--accent); }
.pg-legal .prose .pg-legal-code pre, .pg-legal .prose .pg-legal-code pre[class] { margin: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; padding: 16px !important; max-height: none; }
.pg-legal .prose .pg-legal-code pre code { font-family: var(--font-mono); font-size: 16px; line-height: 1.6 !important; color: var(--fg); }
/* phones: Ruby wrapped mid-expression loses its indentation, so on phones code keeps its lines and scrolls inside the
   frame, with an edge fade as the "more this way" cue (read-gate R6: scroll cue present) */
@media (max-width: 767px) {
  .pg-legal .prose .pg-legal-code pre, .pg-legal .prose .pg-legal-code pre code { white-space: pre !important; overflow-wrap: normal !important; word-break: normal !important; }
  .pg-legal .prose .pg-legal-code pre code { font-size: 15px; }
}
/* code colours: Lovable's own --hl-* hooks, re-pointed to Gnar's code palette (orange keywords, white alphas) */
.pg-legal .dark .prose-allow-pre-styles { --hl-base: var(--fg); --hl-keyword: var(--accent); --hl-title: var(--fg); --hl-attr: rgba(255,255,255,.82); --hl-string: rgba(255,255,255,.82); --hl-built-in: var(--accent); --hl-comment: rgba(255,255,255,.68); }
.pg-legal .prose .hljs { background: transparent; color: var(--fg); }
.pg-legal .prose :is(.hljs-keyword, .hljs-built_in, .hljs-type, .hljs-literal, .hljs-variable.language_) { color: var(--accent); }
.pg-legal .prose :is(.hljs-title, .hljs-title.class_, .hljs-title.function_, .hljs-title.class_.inherited__) { color: var(--fg); }
.pg-legal .prose :is(.hljs-string, .hljs-regexp) { color: rgba(255,255,255,.82); }
.pg-legal .prose :is(.hljs-number, .hljs-symbol, .hljs-attr, .hljs-attribute, .hljs-params, .hljs-variable, .hljs-property, .hljs-operator) { color: rgba(255,255,255,.74); }
.pg-legal .prose :is(.hljs-comment, .hljs-doctag, .hljs-meta) { color: rgba(255,255,255,.68); font-style: normal; }   /* .45 measured 4.46:1 on the raised plate */

/* blockquote (the live "Enjoying this content?" callout): Lovable's prose quote with the accent bar */
.pg-legal .prose blockquote { border-left: 3px solid var(--accent); padding-left: 20px; font-style: normal; }
.pg-legal .prose blockquote p::before, .pg-legal .prose blockquote p::after { content: none; }

/* Lovable's author photo slot holds Gnar's mark (no named author on this post); the mark is contained, not cropped */
.pg-legal .pg-legal-about-mark { object-fit: contain; padding: 8px; background: var(--surface-elevated); }

/* about box (Lovable's author aside) and the button family. Lovable's reset (a { color: inherit }) outranks .k-btn's ink */
.pg-legal a.k-btn, .pg-legal button.k-btn { color: var(--accent-ink); background: var(--accent); border: 1px solid transparent; border-radius: var(--radius-pill); font: var(--btn-font); }   /* Lovable's reset (a/button: inherit, transparent) outranks .k-btn */
.pg-legal a.k-btn:hover, .pg-legal button.k-btn:hover { background: var(--accent-hover); }
.pg-legal aside[aria-labelledby="about-author-heading"] { color: var(--fg-small); }
.pg-legal aside[aria-labelledby="about-author-heading"] > div { font-size: 17px; line-height: 1.6; }   /* Lovable 0.95em of its base = 15.75 here; under the 16px floor */
.pg-legal .pg-legal-about-cta { margin-top: 16px; }   /* the ask at the end of the article, at every width (the rail ask is desktop-only) */
/* plates: Lovable's muted plate sits visibly above its ground; the kit's raised surface gives the same step on Gnar's ground */
.pg-legal .bg-marketing-muted, .pg-legal .pg-legal-code, .pg-legal .pg-legal-mtoc { background-color: var(--surface-raised); }
.pg-legal .pg-legal-ask .k-btn { width: 100%; justify-content: center; }

/* related cards: Gnar's own illustrations keep their picture (Lovable's 16:9 frame matches Gnar's 1200 × 675 heroes) */
.pg-legal .mt-16 .grid a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .pg-legal .mt-16 .grid a:hover h3 { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; } }

/* newsletter (Lovable's closing band, Gnar's live copy; the form is inert on previews) */
.pg-legal #newsletter { text-align: center; padding-left: 24px; padding-right: 24px; }
.pg-legal #newsletter p { max-width: 56ch; }
.pg-legal .pg-legal-nl { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; width: 100%; max-width: 440px; }
.pg-legal .pg-legal-nl input { flex: 1 1 220px; min-height: 44px; padding: 0 16px; font: inherit; font-size: 16px; color: var(--fg); background: var(--input); border: 1px solid var(--line); border-radius: 8px; }
.pg-legal .pg-legal-nl input::placeholder { color: var(--fg-caption); }
.pg-legal .pg-legal-nl input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.pg-legal .pg-legal-nl button { cursor: pointer; }
.pg-legal .pg-legal-nl__msg { flex-basis: 100%; margin: 4px 0 0; font-size: 14px; color: var(--fg-small); }

/* optional slots (rendered only when a post carries the data) */
/* Key takeaways: Lovable's About-box shape (raised plate, 3px accent bar, 8px radius) above the article */
.pg-legal .pg-legal-takeaways { max-width: 660px; margin: 0 0 40px; padding: 20px 24px; border-left: 3px solid var(--accent); border-radius: 8px; background: var(--surface-raised); }
.pg-legal .pg-legal-takeaways__title { margin: 0 0 12px; font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--fg); }
.pg-legal .pg-legal-takeaways ul { margin: 0; padding-left: 18px; display: grid; gap: 10px; list-style: disc; }   /* Lovable reset strips list markers outside .prose */
.pg-legal .pg-legal-takeaways li { font-size: 18px; line-height: 1.55; color: var(--fg); }
.pg-legal .pg-legal-takeaways li::marker { color: var(--accent); }
/* FAQ: separate raised rows with gaps, no divider lines (Evan: grey lines are slop) */
.pg-legal .pg-legal-faq { max-width: 660px; margin-top: 64px; }
.pg-legal .pg-legal-faq h2 { font-size: 30px; line-height: 1.15; letter-spacing: -.02em; font-weight: 600; color: var(--fg); }
.pg-legal .pg-legal-faq details { margin-top: 8px; border-radius: 8px; background: var(--surface-raised); }
.pg-legal .pg-legal-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 20px; cursor: pointer; list-style: none; font-size: 18px; line-height: 1.4; font-weight: 500; color: var(--fg); }
.pg-legal .pg-legal-faq summary::-webkit-details-marker { display: none; }
.pg-legal .pg-legal-faq summary svg { flex-shrink: 0; transition: transform .2s ease; color: var(--fg-small); }
.pg-legal .pg-legal-faq details[open] summary svg { transform: rotate(180deg); }
.pg-legal .pg-legal-faq details p { margin: 0; padding: 0 20px 18px; font-size: 17px; line-height: 1.6; color: var(--fg-small); }
@media (max-width: 767px) { .pg-legal .pg-legal-faq h2 { font-size: 24px; } .pg-legal .pg-legal-takeaways li, .pg-legal .pg-legal-faq summary { font-size: 17px; } }

/* focus ring: the kit's orange ring everywhere in the page */
.pg-legal :is(a, button, summary, [tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .pg-legal * { transition: none !important; } }
/* short laptop screens (≤760px tall): the rail ask keeps its button and drops its line, so the button is always in view */
@media (max-height: 760px) { .pg-legal .pg-legal-ask p { display: none; } }

/* the TG_* glossary (live CMS flattened it into one run-on paragraph; rendered as a definition list, words unchanged) */
.pg-legal .prose .pg-legal-dl { display: grid; grid-template-columns: max-content 1fr; gap: 12px 20px; margin: 24px 0; }
.pg-legal .prose .pg-legal-dl dt { margin: 0; font-weight: 400; }
.pg-legal .prose .pg-legal-dl dd { margin: 0; padding: 0; color: var(--fg); }
@media (max-width: 767px) { .pg-legal .prose .pg-legal-dl { grid-template-columns: 1fr; gap: 4px; } .pg-legal .prose .pg-legal-dl dd { margin-bottom: 12px; } }
/* code keeps its lines at every width (wrapping Ruby/SQL mid-expression loses the indentation that carries meaning);
   long lines scroll inside the frame with the edge fade as the cue. Logged deviation from Lovable's pre-wrap. */
.pg-legal .prose .pg-legal-code pre, .pg-legal .prose .pg-legal-code pre code { white-space: pre !important; overflow-wrap: normal !important; word-break: normal !important; }
.pg-legal .prose .pg-legal-code pre { overflow-x: auto !important; }
.pg-legal .prose .pg-legal-code pre.has-overflow:not(.is-scrolled-end) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); }
/* phones: the About box stacks (the 64px mark beside 17px text left ~18 characters a line) and the article starts closer */
@media (max-width: 639px) {
  .pg-legal aside[aria-labelledby="about-author-heading"] { flex-direction: column; gap: 12px; }
  .pg-legal .pt-12 { padding-top: 32px; }
}
/* the frame's <pre> is the scroller (hljs ships `pre code.hljs { overflow-x: auto }`, which made the inner <code> scroll
   silently and left the fade off) */
.pg-legal .prose .pg-legal-code pre code, .pg-legal .prose .pg-legal-code pre code.hljs { overflow: visible !important; padding: 0 !important; display: block; width: max-content; min-width: 100%; }

/* ================================================================ INDEX (Lovable /blog) */
.pg-legal .flex.min-h-screen.pt-16 { padding-top: calc(var(--nav-clear) + 48px); }
.pg-legal aside .md\:sticky.md\:top-20 { top: calc(var(--nav-clear) + 24px); }
.pg-legal aside h1.text-5xl { font-size: 48px; line-height: 1.06; letter-spacing: -.035em; }   /* Lovable text-5xl on phones */

.pg-legal aside h1.text-5xl + p { font-size: 17px; line-height: 1.55; color: var(--fg-small); }
@media (min-width: 48rem) { .pg-legal aside h1.text-5xl + p { font-size: 15px; line-height: 1.5; } }
.pg-legal nav[aria-label="Blog categories"] a { padding-block: 10px; margin-block: -10px; text-decoration: none; }
@media (min-width: 48rem) { .pg-legal nav[aria-label="Blog categories"] { gap: 12px; } .pg-legal nav[aria-label="Blog categories"] a { padding-block: 4px; margin-block: 0; } }
.pg-legal nav[aria-label="Blog categories"] a.active { color: var(--fg); }
.pg-legal nav[aria-label="Blog categories"] a.active::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 1px; background: var(--accent); vertical-align: 2px; }   /* the "you are here" mark, same as the post's contents marker */
.pg-legal [data-pg-legal-grid] h2.text-2xl { font-size: 24px; line-height: 1.25; letter-spacing: -.01em; font-weight: 600; }
.pg-legal [data-pg-legal-grid] p.line-clamp-2 { font-size: 17px; line-height: 1.55; color: var(--fg-small); }
.pg-legal [data-pg-legal-grid] > a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .pg-legal [data-pg-legal-grid] > a:hover h2 { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; } }
.pg-legal [data-pg-legal-grid] > a[hidden] { display: none; }
/* search (pull-in: Gnar's live /blog search, in Lovable's field dialect: hairline, 8px radius) */
.pg-legal .pg-legal-search { position: relative; display: flex; align-items: center; color: var(--fg-caption); }
.pg-legal .pg-legal-search svg { position: absolute; left: 12px; pointer-events: none; }
.pg-legal .pg-legal-search input { width: 100%; min-height: 44px; padding: 0 12px 0 36px; font: inherit; font-size: 16px; color: var(--fg); background: var(--input); border: 1px solid var(--line); border-radius: 8px; }
.pg-legal .pg-legal-search input::placeholder { color: var(--fg-caption); }
.pg-legal .pg-legal-search input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.pg-legal .pg-legal-empty { color: var(--fg-small); font-size: 17px; }
.pg-legal .pg-legal-empty a { color: var(--fg); text-decoration-color: var(--accent); }
@media (max-width: 47.99rem) {
  .pg-legal .flex.min-h-screen.pt-16 > aside { margin-bottom: 40px; }
  /* the category row scrolls sideways on phones (Lovable's); an edge fade says there is more */
  .pg-legal nav[aria-label="Blog categories"] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); padding-right: 32px; }
}

/* ================================================================ CP-C fixes */
/* code: Geist Mono's ligatures drew -> as an arrow and != as ≠ (CP-C reader, Opus): code shows the characters typed */
.pg-legal :is(pre, code, kbd, samp) { font-variant-ligatures: none; font-feature-settings: "liga" 0, "calt" 0; }
/* code frames use the full article column on desktop (the prose stays at 660px), so fewer lines need scrolling */
@media (min-width: 64rem) { .pg-legal .prose .pg-legal-code { width: min(100%, calc(100vw - 2rem)); } .pg-legal article.prose:has(.pg-legal-code) { max-width: none; } .pg-legal article.prose > :not(.pg-legal-code) { max-width: 660px; } }
/* an explicit cue when a block scrolls sideways (the fade alone read as "faint", CP-C reader + first-principles) */
.pg-legal .pg-legal-code__more { display: none; margin-left: auto; margin-right: 8px; font-family: var(--font-mono); font-size: 14px; color: var(--fg-small); }
.pg-legal .pg-legal-code.has-overflow .pg-legal-code__more { display: inline; }
.pg-legal .prose .pg-legal-code pre.has-overflow:not(.is-scrolled-end) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0,0,0,.15)); mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0,0,0,.15)); }
/* index: Lovable's <main class="container"> (max 1280, 80px gutters) holds the side column + an 800px grid */
@media (min-width: 64rem) { .pg-legal .dark > .flex.min-h-screen.pt-16 { max-width: 1280px; margin-inline: auto; padding-inline: 80px; } }
@media (min-width: 48rem) { .pg-legal aside h1.md\:text-4xl { font-size: 36px; line-height: 1.25; letter-spacing: -.02em; } }
/* phones: the four categories wrap instead of hiding the fourth behind a scroll (CP-C reader + first-principles) */
@media (max-width: 47.99rem) { .pg-legal nav[aria-label="Blog categories"] { flex-wrap: wrap; row-gap: 12px; white-space: normal; -webkit-mask-image: none; mask-image: none; padding-right: 0; } }

/* rail order (CP-C Codex contrarian): the ask now comes before the AI links, so the page makes its case before it offers an exit */
.pg-legal .pg-legal-ask + .pg-legal-ai { margin-top: 0; }

/* Evan 2026-10-01: no grey divider lines in the rail ("AI slop"). Groups separate by space alone: the rail's 24px gap
   plus 8px more before Share and before the ask. Same for the index side column. */
.pg-legal aside nav.sticky > div:has(> .mb-2) { padding-top: 8px; }

/* ================================================================ V22: zero grey lines (Evan 2026-10-01, after V21:
   "Still gray lines between the title, the Gnar company, and the image… look harder"). Every grey border inside the page
   goes; groups separate by space, surfaces by fill. Only the orange marks remain. Gated by tools/line-census.mjs. */
.pg-legal .pg-legal-byline { border-top: 0; border-bottom: 0; padding: 0; margin: 0 0 32px; }
.pg-legal h1.text-4xl.mb-8 { margin-bottom: 20px; }
.pg-legal .pg-legal-code { border: 0; background: var(--surface-raised); }
.pg-legal .pg-legal-code__bar { border-bottom: 0; background: var(--surface-elevated); }
.pg-legal .pg-legal-mtoc { border: 0; background: var(--surface-raised); }
.pg-legal #newsletter { border: 0; background: var(--surface-raised); }
.pg-legal .pg-legal-nl input, .pg-legal .pg-legal-search input { border: 0; background: var(--surface-elevated); }
.pg-legal .pg-legal-search input { background: var(--surface-raised); }

/* V22 hard-look fixes */
/* rail: the three AI links stack (they wrapped raggedly, "Ask Claude" alone on a second line) */
.pg-legal .pg-legal-ai { flex-direction: column; flex-wrap: nowrap; gap: 0; }
.pg-legal .pg-legal-ai :is(a, button) { padding: 4px 0; }
/* one right edge for every box in the column: takeaways, code, FAQ and About all span the full 672px column */
@media (min-width: 64rem) { .pg-legal .pg-legal-takeaways, .pg-legal .pg-legal-faq { max-width: none; } }
/* index side column: the intro line uses the column's full width (it wrapped to 5 lines at 144px) */
@media (min-width: 48rem) { .pg-legal aside .md\:w-3\/4 { width: 100%; } }
/* phones: the four categories sit in a 2 x 2 grid (wrapping left "Product Insights" orphaned on its own line) */
@media (max-width: 47.99rem) { .pg-legal nav[aria-label="Blog categories"] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; } }

/* ---------- V23 author (Mike 2026-10-01: "add the author and a bio to the blog posts for AEO credibility") */
.pg-legal .pg-legal-byline__author { display: inline-flex; align-items: center; gap: 12px; }
.pg-legal .pg-legal-byline__author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
.pg-legal .pg-legal-byline__author > span { display: flex; flex-direction: column; line-height: 20px; }
.pg-legal .pg-legal-byline__role { color: var(--fg-small); }
.pg-legal .pg-legal-byline__who:has(.pg-legal-byline__author) { align-items: center; }
.pg-legal .pg-legal-authorbox__label { font-family: var(--font-mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; }
.pg-legal .pg-legal-authorbox__role { font-size: 14px; color: var(--fg-small); margin-bottom: 10px; }
@media (max-width: 639px) { .pg-legal .pg-legal-byline:has(.pg-legal-byline__author) { flex-wrap: wrap; row-gap: 12px; } .pg-legal .pg-legal-byline:has(.pg-legal-byline__author) .pg-legal-byline__who { flex: 1 1 100%; } }
/* 3. legal page additions (src/css/legal.css) */
/* legal.css — the parts the blog-post template has no post for.
   1. The live data table. Lovable's prose table rules (kept by prune-css) draw it; three columns wrap at every width
      from 640px up, and below 640px each row stacks (the live page instead scrolls sideways at a 600px minimum and
      hides the YES/NO column off-screen on phones). */
.pg-legal .pg-legal-table { margin: 32px 0; }
.pg-legal .prose .pg-legal-table table { margin: 0; width: 100%; }
.pg-legal .prose .pg-legal-table :is(th, td) { vertical-align: top; color: var(--fg); font-size: 15px; line-height: 1.5; }
.pg-legal .prose .pg-legal-table tbody th { text-align: left; font-weight: 500; padding: 12px 8px 12px 0; }
.pg-legal .prose .pg-legal-table td:last-child, .pg-legal .prose .pg-legal-table thead th:last-child { white-space: nowrap; }
/* phones: category, examples, then "Collected: YES". The label is the table's own header word (data attribute). */
@media (max-width: 639px) {
  .pg-legal .prose .pg-legal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .pg-legal .prose .pg-legal-table :is(table, tbody, tr, th, td) { display: block; padding: 0; }
  .pg-legal .prose .pg-legal-table tr { padding: 16px 0; }
  .pg-legal .prose .pg-legal-table tbody th { padding: 0 0 6px; font-size: 16px; }
  .pg-legal .prose .pg-legal-table td { font-size: 16px; }
  .pg-legal .prose .pg-legal-table td:last-child { margin-top: 6px; }
  .pg-legal .prose .pg-legal-table td:last-child::before { content: attr(data-pg-legal-label) ": "; color: var(--fg-small); }
}
/* 2. No hero, byline or takeaways sit between the title and the text here (the template's 48px gap was sized for them). */
.pg-legal .pt-12 { padding-top: 24px; }
/* 3. The Cookie Notice anchor is a paragraph, which the template's prose-headings:scroll-mt-20 (80px) does not cover; it
   gets the same 80px so a deep link to it lands like every heading. Clicks are placed by the kit's anchor-offset.js
   (nav bar bottom + 8px) on every page. */
.pg-legal #cookie-notice { scroll-margin-top: 80px; }
/* 4. "Definitions" is an h2 for the outline (live has an h3 straight under the title) and keeps the h3 look,
   values measured from the page's own h3 (20/26, 600, -0.2px, 40px above, 0.6em/0.6667em below). */
.pg-legal .prose h2.pg-legal-h3 { font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.2px; margin-top: 40px; margin-bottom: .6em; }
@media (min-width: 48rem) { .pg-legal .prose h2.pg-legal-h3 { margin-bottom: .6667em; } }
/* 5. Print. Browsers drop backgrounds when printing, which left this white text on white paper. In print the article
   is black on white (every link's text is already its own address), and the contents rail, phone box and "#" anchors are hidden.
   (The kit's nav and footer sit outside this page's scope; noted for the merge.) */
@media print {
  .pg-legal .dark, .pg-legal .dark * { color: black !important; background: transparent !important; box-shadow: none !important; }
  .pg-legal aside, .pg-legal .pg-legal-mtoc, .pg-legal .pg-legal-anchor { display: none !important; }
  .pg-legal .lg\:max-w-\[calc\(100\%-20rem\)\] { max-width: none !important; }
  .pg-legal .prose :is(h2, h3, h4) { break-after: avoid; }
  .pg-legal .prose :is(li, tr, p) { break-inside: avoid; }
  .pg-legal .prose code { border: 1px solid #999; }
}

/* 320px: the long cookie names (e.g. _hjAbsoluteSessionInProgress) pushed the page 6px wider than the screen (merge QA 10/14) */
.pg-legal .prose :not(pre) > code { overflow-wrap: anywhere; }