/* ==== Update G (item 1): the privacy policy, terms of use and accessibility statement. Builds on /css/style.css. ==== */
.lg { min-height: 100vh; display: flex; flex-direction: column; }
.lg .nf-nav { mix-blend-mode: normal; color: var(--fg); background: color-mix(in srgb, var(--bg) 94%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.lg .nf-nav__link { font: 500 .75rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; }
.lg-main { flex: 1; padding: clamp(110px, 13vw, 170px) 0 clamp(56px, 7vw, 100px); }
.lg-wrap { max-width: 1180px; }
.lg-draft { margin: 0 0 clamp(28px, 4vw, 48px); padding: 14px 18px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-left: 3px solid #7a2e26; background: color-mix(in srgb, #7a2e26 7%, transparent); font-size: .95rem; line-height: 1.5; }
.lg-head { max-width: 860px; }
.lg-head .label { margin-bottom: 20px; }
.lg-head .display { font-size: clamp(2.4rem, 6vw, 5rem); line-height: 1; }
.lg-lede { margin-top: 24px; font-size: 1.12rem; line-height: 1.55; opacity: .82; max-width: 60ch; }
.lg-meta { margin-top: 14px; font: 500 .75rem/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; opacity: .6; }
.lg-grid { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); margin-top: clamp(40px, 6vw, 80px); border-top: 1px solid color-mix(in srgb, currentColor 16%, transparent); padding-top: clamp(28px, 4vw, 48px); }
.lg-toc { position: sticky; top: 100px; align-self: start; }
.lg-toc__h { font: 500 .75rem/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; opacity: .6; margin-bottom: 14px; }
.lg-toc ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: .92rem; }
.lg-body { max-width: 70ch; font-size: 1.02rem; line-height: 1.65; }
.lg-body section { padding-bottom: clamp(26px, 3vw, 40px); margin-bottom: clamp(26px, 3vw, 40px); border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); scroll-margin-top: 100px; }
.lg-body section:last-child { border-bottom: 0; }
.lg-body h2 { font: 400 clamp(1.5rem, 2.6vw, 2.1rem)/1.15 var(--display); letter-spacing: -.005em; margin-bottom: 16px; }
.lg-body p { margin: 0 0 14px; }
.lg-body ul { margin: 0 0 14px; padding-left: 1.2em; display: grid; gap: 10px; }
.lg-body li::marker { color: color-mix(in srgb, currentColor 55%, transparent); }
.lg-body a.ulink { overflow-wrap: anywhere; }
.lg-footer { width: 100%; max-width: 1180px; }
.lg-foot { display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding-block: 28px; font: 500 .75rem/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; border-top: 1px solid color-mix(in srgb, currentColor 16%, transparent); }
.lg-foot__links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.lg a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 860px) {
  .lg-grid { grid-template-columns: 1fr; }
  .lg-toc { position: static; }
  .lg .nf-nav__link--site { display: none; }
}
/* ==== end Update G ==== */