/* /trust/ and /privacy/: tables of what we hold, the laws and standards with their status, and the services we use.
   On a narrow screen each row becomes a card, with the column names written in from data-label. */
.tr-wrap{margin:1.1rem 0 1.4rem}
.tr-t td{vertical-align:top; font-size:var(--t-sm); line-height:1.45}
.tr-t th[scope=row]{font:600 var(--t-sm)/1.35 var(--f-ui); color:var(--ink); background:none; white-space:normal; vertical-align:top; border-bottom:1px solid var(--line-2); min-width:9rem}
.tr-t tr:last-child th[scope=row]{border-bottom:0}
.tr-t code{font-size:.82em}
.tr-pill{display:inline-block; padding:.18rem .55rem; border-radius:999px; font:600 .74rem/1.3 var(--f-ui); white-space:nowrap; border:1px solid var(--line); color:var(--ink-2); background:var(--bg-2)}
.tr-pill[data-s="yes"]{color:var(--good); border-color:color-mix(in srgb, var(--good) 45%, transparent); background:color-mix(in srgb, var(--good) 9%, transparent)}
.tr-pill[data-s="no"]{color:var(--ink-3)}
.tr-pill[data-s="na"]{color:var(--ink-3); border-style:dashed}
.tr-csp{white-space:pre-wrap; overflow-wrap:anywhere}
@media (max-width:44rem){
  .prose .tr-wrap{overflow:visible; border:0; background:none}
  .tr-t,.tr-t tbody,.tr-t tr,.tr-t th,.tr-t td{display:block; width:100%}
  .tr-t thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
  .tr-t tr{border:1px solid var(--line); border-radius:12px; margin-bottom:.7rem; background:var(--panel); overflow:hidden}
  .tr-t th[scope=row]{border-bottom:1px solid var(--line-2); background:var(--bg-2)}
  .tr-t td{border-bottom:0; padding-top:.35rem}
  .tr-t td::before{content:attr(data-label); display:block; font:600 .72rem/1.3 var(--f-ui); color:var(--ink-3); margin-bottom:.1rem}
  .tr-t tbody tr:hover td{background:none}
}
.tr-faq details{border-top:1px solid var(--line-2); padding:.7rem 0}
.tr-faq summary{cursor:pointer; font:500 1rem/1.4 var(--f-ui)}
.tr-faq p{margin:.5rem 0 0}