/* ============================================================
   consent.css — styles for the cookie-choices page only.
   The original consent banner was removed when we switched to
   cookieless GA4 mode (no consent banner needed because we don't
   set tracking cookies in the first place). See cookie-choices.html.
   ============================================================ */

.fmtChoices-wrap {
  max-width: 760px;
  margin: 36px auto;
  padding: 0 18px 60px;
}
.fmtChoices-card {
  background: #fff;
  border: 1px solid #e2e7ee;
  border-radius: 14px;
  padding: 30px;
  box-shadow: 0 1px 3px rgba(15,20,35,.04);
}
.fmtChoices-card h1 {
  font-family: Georgia, serif;
  font-size: 30px;
  color: #16213e;
  margin: 0 0 12px;
}
.fmtChoices-card .lede {
  color: #3a475e;
  font-size: 15.5px;
  line-height: 1.6;
  margin-bottom: 26px;
}
.fmtChoices-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid #eef1f6;
}
.fmtChoices-row:first-of-type { border-top: 0; }
.fmtChoices-row h3 {
  font-size: 15px;
  color: #16213e;
  margin: 0 0 4px;
  font-weight: 700;
}
.fmtChoices-row .desc {
  color: #5b6478;
  font-size: 13.5px;
  line-height: 1.5;
}
.fmtChoices-toggle {
  flex: 0 0 auto;
}
.fmtChoices-toggle button {
  border-radius: 999px;
  padding: 8px 18px;
  font: inherit;
  font-weight: 700;
  font-size: 13.5px;
  cursor: default;
  min-width: 120px;
  border: 1px solid #d8dce5;
  background: #fff;
  color: #16213e;
  opacity: 1;
}
.fmtChoices-toggle button.on {
  background: #22c55e;
  border-color: #22c55e;
  color: #fff;
}
.fmtChoices-toggle button.off {
  background: #f4f6f9;
  border-color: #d8dce5;
  color: #5b6478;
}