:root {
  color-scheme: light;
  --ink: #123f42;
  --teal: #176e67;
  --paper: #faf8ee;
  --muted: #526f70;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background:
    linear-gradient(rgba(226, 235, 228, 0.88), rgba(248, 246, 235, 0.97)),
    url("../app/ostfold-background.jpg") center top / cover fixed;
  color: var(--ink);
  font-family: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

main { padding: clamp(20px, 5vw, 64px); }

.policy {
  width: min(100%, 760px);
  margin: 0 auto;
  padding: clamp(28px, 7vw, 64px);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 30px;
  background: rgba(250, 248, 238, 0.94);
  box-shadow: 0 28px 80px rgba(7, 32, 37, 0.16);
}

.back, a { color: var(--teal); }
.back { font-weight: 750; text-decoration: none; }

.eyebrow {
  margin: 38px 0 10px;
  color: var(--teal);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
h1 { margin: 0; font-size: clamp(2.25rem, 7vw, 4rem); line-height: 1.03; letter-spacing: -0.04em; }
h2 { margin: 38px 0 8px; font-size: 1.55rem; }
p { font-size: 1rem; line-height: 1.65; }
.lead { color: var(--muted); font-size: 1.16rem; }
.updated { margin-top: 44px; color: var(--muted); font-size: 0.86rem; }

@media (max-width: 480px) {
  main { padding: 0; }
  .policy { min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; }
}