/* Privacy and Terms (21 Oct 2026): one reading layout for legal pages. Same system as the homepage (site.css,
   hero.css, nav.css) and the shared page chrome (page.css). Every class here starts with lg-. The section lists are a
   suggested structure for counsel; all paragraphs are placeholders. */

.lg-head{max-width:760px}
.lg-head .t-body{margin:18px 0 0;font-size:17px;line-height:26px}
.lg-meta{margin:16px 0 0;font-size:14px;line-height:20px;color:var(--ink-2)}
.ph{display:inline-block;padding:0 6px;border:1px dashed var(--edge);border-radius:4px;background:repeating-linear-gradient(135deg,transparent 0 6px,rgb(23 59 79 / .05) 6px 12px);color:var(--ink-2)}

.lg-wrap{padding-top:56px}
.lg-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:56px;align-items:start}
.lg-toc{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto}
/* wide screens: a heading and an always-open list; narrow screens: a closed box opened by its summary */
.lg-toc-h,.lg-toc summary{margin:0;font-weight:600;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.lg-toc summary{display:none;list-style:none}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc ol{list-style:none;margin:12px 0 0;padding:0;border-left:1px solid var(--rule)}
.lg-toc a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:14px;line-height:20px;color:var(--ink-2);text-decoration:none}
.lg-toc a:hover{color:var(--ink)}
.lg-toc a[aria-current="true"]{border-left-color:var(--navy);color:var(--ink);font-weight:500}
.lg-toc a:focus-visible{outline:2px solid var(--link);outline-offset:-2px}
.lg-toc summary:focus-visible{outline:2px solid var(--link);outline-offset:2px}

.lg-body{max-width:720px}
.lg-sec{padding-bottom:36px}
.lg-sec + .lg-sec{padding-top:36px;border-top:1px solid var(--rule)}
.lg-sec h2{margin:0;font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.01em}
.lg-ph{margin:14px 0 0;font-size:16px;line-height:26px;color:var(--ink-2)}

@media (max-width:1024px){
  .lg-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .lg-toc{position:static;max-height:none;overflow:visible;padding:16px 18px;border:1px solid var(--rule);border-radius:var(--r-frame);background:var(--panel)}
  .lg-toc-h{display:none}
  .lg-toc summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  .lg-toc summary::after{content:'';width:8px;height:8px;margin-right:4px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s}
  .lg-toc details[open] summary::after{transform:rotate(-135deg)}
  .lg-toc ol{columns:2;column-gap:24px;border-left:0}
  .lg-toc li{break-inside:avoid}
  .lg-toc a{padding-left:0;border-left:0}
  .lg-toc a[aria-current="true"]{text-decoration:underline;text-underline-offset:3px}
}
@media (max-width:600px){
  .lg-wrap{padding-top:40px}
  .lg-toc ol{columns:1}
  .lg-sec h2{font-size:21px;line-height:28px}
}
