/* Label League — /privacy · /terms · /support (10/8/2026, Claude Design 52.2–52.11; live October 9, 2026). One long-form template:
   the head (eyebrow date · h1 · the doc switcher), the sticky index rail + the doc card on desktop, a full-bleed sheet + the Contents bar
   on phones. Markup by tools/build_legal_pages.py; tokens from site.css (no new ones); every class is .lg-scoped. Desktop from 900. */
.lg{color:var(--ink);line-height:normal}   /* the prototype runs at normal; body's 1.55 made each index row 2px taller */
.lg a{color:inherit}

/* ── the archived banner (a past version) ── */
.lg .lg-ban{background:var(--sunk);border-bottom:1px solid var(--rule)}
.lg .lg-ban .in{max-width:1280px;margin:0 auto;padding:6px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 20px;box-sizing:border-box}
.lg .lg-ban .t{font-family:var(--mono);font-size:10.5px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);padding:6px 0}
.lg .lg-ban a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ── the head ── */
.lg .lg-head{max-width:1280px;margin:0 auto;padding:22px 18px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px 40px;align-items:end;box-sizing:border-box}
.lg .lg-h1{margin:12px 0 0;font-family:var(--disp);font-weight:700;font-size:48px;line-height:.9;letter-spacing:-.05em;text-wrap:balance}
.lg .lg-h1.bare{margin-top:0}
.lg .lg-docs{display:none;background:var(--sunk);border-radius:12px;padding:3px;gap:2px}
.lg .lg-docs a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border-radius:9px;color:var(--ink2);text-decoration:none}
.lg .lg-docs a:hover{color:var(--ink)}
.lg .lg-docs a[aria-current]{background:var(--ink);color:var(--paper)}

/* ── the body: the rail + the doc ── */
.lg .lg-body{max-width:1280px;margin:0 auto;padding:22px 0 0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;box-sizing:border-box}
.lg .lg-rail{display:none}
.lg .lg-index{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:6px;display:grid}
.lg .lg-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border-radius:9px;color:var(--ink);text-decoration:none}
.lg .lg-row:hover{background:var(--paper)}
.lg .lg-row[aria-current]{background:var(--ink);color:var(--paper)}
.lg .lg-row .n{font-family:var(--mono);font-size:13px;letter-spacing:.06em;opacity:.7}
.lg .lg-row .t{font-weight:700;font-size:14.5px;line-height:1.25;letter-spacing:-.01em}
.lg .pin{width:10px;height:12px;border-radius:1px;background:var(--printout);border:1px solid var(--printout-dash);box-sizing:border-box}
.lg .lg-doc{min-width:0;background:var(--card);border:solid var(--rule);border-width:1px 0;border-radius:0;padding:0 20px 28px;box-sizing:border-box}

/* ── a section ── */
.lg .lg-sec{padding:26px 0 28px;border-top:1px solid var(--rule);scroll-margin-top:64px}
.lg .lg-sec:first-child{border-top:0}
.lg .sh{display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px;align-items:baseline}
.lg .sh .n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums}
.lg .sh h2{margin:0;font-family:var(--disp);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.lg .sb{max-width:34em}
.lg .sb p{margin:14px 0 0;font-size:15.5px;line-height:1.6;text-wrap:pretty}
.lg .sb b{font-weight:700}
.lg .sb a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.lg .lg-ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.lg .lg-ul li{display:grid;grid-template-columns:18px minmax(0,1fr);font-size:15.5px;line-height:1.6}
.lg .lg-ul li>span:last-child{text-wrap:pretty}
.lg .lg-ul .d{color:var(--mute)}

/* the retention table (Privacy 06): a real table, th row headers, ink rules top and bottom */
.lg .lg-tbl{width:100%;margin:18px 0 0;border-collapse:collapse;table-layout:fixed;font-size:14px}
.lg .lg-tbl thead th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);padding:0 16px 10px 0;border-bottom:1px solid var(--ink)}
.lg .lg-tbl thead th:first-child{width:46%}
.lg .lg-tbl thead th:last-child{padding-right:0}
.lg .lg-tbl tbody th{text-align:left;font-weight:700;line-height:1.4;padding:13px 16px 13px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.lg .lg-tbl td{line-height:1.45;color:var(--ink2);padding:13px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.lg .lg-tbl tbody tr:last-child>*{border-bottom-color:var(--ink)}

/* Terms 09 · Disputes and arbitration: the printout stock — the page's one warm object, cream in both themes, no red */
.lg .pbox{margin:0 -20px;background:var(--printout);background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(31,26,20,.045) 27px 28px);color:var(--printout-ink);border:1px solid transparent;border-width:1px 0;border-radius:0;padding:0 20px 26px;box-shadow:0 18px 36px -26px var(--shadow)}
:root[data-theme="light"] .lg .pbox{border-color:var(--printout-rule)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .lg .pbox{border-color:var(--printout-rule)}}
.lg .pbox .slug{display:flex;justify-content:space-between;gap:12px;padding:14px 0 12px;border-bottom:1px dashed var(--printout-dash);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--printout-ink)}
.lg .pbox .sh{margin-top:22px}
.lg .pbox .sh .n{color:rgba(31,26,20,.6)}
.lg .pbox .lg-lede{margin-top:18px;font-weight:700;font-size:17px;line-height:1.45;letter-spacing:-.01em}

