/* Wspólne style stron dokumentów (regulamin.html, polityka-prywatnosci.html).
   Paleta i typografia = design system apki (jak landing w index.html). */
:root {
  --green700: #1e6b51; --green700: oklch(0.47 0.095 162);
  --green600: #2a8465; --green600: oklch(0.55 0.11 162);
  --green100: #e0f2ea; --green100: oklch(0.955 0.028 162);
  --ink:  #232b27; --ink:  oklch(0.26 0.012 165);
  --ink2: #5c6a63; --ink2: oklch(0.45 0.011 165);
  --ink3: #83918a; --ink3: oklch(0.60 0.009 165);
  --line: #e4e9e6; --line: oklch(0.92 0.006 165);
  --line2:#eef1ef; --line2:oklch(0.955 0.005 165);
  --bg:   #f6f9f7; --bg:   oklch(0.984 0.007 165);
  --surface: #ffffff;
  --r-card: 22px; --r-md: 16px; --r-full: 9999px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(90% 40% at 50% -10%, #e7f3ed 0%, rgba(231,243,237,0) 70%),
    var(--bg);
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 820px; margin: 0 auto; padding: 0 22px; }

.doc-header { padding: 22px 0; }
.doc-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.brand {
  display: flex; align-items: center; gap: 11px;
  font-weight: 800; font-size: 19px; letter-spacing: -0.3px;
  color: var(--green700); text-decoration: none;
}
.brand-mark {
  width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto;
  display: block; object-fit: cover;
  box-shadow: 0 6px 18px -6px var(--green600);
}
.back-link {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-full); padding: 9px 17px;
  font-size: 13.5px; font-weight: 700; color: var(--ink2);
  text-decoration: none; white-space: nowrap;
}
.back-link:hover { border-color: var(--green600); color: var(--green700); }

main.doc { padding: 26px 0 60px; }
.doc-card {
  background: var(--surface); border: 1px solid var(--line2); border-radius: var(--r-card);
  padding: clamp(26px, 5vw, 46px);
  box-shadow: 0 1px 2px rgba(20,35,28,0.03), 0 8px 24px -16px rgba(20,35,28,0.10);
}
.doc-card h1 {
  font-size: clamp(26px, 4vw, 34px); font-weight: 800; letter-spacing: -0.7px;
  line-height: 1.15; margin-bottom: 8px;
}
.doc-meta { color: var(--ink3); font-size: 13.5px; font-weight: 600; margin-bottom: 28px; }
.doc-card h2 {
  font-size: 19px; font-weight: 800; letter-spacing: -0.3px;
  margin: 30px 0 10px;
}
.doc-card h2:first-of-type { margin-top: 0; }
.doc-card p, .doc-card li {
  font-size: 15px; color: var(--ink2); font-weight: 500; line-height: 1.65;
}
.doc-card p { margin-bottom: 12px; }
.doc-card ol, .doc-card ul { padding-left: 22px; margin-bottom: 12px; }
.doc-card li { margin-bottom: 8px; }
.doc-card li > ol, .doc-card li > ul { margin-top: 8px; margin-bottom: 0; }
.doc-card strong { color: var(--ink); font-weight: 700; }
.doc-card a { color: var(--green700); font-weight: 600; }

.doc-footer { padding: 0 0 46px; text-align: center; color: var(--ink3); font-size: 13.5px; font-weight: 500; }
.doc-footer a { color: var(--green700); font-weight: 600; }