/* Page-specific styles for /cookies.html. Shared foundations live in /v2/. */

    /* ── Cookies page-specific styles ── */
    .article-body table {
      width: 100%;
      border-collapse: collapse;
      margin: var(--s3) 0 var(--s4);
      font-size: .88rem;
    }
    .article-body th,
    .article-body td {
      padding: .65rem .85rem;
      text-align: left;
      border: 1px solid var(--bd-dark);
      line-height: 1.5;
    }
    .article-body th {
      background: var(--dark-3);
      color: var(--td-hi);
      font-weight: 600;
      font-family: var(--mono);
      font-size: .72rem;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .article-body tr:nth-child(even) td {
      background: color-mix(in srgb, var(--cream-0) 2%, transparent);
    }

    .consent-manager {
      background: var(--dark-3);
      border: 1px solid var(--bd-dark);
      border-radius: var(--r3);
      padding: var(--s4);
      margin: var(--s4) 0;
    }
    .consent-manager h3 {
      font-size: 1.1rem !important;
      margin-top: 0 !important;
    }

    #consent-preferences fieldset {
      border: 0;
      margin: var(--s3) 0 var(--s2);
      padding: 0;
    }
    #consent-preferences legend { font-weight: 600; margin-bottom: var(--s2); }
    #consent-preferences label { display: block; margin: var(--s2) 0; }
    #consent-preferences input { accent-color: var(--blue-on-light); margin-right: .5rem; }

    .consent-status-list {
      list-style: none;
      padding: 0;
      margin: var(--s3) 0;
    }
    .consent-status-list li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .6rem .75rem;
      background: color-mix(in srgb, var(--cream-0) 3%, transparent);
      border-radius: var(--r2);
      margin-bottom: .4rem;
      font-size: .88rem;
    }
    .cookie-type { color: var(--td-med); }
    .status { font-weight: 600; font-family: var(--mono); font-size: .78rem; }
    .status.enabled  { color: var(--green); }
    .status.disabled { color: #ff6b6b; }

    .consent-timestamp {
      font-size: .8rem;
      color: var(--td-lo);
      font-family: var(--mono);
      margin-top: var(--s2);
    }

    .revoke-button {
      background: var(--dark-4);
      color: var(--td-hi);
      border: 1.5px solid var(--bd-dark);
      padding: .5rem 1.2rem;
      border-radius: var(--r5);
      font-family: var(--sans);
      font-size: .88rem;
      font-weight: 600;
      cursor: pointer;
      margin-top: var(--s2);
      transition: border-color .18s, background .18s;
    }
    .revoke-button:hover {
      border-color: color-mix(in srgb, var(--cream-0) 25%, transparent);
      background: var(--dark-3);
    }

    .consent-note {
      font-size: .82rem !important;
      color: var(--td-lo) !important;
      margin-top: var(--s2) !important;
    }