/* Сторінки-документи Аліас+ (privacy/terms/account-deletion).
   Конвертовано з Claude Design «Політика конфіденційності.dc.html»:
   shell 820px + типографіка для markdown-рендера (md.js).
   Жодних зовнішніх ресурсів. */

*, *::before, *::after { box-sizing: border-box; }

html { background: #12100C; }

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: radial-gradient(140% 60% at 50% 0%, #201B12 0%, #14110D 55%, #0D0B08 100%);
  color: #F2EFE7;
  font-family: 'Golos Text', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: #F8A01E; text-decoration: none; }
a:hover { color: #FFB84D; }
::selection { background: #F8A01E; color: #221600; }

.mono { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }
[hidden] { display: none !important; }

/* ---------- NAV ---------- */
.doc-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(18, 16, 12, .72);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.doc-nav-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 28px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.brand { display: flex; align-items: center; gap: 10px; color: #F2EFE7; }
.brand:hover { color: #F2EFE7; }
.brand-mark { width: 22px; height: 22px; display: block; flex: 0 0 auto; }
.brand-name { font-weight: 800; font-size: 18px; letter-spacing: -.3px; }
.brand-name .accent { color: #F8A01E; }
.doc-back { font-size: 11px; letter-spacing: 1.8px; color: rgba(242, 239, 231, .6); }
.doc-back:hover { color: #F8A01E; }

/* ---------- ДОКУМЕНТ ---------- */
.doc-main { max-width: 820px; margin: 0 auto; padding: 56px 28px 120px; }

.doc-loading { margin-top: 40px; font-size: 12px; letter-spacing: 2px; color: rgba(242, 239, 231, .4); }
.doc-error {
  margin-top: 40px;
  padding: 20px;
  border: 1px solid rgba(229, 96, 93, .4);
  border-radius: 14px;
  font-size: 12px;
  line-height: 1.6;
  color: #E5605D;
}
.doc-noscript { margin-top: 40px; font-size: 15px; line-height: 1.6; color: rgba(242, 239, 231, .6); }

.doc-body { margin-top: 16px; font-size: 17px; line-height: 1.7; color: rgba(242, 239, 231, .78); }

/* ---------- markdown-типографіка (генерується md.js) ---------- */
.md-h1 {
  font-size: clamp(38px, 5vw, 54px);
  font-weight: 900;
  letter-spacing: -1.8px;
  line-height: 1.02;
  color: #F2EFE7;
  margin: 28px 0 8px;
}
.md-h2 {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.6px;
  color: #F2EFE7;
  margin: 44px 0 6px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.md-h3 { font-size: 21px; font-weight: 800; letter-spacing: -.3px; color: #F2EFE7; margin: 34px 0 4px; }
.md-h4 { font-size: 17px; font-weight: 700; color: #F2EFE7; margin: 28px 0 4px; }

.md-p { margin: 14px 0; }

.md-code {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .85em;
  background: rgba(248, 160, 30, .12);
  color: #F8A01E;
  padding: 2px 7px;
  border-radius: 6px;
}
.md-strong { color: #F2EFE7; font-weight: 700; }
.md-link { color: #F8A01E; border-bottom: 1px solid rgba(248, 160, 30, .4); }
.md-link:hover { color: #FFB84D; }

.md-ul, .md-ol {
  margin: 14px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.md-li { display: flex; gap: 12px; align-items: baseline; }
.md-li-dot { width: 7px; height: 7px; background: #F8A01E; flex-shrink: 0; transform: translateY(-2px); }
.md-li-num {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .8em;
  color: #F8A01E;
  flex-shrink: 0;
}

.md-quote {
  margin: 24px 0;
  padding: 16px 22px;
  border-left: 3px solid #F8A01E;
  background: rgba(248, 160, 30, .07);
  border-radius: 0 12px 12px 0;
  color: rgba(242, 239, 231, .7);
}

.md-hr { display: flex; align-items: center; gap: 10px; margin: 40px 0; }
.md-hr-dot { width: 9px; height: 9px; background: #F8A01E; }
.md-hr-line { flex: 1; height: 1px; background: rgba(255, 255, 255, .1); }

/* ---------- FOOTER ---------- */
.doc-footer { border-top: 1px solid rgba(255, 255, 255, .07); }
.doc-footer-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 30px 28px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.doc-footer-tag { font-size: 10px; letter-spacing: 1.5px; color: rgba(242, 239, 231, .35); }
.doc-footer-link { font-size: 10px; letter-spacing: 1.5px; color: rgba(242, 239, 231, .5); }
.doc-footer-link:hover { color: #F8A01E; }

@media (max-width: 640px) {
  .doc-nav-inner, .doc-footer-inner { padding-left: 20px; padding-right: 20px; }
  .doc-main { padding: 48px 20px 90px; }
}