/* Support 02 · the accordion: several open at once, all closed by default */
.lg .lg-faq{margin-top:10px;border-top:1px solid var(--ink)}
.lg .lg-qa{border-bottom:1px solid var(--rule)}
.lg .lg-qa h3{margin:0;font:inherit}
.lg .lg-qa button{width:100%;min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:16px;align-items:center;padding:12px 0;margin:0;background:transparent;border:0;text-align:left;color:var(--ink);cursor:pointer;font-family:inherit}
.lg .lg-qa .qt{font-weight:700;font-size:16px;line-height:1.3;letter-spacing:-.01em}
.lg .lg-qa .ic{width:32px;height:32px;border-radius:8px;border:1px solid var(--rule-strong);box-sizing:border-box;color:var(--ink);display:grid;place-items:center;font-family:var(--mono);font-size:16px;line-height:1}
.lg .lg-qa .ic::before{content:"+"}
.lg .lg-qa button[aria-expanded="true"] .ic{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lg .lg-qa button[aria-expanded="true"] .ic::before{content:"−"}
.lg .lg-ans{padding:0 48px 18px 0}
.lg .lg-ans p{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--ink2);text-wrap:pretty}
.lg .lg-ans a{color:var(--ink)}
.lg .lg-ans.in{animation:lgopen .18s ease both}
@keyframes lgopen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* the colophon (Privacy 11 · the end of Terms 10): the sleeve's fine print, with the LL mark */
.lg .lg-colo{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 18px;border:1px solid var(--rule-strong);border-radius:4px}
.lg .lg-colo .ln{display:grid;gap:4px;min-width:0}
.lg .lg-colo .nm{font-weight:700;font-size:15px;letter-spacing:-.01em}
.lg .lg-colo .ad{font-size:15px;line-height:1.45;color:var(--ink2)}
.lg .lg-colo .em{justify-self:start;font-family:var(--mono);font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:2px;padding:4px 0}
.lg .lg-colo svg{width:26px;height:26px;flex:none;margin-top:2px}
.lg .lg-colo svg g{fill:none;stroke:var(--ink);stroke-width:24;stroke-linecap:round}

/* Support 03 · the company block: three 60px rows · and the doc chips */
.lg .lg-ct{margin-top:18px;border:1px solid var(--rule-strong);border-radius:12px;overflow:hidden}
.lg .lg-ct a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:60px;padding:10px 18px;border-top:1px solid var(--rule);text-decoration:none;color:var(--ink);box-sizing:border-box}
.lg .lg-ct a:first-child{border-top:0}
.lg .lg-ct a:hover{background:var(--paper)}
.lg .lg-ct .kv{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:baseline;min-width:0}
.lg .lg-ct .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}
.lg .lg-ct .v{font-weight:700;font-size:16px;line-height:1.35;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.lg .lg-ct .ar{font-family:var(--mono);font-size:12px;color:var(--mute)}
.lg .lg-chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.lg .lg-chips a{display:inline-flex;align-items:center;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--rule-strong);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;box-sizing:border-box}
.lg .lg-chips a:hover{border-color:var(--ink)}

