/* =============================================================
   SiloTech — utility / legal pages (privacy, terms, EULA).
   Loaded after site.css.
   ============================================================= */
.lg-hero { padding-block: clamp(48px,6vw,84px) clamp(28px,3vw,40px); }
.lg-hero h1 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; font-size: clamp(2rem,4.4vw,3.4rem); color: var(--st-cream); margin: 20px 0 0; line-height: 1.04; }
.lg-hero .meta { margin-top: 18px; display: flex; gap: 26px; flex-wrap: wrap; font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--st-navy-200); }
.lg-hero .meta b { color: var(--st-cream); font-weight: 500; }

.lg-banner { background: var(--st-charcoal); border-top: 3px solid var(--accent); padding: 18px clamp(20px,3vw,28px); }
.lg-banner .l { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-soft); }
.lg-banner p { margin: 8px 0 0; font-size: 0.92rem; line-height: 1.55; color: var(--st-stone-100); max-width: 90ch; }

.lg-wrap { display: grid; grid-template-columns: 230px 1fr; gap: clamp(36px,5vw,72px); align-items: start; }
.lg-toc { position: sticky; top: calc(var(--nav-h) + 28px); }
.lg-toc .t { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--st-stone-500); margin-bottom: 10px; }
.lg-toc a { display: flex; gap: 10px; align-items: baseline; padding: 8px 0; border-top: 1px solid var(--st-stone-200); font-size: 0.88rem; color: var(--st-stone-600); transition: color 0.14s var(--ease); }
.lg-toc a:first-of-type { border-top: 0; }
.lg-toc a:hover { color: var(--st-navy); }
.lg-toc a .n { font-family: var(--font-mono); font-size: 0.68rem; color: var(--accent); }

.lg-body section.s { padding: 0 0 clamp(28px,3vw,40px); border: 0; }
.lg-body h2 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.015em; font-size: clamp(1.1rem,1.7vw,1.4rem); color: var(--st-navy); margin: 0 0 14px; display: flex; gap: 12px; align-items: baseline; }
.lg-body h2 .n { font-family: var(--font-mono); font-size: 0.82rem; font-weight: 600; color: var(--accent); flex: none; }
.lg-body p { font-size: 1rem; line-height: 1.66; color: var(--st-stone-700); margin: 0 0 14px; max-width: 74ch; }
.lg-body p strong { color: var(--st-navy); font-weight: 600; }
.lg-body ul { margin: 0 0 14px; padding: 0; list-style: none; max-width: 74ch; }
.lg-body li { display: flex; gap: 12px; align-items: flex-start; padding: 8px 0; font-size: 0.98rem; line-height: 1.55; color: var(--st-stone-700); }
.lg-body li::before { content: ""; width: 8px; height: 8px; margin-top: 7px; background: var(--accent); flex: none; }
.lg-body .key { background: var(--st-stone-50); border-left: 3px solid var(--accent); padding: 20px 22px; margin: 4px 0 14px; }
.lg-body .key p:last-child { margin-bottom: 0; }
@media (max-width: 860px){ .lg-wrap { grid-template-columns: 1fr; } .lg-toc { position: static; } }