/* us.klensclock.com — ProjectTime legal pages (Privacy, Terms). Dark "home"
   theme to match the public door. External so the pages keep a strict CSP
   (default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self')
   with no inline styles and no scripts. US identity only. */
:root {
  --navy: #0b1a33;
  --navy-2: #0e2142;
  --gold: #c9a24a;
  --gold-l: #e0bd6a;
  --gold-d: #ab8636;
  --ink: #eef2f8;
  --sub: #c3cde0;
  --muted: #9fb0c9;
  --line: rgba(255, 255, 255, 0.1);
  --gold-line: rgba(201, 162, 74, 0.28);
  --card: #10274a;
  --card-line: rgba(255, 255, 255, 0.09);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font); color: var(--sub); background: var(--navy); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: var(--gold-l); }
.wrap { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }

.topbar { border-bottom: 1px solid var(--gold-line); background: transparent; }
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; gap: 1rem; max-width: 1040px; }
.brand { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; }
.brand-name { font-weight: 800; font-size: 1.2rem; color: #fff; letter-spacing: -0.01em; }
.brand-name .gold { color: var(--gold-l); }
.brand-sub { font-size: 0.72rem; color: var(--muted); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; display: block; }
.topbar a.home { font-size: 0.9rem; font-weight: 700; text-decoration: none; color: #fff; white-space: nowrap; }
.topbar a.home:hover { color: var(--gold-l); }

.doc-hero {
  position: relative; overflow: hidden; border-bottom: 1px solid var(--gold-line);
  background:
    radial-gradient(1100px 440px at 70% -20%, rgba(201,162,74,0.16), transparent 60%),
    linear-gradient(180deg, #0e2142 0%, #0b1a33 100%);
}
.doc-hero .wrap { position: relative; z-index: 1; padding: 3rem 1.5rem 2.25rem; }
.crumb { font-size: 0.8rem; color: var(--muted); margin: 0 0 0.9rem; }
.crumb a { color: var(--gold-l); text-decoration: none; }
h1 { font-size: 2.2rem; font-weight: 800; color: #fff; margin: 0 0 0.55rem; letter-spacing: -0.02em; }
.doc-sub { color: var(--muted); margin: 0; max-width: 60ch; }
.meta { font-size: 0.85rem; color: var(--muted); margin: 1.1rem 0 0; }
.meta strong { color: var(--ink); }

main .wrap { padding: 2.75rem 1.5rem 1rem; }
h2 { font-size: 1.3rem; font-weight: 800; color: #fff; margin: 2.25rem 0 0.5rem; letter-spacing: -0.01em; }
h2:first-of-type { margin-top: 0; }
h3 { font-size: 1.02rem; font-weight: 700; color: var(--ink); margin: 1.3rem 0 0.3rem; }
p, li { color: var(--sub); }
p { margin: 0 0 0.8rem; }
ul { margin: 0 0 0.95rem; padding-left: 1.3rem; }
li { margin: 0.3rem 0; }
li::marker { color: var(--gold); }
strong { color: #fff; }
.callout { background: var(--card); border: 1px solid var(--card-line); border-left: 4px solid var(--gold); border-radius: 12px; padding: 1.1rem 1.3rem; margin: 1.4rem 0; }
.callout p { color: var(--ink); }
.callout p:last-child { margin-bottom: 0; }
.toc { background: var(--card); border: 1px solid var(--card-line); border-radius: 14px; padding: 1.2rem 1.4rem; margin: 0 0 2.25rem; }
.toc ol { margin: 0; padding-left: 1.2rem; columns: 2; column-gap: 2.5rem; }
.toc ol li::marker { color: var(--gold); }
.toc a { color: #dbe4f2; text-decoration: none; font-size: 0.93rem; }
.toc a:hover { color: var(--gold-l); }

footer { border-top: 1px solid var(--gold-line); padding: 2rem 0; margin-top: 3rem; background: #0b1a33; }
footer .wrap { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; justify-content: space-between; align-items: center; max-width: 1040px; }
footer .foot-note { font-size: 0.82rem; color: var(--muted); }
footer a { text-decoration: none; color: var(--gold-l); }

@media (max-width: 620px) { .toc ol { columns: 1; } h1 { font-size: 1.7rem; } }