/* Simple text pages (cookie policy, …) — same fonts and colours as the home */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/assets/fonts/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/assets/fonts/yDtI2UI8XcEg1W2je9XPN3Noo.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("/assets/fonts/fontshare/wf/JXYTN5EJMI2L5HT6DLJ6ADWEKWUDLIUL/RQGLUYA34WAGWBJDMV73S4VWJ3XX5S34/UKL6CY2W4IEGAEO6DES7XSSIJFRRXNXQ.woff2") format("woff2"); }

:root {
  --pk-ink: #111;
  --pk-muted: #6b6b6b;
  --pk-cream: #f7f4ec;
  --pk-yellow: #ffd100;
  --pk-red: #e30613;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--pk-cream);
  color: var(--pk-ink);
  font: 400 16px/1.65 "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Header — same dark bar as the home */
.pg-header { max-width: 1180px; margin: 0 auto; background: var(--pk-ink); }
.pg-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 32px;
}
.pg-header img { display: block; height: 46px; width: auto; }
.pg-back {
  color: var(--pk-cream); text-decoration: none; font-weight: 600; font-size: 15px;
  transition: color .2s cubic-bezier(.44, 0, .56, 1);
}
.pg-back:hover { color: var(--pk-yellow); }

/* Content */
.pg-main { max-width: 760px; margin: 0 auto; padding: 72px 24px 96px; }
.pg-eyebrow {
  display: inline-block; margin: 0 0 18px; padding: 6px 14px;
  border: 1px solid var(--pk-ink); border-radius: 999px;
  font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
}
h1 {
  margin: 0 0 12px;
  font: 800 clamp(34px, 6vw, 52px)/1.08 "Montserrat", system-ui, sans-serif;
  letter-spacing: -.02em;
}
h2 {
  margin: 48px 0 12px;
  font: 800 22px/1.25 "Montserrat", system-ui, sans-serif;
}
p, li { color: #333; }
.pg-updated { color: var(--pk-muted); margin: 0 0 40px; }
a { color: var(--pk-ink); text-decoration-color: var(--pk-yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--pk-red); }

table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #ddd6c4; vertical-align: top; }
th { font-weight: 600; background: #efe9da; }
code { font-size: .92em; background: #efe9da; padding: 1px 5px; border-radius: 4px; }
.pg-table-wrap { overflow-x: auto; }

.pg-btn {
  display: inline-block; margin-top: 8px; padding: 12px 22px;
  background: var(--pk-yellow); color: var(--pk-ink); border: 1px solid var(--pk-ink);
  border-radius: 999px; font: 600 15px/1 "Inter", system-ui, sans-serif;
  cursor: pointer; transition: opacity .2s;
}
.pg-btn:hover { opacity: .85; }
/* "Cookie settings" works only when analytics is configured (consent.js) */
.pg-btn[data-pk-cookie-settings] { display: none; }
.pk-consent-enabled .pg-btn[data-pk-cookie-settings] { display: inline-block; }

/* Placeholder text still to be written — remove the class once filled in */
.todo { background: var(--pk-yellow); padding: 0 4px; border-radius: 3px; }

/* Footer */
.pg-footer {
  max-width: 760px; margin: 0 auto; padding: 24px;
  border-top: 1px solid var(--pk-ink);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  font-size: 14px; color: var(--pk-muted);
}
.pg-footer a { color: inherit; }

@media (max-width: 600px) {
  .pg-header__inner { padding: 14px 20px; }
  .pg-header img { height: 38px; }
  .pg-main { padding: 48px 20px 72px; }
}