/* Legal pages: the privacy policy and the end-user license agreement. One column of prose at the
   reading measure, on the design system's website chrome. */
body{display:flex;flex-direction:column;min-block-size:100dvh;margin:0;background:var(--fl-surface-page);color:var(--fl-text-body);font-family:var(--fl-font-sans)}
.skip-link{position:fixed;z-index:var(--fl-layer-toast);inset-block-start:var(--fl-space-2);inset-inline-start:var(--fl-space-2);padding:var(--fl-space-2) var(--fl-space-3);border-radius:var(--fl-radius-md);background:var(--fl-surface-raised);color:var(--fl-text-strong);transform:translateY(-200%)}
.skip-link:focus{transform:none}

.legal-brand{gap:var(--fl-space-3)}
.legal-brand img{inline-size:2rem;block-size:auto}
.legal-brand .fl-product-name{font-size:var(--fl-font-size-lg)}
.mark-on-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-mode="light"]) .mark-on-light{display:none}:root:not([data-mode="light"]) .mark-on-dark{display:block}}
:root[data-mode="dark"] .mark-on-light{display:none}
:root[data-mode="dark"] .mark-on-dark{display:block}
.legal-actions{flex-wrap:nowrap}

.legal{flex:1;padding-block:var(--fl-space-12) var(--fl-space-24)}
.legal-doc{max-inline-size:var(--fl-layout-measure);min-inline-size:0;font-size:var(--fl-font-size-base);line-height:var(--fl-line-height-relaxed);overflow-wrap:anywhere}
.legal-head{display:grid;gap:var(--fl-space-3);padding-block-end:var(--fl-space-8);border-block-end:var(--fl-border-width) solid var(--fl-border-subtle)}
.legal-head h1{margin:0;color:var(--fl-text-strong);font-size:var(--fl-font-size-3xl);line-height:var(--fl-line-height-tight);letter-spacing:var(--fl-tracking-snug)}
.legal-head p{margin:0}
.legal-lede{font-size:var(--fl-font-size-lg)}
.legal-meta{color:var(--fl-text-muted);font-size:var(--fl-font-size-sm)}

.legal-toc{padding-block:var(--fl-space-6);border-block-end:var(--fl-border-width) solid var(--fl-border-subtle)}
.legal-toc h2{margin:0 0 var(--fl-space-3);color:var(--fl-text-strong);font-size:var(--fl-font-size-md);font-weight:var(--fl-font-weight-semibold)}
.legal-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fl-space-2) var(--fl-space-6);margin:0;padding:0;list-style:none;font-size:var(--fl-font-size-md)}

.legal-doc section h2{margin:var(--fl-space-12) 0 var(--fl-space-3);color:var(--fl-text-strong);font-size:var(--fl-font-size-xl);line-height:var(--fl-line-height-tight);scroll-margin-block-start:var(--fl-space-6)}
.legal-doc section h3{margin:var(--fl-space-6) 0 var(--fl-space-2);color:var(--fl-text-strong);font-size:var(--fl-font-size-base)}
.legal-doc section>p,.legal-doc section>ul{margin:0 0 var(--fl-space-4)}
.legal-doc ul{padding-inline-start:var(--fl-space-6)}
.legal-doc section li+li{margin-block-start:var(--fl-space-2)}
.legal-doc a{color:var(--fl-text-link)}
.legal-doc a:focus-visible,.legal-footer a:focus-visible{outline:var(--fl-focus-ring-width) solid var(--fl-focus-ring);outline-offset:var(--fl-focus-ring-offset);border-radius:var(--fl-radius-sm)}
.legal-doc strong{color:var(--fl-text-strong);font-weight:var(--fl-font-weight-semibold)}
.legal-caps{font-size:var(--fl-font-size-md)}

.legal-table{margin:0 0 var(--fl-space-4);overflow-x:auto;overflow-wrap:normal}
.legal-table table{inline-size:100%;border-collapse:collapse;font-size:var(--fl-font-size-md);line-height:var(--fl-line-height-normal)}
.legal-table th,.legal-table td{padding:var(--fl-space-2) var(--fl-space-3);border-block-end:var(--fl-border-width) solid var(--fl-border-subtle);text-align:start;vertical-align:top}
.legal-table th{color:var(--fl-text-strong);font-weight:var(--fl-font-weight-semibold)}
.legal-table th:first-child,.legal-table td:first-child{padding-inline-start:0}

.legal-footer{padding-block:0 var(--fl-space-6)}
.legal-footer .fl-sitefooter__floor{margin-block-start:0}
.legal-links{display:flex;flex-wrap:wrap;gap:var(--fl-space-2) var(--fl-space-4)}
.legal-links a{color:var(--fl-text-muted)}
.legal-links a:hover{color:var(--fl-text-strong)}
.legal-links a[aria-current="page"]{color:var(--fl-text-strong);text-decoration:none}

@media (max-width:40rem){
  .fl-container{padding-inline:var(--fl-space-4)}
  .legal{padding-block:var(--fl-space-8) var(--fl-space-16)}
  .legal-head h1{font-size:var(--fl-font-size-2xl)}
  .legal-toc ol{grid-template-columns:minmax(0,1fr)}
  .legal-actions .legal-open{display:none}
}