/*
 * cjip-privacy-request (C7.9). The form reuses the cjip-enquiry stylesheet (a registered dependency) through the
 * shared markup classes; this file adds what PrivacyRequestForm.tsx does differently: a cjip-h3 heading
 * (Golos 600, 20/22/24px, 22ch, as the SoT's bare h2 rule), the "what would you like" choice cards and the
 * 8px top padding of the wrapper. Tokens only.
 */
.cjip-privacy-request { padding-top: 8px; scroll-margin-top: 96px; }
.cjip-privacy-request .cjip-privacy-request__title {
  margin: 0 0 8px;
  font-family: var(--cjip-font-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: normal;
  max-width: 22ch;
  color: var(--cjip-ink);
}
.cjip-privacy-request .cjip-enquiry__success .cjip-privacy-request__title { margin-bottom: 12px; }
.cjip-privacy-request .cjip-privacy-request__kinds { min-width: 0; margin: 0; padding: 0; border: 0; }
.cjip-privacy-request .cjip-privacy-request__kinds > legend { display: block; margin-bottom: 8px; padding: 0; line-height: 1.625; }
/* The SoT note here is text-sm leading-relaxed at full width (the enquiry note is smaller and narrower). */
.cjip-privacy-request .cjip-enquiry__note { font-size: 14px; line-height: 1.625; max-width: none; }
.cjip-privacy-request .cjip-privacy-request__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.cjip-privacy-request .cjip-privacy-request__kind {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 16px;
  border-radius: var(--cjip-radius-tile);
  background-color: var(--cjip-bg);
  border: 2px solid var(--cjip-border);
  font-size: 15px;
  line-height: 1.625;
  color: var(--cjip-ink);
  cursor: pointer;
  transition: border-color 150ms ease;
}
.cjip-privacy-request .cjip-privacy-request__kind:has(input:checked) { border-color: var(--cjip-action); }
.cjip-privacy-request .cjip-privacy-request__kind input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--cjip-action); cursor: pointer; }
.cjip-privacy-request .cjip-privacy-request__kind:focus-within { outline: 2px solid var(--cjip-focus-ring, var(--cjip-action)); outline-offset: 2px; }

@media (min-width: 640px) {
  .cjip-privacy-request .cjip-privacy-request__title { font-size: 22px; }
  .cjip-privacy-request .cjip-privacy-request__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .cjip-privacy-request .cjip-privacy-request__title { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .cjip-privacy-request .cjip-privacy-request__kind { transition: none; }
}