/* ambient: the cookie policy page (/cookies). Load after /content.css.
   The site's CSS has no table styles, so this file draws the one table, with the site's own values:
   rows ruled in --grid like the legal hub, column labels in the 12px dimmed text of the "last updated" line.
   Up to 720px wide (phones, where the purpose column would get too narrow) each row stacks,
   and each value carries its column label. */
.legal .cookies{width:100%;margin-top:14px;border-collapse:collapse;color:var(--dim)}
.legal .cookies+p{margin-top:14px}
.legal .cookies th{padding:0 0 8px;font-size:12px;font-weight:400;text-align:left;opacity:.55}
.legal .cookies td{vertical-align:baseline}
@media (min-width:721px){
  .legal .cookies td{padding:14px 0;border-top:1px solid var(--grid)}
  .legal .cookies tbody tr:last-child td{border-bottom:1px solid var(--grid)}
  .legal .cookies :is(th,td)+:is(th,td){padding-left:24px;white-space:nowrap}
}
@media (max-width:720px){
  .legal .cookies,.legal .cookies :is(tbody,tr,td){display:block}
  .legal .cookies thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .legal .cookies tbody tr{padding:14px 0;border-top:1px solid var(--grid)}
  .legal .cookies tbody tr:last-child{border-bottom:1px solid var(--grid)}
  .legal .cookies td+td{margin-top:4px}
  .legal .cookies td[data-label]::before{content:attr(data-label);display:inline-block;min-width:13ch;font-size:12px;opacity:.55}
}
/* "change my cookie choice", after "Changing your choice": reopens the cookie banner
   (consent.js wires every [data-ambient-cookie-choice]). Drawn like the banner's buttons:
   a 1px outline in the text colour, DejaVu Sans Mono Bold 15px, square corners, 44px tall,
   inverted on hover and focus. On this white page that is black on white. */
.legal .cookie-choice{margin:20px 0 0;line-height:0}
.legal .cookie-choice button{-webkit-appearance:none;appearance:none;min-height:44px;margin:0;padding:12px 3ch;
  border:1px solid var(--fg);border-radius:0;background:transparent;color:var(--fg);vertical-align:top;
  font:700 15px/1.2 "DejaVu Sans Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.legal .cookie-choice button:hover,.legal .cookie-choice button:focus-visible{background:var(--fg);color:var(--bg)}
.legal .cookie-choice button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}