/* legal document layout — reusable for Privacy / Terms / Cookie */
.lg-grid { display: grid; grid-template-columns: 248px 1fr; gap: clamp(28px,5vw,72px); align-items: start; }
.lg-toc { position: sticky; top: 90px; }
.lg-toc .k { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 14px; }
.lg-toc a { display: block; font-size: 14px; color: var(--text-muted); padding: 9px 0 9px 14px; border-left: 1px solid var(--line); transition: color .15s, border-color .15s; }
.lg-toc a:hover { color: var(--text); border-left-color: var(--primary-color); }
.lg-body { max-width: 70ch; }
.lg-updated { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-dim); padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid var(--line-soft); }
.lg-body section { padding-top: 14px; margin-bottom: 38px; scroll-margin-top: 90px; }
.lg-body h2 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(22px,2.6vw,32px); line-height: 1.05; margin-bottom: 16px; }
.lg-body h2 .num { color: var(--primary-color); margin-right: 12px; font-family: var(--font-mono); font-size: .6em; vertical-align: middle; }
.lg-body p { color: var(--text-muted); margin-bottom: 14px; }
.lg-body ul.bullets { list-style: none; margin-bottom: 14px; display: grid; gap: 10px; }
.lg-body ul.bullets li { color: var(--text-muted); padding-left: 22px; position: relative; }
.lg-body ul.bullets li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 7px; height: 7px; background: var(--primary-color); }
.lg-body a.inl { color: var(--primary-color); }
.lg-note { background: var(--bg-900); border: 1px solid var(--line); border-left: 2px solid var(--primary-color); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 30px; }
.lg-note p { font-size: 13.5px; color: var(--text-dim); margin: 0; font-family: var(--font-mono); letter-spacing: .02em; }
@media (max-width: 860px){ .lg-grid { grid-template-columns: 1fr; } .lg-toc { position: static; display: none; } }
