/* The privacy page (theme/pages/privacy/, served at /privacy/): a plain legal layout on the landing kit. One section on
   white: the head (the kit's eyebrow and H1), then the contents beside a 720 px reading column from 1000 px, the way a
   method page's guide sits (feature.css .ft-g-*), stacked under it. The text's own type (the H2s with a hairline
   between them, the H3s, the paragraphs, the lists) and the tables as cards are this file's, every rule scoped to
   .pg-privacy and every class lg-; no k- class is restyled. /terms-conditions/ wears the same layout from its own
   style.css (its rules equal these but the tables, which it has none of), /disclosure/ the head and the column alone.
   Tokens only, so the dark theme follows. 2026-10-28, the cutover's legal pages (CUTOVER_PLAN B9). */

.pg-privacy .lg{padding:36px 0 120px;background:var(--ground)}
.pg-privacy .lg-head{max-width:760px}
.pg-privacy .lg-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:72px;align-items:start;margin-top:56px}

/* the contents: a numbered list of the H2s, kept in view while the page scrolls */
.pg-privacy .lg-toc{position:sticky;top:calc(var(--nav-h) + 32px)}
.pg-privacy .lg-toc p{margin:0 0 14px;font:500 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.pg-privacy .lg-toc ol{margin:0;padding:0;list-style:none;counter-reset:lg;border-left:1px solid var(--line)}
.pg-privacy .lg-toc li{counter-increment:lg;margin:0}
.pg-privacy .lg-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);padding:7px 0 7px 16px;font:500 14.5px/1.4 var(--sans);color:var(--k-text);text-decoration:none}
.pg-privacy .lg-toc a::before{content:counter(lg,decimal-leading-zero);font:500 12px/1.6 var(--mono);color:var(--mute)}
.pg-privacy .lg-toc a:hover{color:var(--ink)}

/* the text */
.pg-privacy .lg-body{max-width:720px;min-width:0}
.pg-privacy .lg-body h2{margin:0 0 16px;font:600 clamp(23px,2vw,28px)/1.25 var(--display);letter-spacing:-.02em;color:var(--ink2);text-wrap:balance;scroll-margin-top:calc(var(--nav-h) + 24px)}
.pg-privacy .lg-body h2:not(:first-child){margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.pg-privacy .lg-body h3{margin:30px 0 10px;font:600 18px/1.35 var(--display);letter-spacing:-.01em;color:var(--ink2);text-wrap:balance}
.pg-privacy .lg-body h3+h3{margin-top:12px}
.pg-privacy .lg-body p{margin:0 0 16px;font:400 17px/1.7 var(--sans);color:var(--k-text);text-wrap:pretty}
.pg-privacy .lg-body ul{margin:0 0 20px;padding:0 0 0 22px;font:400 17px/1.65 var(--sans);color:var(--k-text)}
.pg-privacy .lg-body li{margin:6px 0;padding-left:4px}
.pg-privacy .lg-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}

/* a table: a card, its columns fixed so both tables split alike, scrolling inside itself if a cell ever outgrows it */
.pg-privacy .lg-table{margin:8px 0 26px;border-radius:14px;background:var(--k-card);box-shadow:var(--k-card-sh);overflow-x:auto}
.pg-privacy .lg-table table{width:100%;table-layout:fixed;border-collapse:collapse;font:400 15.5px/1.5 var(--sans);color:var(--k-text);text-align:left}
.pg-privacy .lg-table th,.pg-privacy .lg-table td{padding:12px 16px;vertical-align:top}
/* both tables split their columns alike: the number, the information, the description */
.pg-privacy .lg-table thead th:first-child{width:52px}
.pg-privacy .lg-table thead th:nth-child(2){width:36%}
.pg-privacy .lg-table thead th{font:500 11.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line)}
.pg-privacy .lg-table tbody th{font:500 13px/1.75 var(--mono);color:var(--mute)}
.pg-privacy .lg-table tbody td:nth-child(2){font-weight:600;color:var(--ink2)}
.pg-privacy .lg-table tbody tr+tr>*{border-top:1px solid var(--line)}

.pg-privacy :where(.lg-toc a,.lg-body a,.lg-table):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

@media (max-width:1000px){
  .pg-privacy .lg-grid{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:40px}
  .pg-privacy .lg-toc{position:static;max-width:720px}
}
@media (max-width:760px){
  .pg-privacy .lg{padding:28px 0 72px}
  .pg-privacy .lg-body h2:not(:first-child){margin-top:36px;padding-top:30px}
  .pg-privacy .lg-body p,.pg-privacy .lg-body ul{font-size:16px}
  .pg-privacy .lg-table th,.pg-privacy .lg-table td{padding:10px 12px;font-size:14px}
  .pg-privacy .lg-table thead th:first-child{width:38px}
  .pg-privacy .lg-table thead th:nth-child(2){width:40%}
}