/* ==========================================================================
   cookies.css — cookies.html only. Document layout comes from css/pages/legal.css;
   this file adds the wide cookie table and the dark "Cookie settings" band. Tokens only.
   ========================================================================== */

/* ---------- Cookie table: runs the full content column (cols 2–4) between two .prose blocks ---------- */
.cookies-table { margin: 40px 0 20px; }
.cookies-table .table { font-size: 14px; }
.cookies-table .table th, .cookies-table .table td { padding: 16px 20px 16px 0; }
.cookies-table .table td:first-child { white-space: nowrap; }
.cookies-table .table td:last-child { white-space: nowrap; }

/* ---------- Cookie settings (dark band) ---------- */
.consent .h2 { max-width: 670px; }
.consent__lead { max-width: 670px; margin-top: 30px; text-align: left; }
.consent__actions { display: flex; flex-wrap: wrap; gap: var(--gap); margin-top: 40px; }
.consent__note { display: flex; align-items: flex-start; gap: 12px; max-width: 670px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--white-20); font-size: 16px; line-height: 1.4; color: var(--white-60); }
.consent__note b { font-weight: 500; color: var(--white); }
.consent__note .icon--check { margin-top: 5px; color: var(--white); }
.consent__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--gap); row-gap: 20px; margin-top: 60px; padding-top: 20px; border-top: 1px solid var(--white-20); }
.consent__item { font-size: 14px; line-height: 1.4; color: var(--white-60); }
.consent__item b { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--white); }

/* ---------- Responsive ---------- */
@media (max-width: 1023px) {
  .cookies-table { margin: 32px 0 16px; }
  .consent__list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 48px; }
}

@media (max-width: 639px) {
  .cookies-table .table { min-width: 640px; }               /* scrolls inside .table-wrap instead of crushing */
  .cookies-table .table th, .cookies-table .table td { padding: 14px 12px 14px 0; }
  .consent__lead { margin-top: 24px; }
  .consent__actions { margin-top: 32px; }
  .consent__actions .btn { width: 100%; }
  .consent__note { margin-top: 32px; }
  .consent__list { grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
}