/* finemy — strony dokumentów (regulamin, polityka prywatności) */

:root {
  --ink: #0c0c0d;
  --ink-2: #2a2a2d;
  --muted: #6f6f76;
  --line: rgba(12, 12, 13, .08);
  --white: #fff;
  --bg: #f3f3f5;
  --lime: #dff47c;
  --font: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

body {
  font-family: var(--font);
  color: var(--ink);
  background:
    radial-gradient(90% 40% at 85% -5%, rgba(214, 200, 240, .5) 0%, transparent 60%),
    var(--bg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  padding: calc(env(safe-area-inset-top, 0px) + 20px) 16px calc(env(safe-area-inset-bottom, 0px) + 40px);
}

.doc-wrap { max-width: 720px; margin: 0 auto; }

.doc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.doc-brand {
  display: flex; align-items: center; gap: 10px;
  font-size: 22px; font-weight: 700; letter-spacing: -.05em;
  color: var(--ink); text-decoration: none;
}
.logo {
  width: 28px; height: 28px; border-radius: 50%; flex: none;
  background: conic-gradient(var(--ink) 0 270deg, #dbb8f3 0);
  -webkit-mask: radial-gradient(circle, transparent 0 34%, #000 35%);
          mask: radial-gradient(circle, transparent 0 34%, #000 35%);
}
.doc-back {
  font-size: 14px; font-weight: 500; color: var(--ink-2);
  text-decoration: underline; text-underline-offset: 3px;
}

.doc {
  margin-top: 20px; padding: 28px 22px 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(255, 255, 255, .9);
  box-shadow: 0 10px 28px -14px rgba(0, 0, 0, .18);
}
.doc h1 {
  font-size: clamp(32px, 7vw, 44px); font-weight: 800; font-style: italic;
  letter-spacing: -.055em; line-height: 1.05;
  text-wrap: balance;
}
.doc-meta { margin-top: 10px; font-size: 14px; color: var(--muted); }
.doc-lead { margin-top: 18px; font-size: 16px; color: var(--ink-2); max-width: 62ch; }

.doc h2 {
  margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line);
  font-size: 19px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3;
  text-wrap: balance;
}
.doc h2 span { color: var(--muted); font-weight: 600; margin-right: 6px; font-variant-numeric: tabular-nums; }
.doc p, .doc li { font-size: 15.5px; color: var(--ink-2); max-width: 66ch; }
.doc p { margin-top: 10px; }
.doc ol, .doc ul { margin-top: 10px; padding-left: 22px; display: grid; gap: 6px; }
.doc strong { color: var(--ink); font-weight: 600; }
.doc a { color: var(--ink); text-underline-offset: 3px; }

.doc table { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 14.5px; }
.doc th, .doc td { padding: 10px 8px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.doc th { font-weight: 600; color: var(--ink); }
.doc td { color: var(--ink-2); }
.table-scroll { overflow-x: auto; }

/* Miejsca do uzupełnienia przed publikacją */
mark.todo { background: var(--lime); color: var(--ink); padding: 1px 4px; border-radius: 4px; font-weight: 600; }

.doc-foot { margin-top: 22px; text-align: center; font-size: 13px; color: var(--muted); }
.doc-foot a { color: var(--ink-2); }

@media (min-width: 640px) {
  body { padding-top: 40px; }
  .doc { padding: 40px 44px 44px; }
}