/* after a revision: the past versions close the doc card */
.lg .lg-past{padding:28px 0 4px;border-top:1px solid var(--ink)}
.lg .lg-past .ls{margin-top:10px}
.lg .lg-past a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:52px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.lg .lg-past .r{font-weight:700;font-size:15px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.lg .lg-past .c{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px}
.lg .lg-past a[aria-current] .c{text-decoration:none;color:var(--mute)}

/* ── phones: the Contents bar in the thumb zone, and its sheet ── */
.lg .lg-bar{position:fixed;left:0;right:0;bottom:0;height:66px;padding:11px 18px;box-sizing:border-box;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule);z-index:25}
.lg .lg-cbtn{width:100%;height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;margin:0;border-radius:10px;border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font-family:inherit;cursor:pointer;box-sizing:border-box;text-align:left}
.lg .lg-cbtn .n{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums}
.lg .lg-cbtn .t{font-weight:700;font-size:13px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg .lg-cbtn .c{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
.lg .lg-sheet{position:fixed;inset:0;z-index:40;background:rgba(15,15,17,.72);display:flex;align-items:flex-end}
.lg .lg-sheet[hidden]{display:none}
.lg .lg-sheet .pnl{width:100%;max-height:calc(100% - 56px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-bottom:0;border-radius:22px 22px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));box-sizing:border-box;box-shadow:0 -20px 40px -24px rgba(0,0,0,.6)}
.lg .lg-sheet.in{animation:lgfade .2s ease both}.lg .lg-sheet.in .pnl{animation:lgup .22s ease both}
@keyframes lgfade{from{opacity:0}to{opacity:1}}
@keyframes lgup{from{transform:translateY(24px)}to{transform:none}}
.lg .lg-sheet .pnl:focus{outline:none}
.lg .lg-sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--rule-strong);margin:0 auto 4px}
.lg .lg-sheet .hdr{display:flex;justify-content:space-between;align-items:center;min-height:44px}
.lg .lg-sheet .done{min-width:44px;height:44px;padding:0;margin:0;background:none;border:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:right}
.lg .lg-sheet .docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;background:var(--card);border:1px solid var(--rule);border-radius:12px;margin-top:2px}
.lg .lg-sheet .docs a{height:44px;display:grid;place-items:center;border-radius:9px;color:var(--ink2);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.lg .lg-sheet .docs a[aria-current]{background:var(--ink);color:var(--paper)}
.lg .lg-sheet .rows{display:grid;gap:2px;margin-top:12px}
.lg .lg-sheet .rows .lg-row{min-height:48px;gap:10px;padding:8px 12px;border-radius:10px;box-sizing:border-box}
.lg .lg-sheet .rows .lg-row:hover{background:transparent}.lg .lg-sheet .rows .lg-row[aria-current]{background:var(--ink)}
.lg .lg-sheet .rows .n{font-size:12px}
.lg .lg-sheet .rows .t{font-size:15px}
.lg .lg-sheet .top{margin:8px 0 0;width:100%;min-height:48px;padding:0 12px;border:0;border-top:1px solid var(--rule);background:none;color:var(--ink2);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer}
html.lg-locked,html.lg-locked body{overflow:hidden}

/* ── desktop ── */
@media (min-width:900px){
  .lg .lg-ban .in{padding:0 40px}
  .lg .lg-head{padding:48px 40px 0;grid-template-columns:minmax(0,1fr) auto}
  .lg .lg-h1{margin-top:14px;font-size:72px}
  .lg .lg-docs{display:inline-flex}
  .lg .lg-body{padding:34px 40px 0;grid-template-columns:270px minmax(0,1fr);gap:36px}
  .lg .lg-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px;align-self:start}
  .lg .lg-doc{max-width:820px;border-width:1px;border-radius:12px;padding:6px 48px 44px}
  .lg .lg-sec{padding:34px 0 36px;scroll-margin-top:84px}
  .lg .sh{grid-template-columns:56px minmax(0,1fr);row-gap:0}
  .lg .sh .n{font-size:13px}
  .lg .sh h2{font-size:28px}
  .lg .sb{margin-left:56px}
  .lg .sb p,.lg .lg-ul li,.lg .lg-ans p{font-size:16px}
  .lg .lg-tbl{font-size:15px}
  .lg .pbox{border-width:1px;border-radius:2px;padding:0 28px 30px}
  .lg .pbox .lg-lede{font-size:19px}
  .lg .lg-qa .qt{font-size:17px}
  .lg .lg-ct .kv{grid-template-columns:150px minmax(0,1fr);gap:16px}
  .lg .lg-chips a{height:40px}
  .lg .lg-bar,.lg .lg-sheet{display:none}
}
@media (prefers-reduced-motion:reduce){.lg .lg-ans.in,.lg .lg-sheet.in,.lg .lg-sheet.in .pnl{animation:none}}

/* print: the doc alone — no mast, rail, bar or footer; the card is plain paper; the printout keeps its border */
@media print{
  .mast,.lg .lg-rail,.lg .lg-docs,.lg .lg-bar,.lg .lg-sheet,.ll-foot,body::after{display:none!important}
  body{background:#fff;color:#111}
  .lg .lg-body{display:block;padding:0}
  .lg .lg-doc{max-width:none;border:0;padding:0;background:none}
  .lg .lg-ans[hidden]{display:block}
  .lg .pbox{border:1px solid #D9D2BF;box-shadow:none;margin:0}
}