/* Privacy and Terms, and what changed since they were written, in the folio (the Privacy and Terms board and the
   What changed board, group seven, 2026-10-04). Their dress (17i-help.css) went with the old sheets on 1 Oct, and the
   page had stood unstyled since. */
.lg-page.active { min-height: 100vh; min-height: 100dvh; background: var(--fo-paper); color: var(--fo-ink); font-family: var(--fo-sans); padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 40px); }
.lg-page .lg-bar { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; box-sizing: content-box; height: 44px; padding: env(safe-area-inset-top, 0px) var(--fo-gutter) 0; border-bottom: 1px dashed var(--fo-hair); background: var(--fo-paper); }
.lg-page .lg-back { justify-self: start; min-height: 44px; padding: 0; border: none; background: none; font: inherit; font-size: 14px; color: var(--fo-ink); cursor: pointer; }
.lg-page .lg-bar__title { font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.lg-page .lg-head { display: flex; flex-direction: column; gap: 8px; padding: 20px var(--fo-gutter) 0; }
.lg-page .lg-title { margin: 0; font-family: var(--fo-serif); font-weight: 400; font-size: 24px; letter-spacing: -0.02em; line-height: 1.1; outline: none; }
.lg-page .lg-eyebrow { font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fo-graphite); }
.lg-page .lg-lede { margin: 6px 0 0; font-size: 14px; line-height: 1.55; }
/* the clauses, folded as Saved folds (§27): numbered in figures, one press to open */
.lg-page .lg-clauses { margin: 16px var(--fo-gutter) 0; border: 1px solid var(--fo-rule); background: #EFEEE9; }
.lg-page .lg-clause + .lg-clause { border-top: 1px solid var(--fo-rule); }
.lg-page .lg-clause.is-open { background: #FDFCFA; }
.lg-page .lg-clause__head { width: 100%; min-height: 48px; padding: 10px 16px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; gap: 12px; border: none; background: none; font: inherit; font-size: 14px; color: var(--fo-ink); text-align: left; cursor: pointer; }
.lg-page .lg-clause__n { margin-right: 8px; font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; color: var(--fo-graphite); }
.lg-page .lg-clause__sign { flex-shrink: 0; font-size: 14px; color: var(--fo-graphite); }
.lg-page .lg-clause__text { margin: 0; padding: 0 16px 14px; font-size: 12px; line-height: 1.55; }
/* what changed */
.lg-page .lg-changes { padding: 8px var(--fo-gutter) 0; }
.lg-page .lg-change { display: flex; flex-direction: column; gap: 6px; padding: 16px 0; border-bottom: 1px dashed var(--fo-hair); }
.lg-page .lg-change__top { display: flex; justify-content: space-between; gap: 12px; font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fo-graphite); }
.lg-page .lg-change__was { margin: 0; font-size: 14px; line-height: 1.55; }
.lg-page .lg-change__kept { font-size: 12px; line-height: 1.5; color: var(--fo-graphite); }
.lg-page .lg-none { margin: 18px var(--fo-gutter) 0; padding: 22px 20px; border: 1px dashed rgba(26,22,20,0.28); display: flex; flex-direction: column; gap: 6px; align-items: center; text-align: center; }
.lg-page .lg-none__say { font-family: var(--fo-serif); font-style: italic; font-size: 16px; }
.lg-page .lg-none__line { font-size: 12px; line-height: 1.5; color: var(--fo-graphite); }
/* the foot: the other ways out */
.lg-page .lg-foot { margin: 16px var(--fo-gutter) 0; font-size: 12px; line-height: 1.5; color: var(--fo-graphite); }
.lg-page .lg-link { position: relative; padding: 0; border: none; background: none; font: inherit; color: var(--fo-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; }
.lg-page .lg-link::after { content: ''; position: absolute; left: -2px; right: -2px; top: -14px; bottom: -14px; }
.lg-page :focus-visible { outline: 2px solid var(--fo-ink); outline-offset: 2px; }
.lg-page .lg-back:focus-visible, .lg-page .lg-clause__head:focus-visible { outline-offset: -4px; }