/* Cookies reuses the Privacy page's editorial layout and palette. */
.cookie-storage-details { margin-block: 1.5rem; border-top: 1px solid var(--line); }
.cookie-storage-details > div { display: grid; gap: .35rem; border-bottom: 1px solid var(--line); padding-block: 1rem; }
.cookie-storage-details dt { font-size: .8rem; color: var(--muted); }
.cookie-storage-details dd { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.cookie-preference-panel { padding: 1.5rem; border: 1px solid var(--line); background: var(--paper-2); margin-block: 1.5rem; }
.cookie-preference-panel .eyebrow { margin-bottom: 1rem; }
.cookie-preference-panel .button { max-width: 100%; text-align: left; white-space: normal; line-height: 1.5; margin-top: .5rem; }
.cookie-preference-panel .button[hidden] { display: none; }
.cookie-preference-panel .button:disabled { opacity: .55; cursor: default; }
.cookie-browser-links { list-style: none; padding: 0; margin: 0; display: grid; }
.cookie-browser-links a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: .2em; }
@media (min-width: 700px) {
  .cookie-storage-details > div { grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); gap: 1.5rem; }
  .cookie-browser-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem 1rem; }
}