/* Copyright (c) 2026 Nexora Labs. All rights reserved. */
/* Public legal pages. Deliberately outside the signed-in shell: Google's OAuth
   reviewers and anyone else must be able to read these without an account. */

.doc-top {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px clamp(20px, 5vw, 48px);
  background: rgba(10, 9, 8, 0.86);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.doc-brand { display: flex; align-items: center; gap: 9px; }
.doc-brand img { width: 26px; height: 26px; object-fit: contain; display: block; }
.doc-brand span { font-family: var(--display); font-weight: 700; font-size: 16px; letter-spacing: -0.03em; color: var(--fg); }

.doc { max-width: 720px; margin: 0 auto; padding: clamp(32px, 6vw, 56px) clamp(20px, 5vw, 24px) 80px; }
.doc h1 { font-size: clamp(28px, 5vw, 36px); margin-bottom: 8px; }
.doc .updated { margin-bottom: 36px; }
.doc h2 {
  font-family: var(--display); font-size: 17px; font-weight: 600;
  color: var(--fg); margin: 36px 0 10px; letter-spacing: -0.02em;
}
.doc h2:first-of-type { margin-top: 28px; }
.doc p { color: var(--fg-2); line-height: 1.75; margin-bottom: 12px; }
.doc ul { margin: 0 0 12px 18px; color: var(--fg-2); line-height: 1.75; }
.doc li { margin-bottom: 7px; }
.doc a { color: var(--ember-2); border-bottom: 1px solid rgba(255, 166, 43, 0.35); }
.doc a:hover { border-bottom-color: var(--ember-2); }
.doc strong { color: var(--fg); font-weight: 600; }

/* A callout for the things Google specifically wants visible. */
.doc .note {
  border-left: 2px solid var(--ember); background: var(--ember-soft);
  padding: 14px 16px; border-radius: 0 var(--r) var(--r) 0; margin: 18px 0;
}
.doc .note p:last-child { margin-bottom: 0; }

.doc-foot {
  max-width: 720px; margin: 0 auto; padding: 24px clamp(20px, 5vw, 24px) 48px;
  border-top: 1px solid var(--line);
  display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between;
  font-size: 12.5px; color: var(--fg-3);
}
.doc-foot a { color: var(--fg-2); }
.doc-foot a:hover { color: var(--fg); }