/* Shared styles for privacy.html and terms.html. Tokens only: every value is a
   --fiipdrive-* token from tokens.css (vendored from web/design-system). */
*{box-sizing:border-box}
html{background:var(--fiipdrive-bg);color:var(--fiipdrive-ink);-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100dvh;font:var(--fiipdrive-text-body-weight) var(--fiipdrive-text-title-size)/var(--fiipdrive-text-body-lh) var(--fiipdrive-font-body)}
.wrap{max-width:var(--fiipdrive-content-max);margin:0 auto;padding:var(--fiipdrive-space-xl) var(--fiipdrive-space-lg) var(--fiipdrive-space-stage)}
header.top{display:flex;align-items:center;justify-content:space-between;height:var(--fiipdrive-size-lg);margin-bottom:var(--fiipdrive-space-section)}
.wm{font-size:var(--fiipdrive-text-small-size);font-weight:var(--fiipdrive-text-display-weight);letter-spacing:calc(var(--fiipdrive-text-label-track) * 2);color:var(--fiipdrive-ink);text-decoration:none;text-shadow:0 1px 0 color-mix(in srgb,var(--fiipdrive-ink-max) 8%,transparent)}
nav.top{display:flex;gap:var(--fiipdrive-space-xl);font-size:var(--fiipdrive-text-small-size)}
nav.top a{color:var(--fiipdrive-ink-2);text-decoration:none}
nav.top a:hover,nav.top a[aria-current]{color:var(--fiipdrive-ink)}
h1{margin:0 0 var(--fiipdrive-space-sm);font-size:var(--fiipdrive-text-display-size);line-height:var(--fiipdrive-text-display-lh);font-weight:var(--fiipdrive-text-display-weight);letter-spacing:var(--fiipdrive-text-display-track);color:var(--fiipdrive-ink-max);text-wrap:balance}
.meta{margin:0 0 var(--fiipdrive-space-xxl);font-size:var(--fiipdrive-text-small-size);color:var(--fiipdrive-ink-3)}
.lede{color:var(--fiipdrive-ink-2);margin:0 0 var(--fiipdrive-space-section)}
section{padding-top:var(--fiipdrive-space-xl);margin-top:var(--fiipdrive-space-xxl);box-shadow:inset 0 1px 0 var(--fiipdrive-edge)}
h2{margin:0 0 var(--fiipdrive-space-md);font-size:var(--fiipdrive-text-title-size);line-height:var(--fiipdrive-text-title-lh);font-weight:500;letter-spacing:var(--fiipdrive-text-title-track);color:var(--fiipdrive-ink-max)}
p,li{color:var(--fiipdrive-ink-2);text-wrap:pretty}
p{margin:0 0 var(--fiipdrive-space-md)}
ul{margin:0 0 var(--fiipdrive-space-md);padding-left:var(--fiipdrive-space-xl)}
li{margin-bottom:var(--fiipdrive-space-sm)}
strong{color:var(--fiipdrive-ink);font-weight:500}
a{color:var(--fiipdrive-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--fiipdrive-ink) 35%,transparent);text-underline-offset:3px}
a:hover{text-decoration-color:var(--fiipdrive-ink)}
a:focus-visible{outline:var(--fiipdrive-focus-width) solid var(--fiipdrive-focus-color);outline-offset:var(--fiipdrive-focus-offset);border-radius:var(--fiipdrive-r-rule)}
.sms{padding:var(--fiipdrive-space-xl);border-radius:var(--fiipdrive-r-card);background:var(--fiipdrive-quiet-fill);box-shadow:var(--fiipdrive-shadow-well);margin-top:var(--fiipdrive-space-xxl)}
.sms h2{margin-top:0}
.sms p:last-child,.sms ul:last-child{margin-bottom:0}
dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--fiipdrive-space-sm) var(--fiipdrive-space-xl);margin:0 0 var(--fiipdrive-space-md)}
dt{color:var(--fiipdrive-ink);font-weight:500}
dd{margin:0;color:var(--fiipdrive-ink-2)}
table{width:100%;border-collapse:collapse;margin:0 0 var(--fiipdrive-space-md);font-size:var(--fiipdrive-text-body-size);line-height:var(--fiipdrive-text-body-lh)}
th,td{text-align:left;vertical-align:top;padding:var(--fiipdrive-space-md) var(--fiipdrive-space-md) var(--fiipdrive-space-md) 0;box-shadow:inset 0 -1px 0 var(--fiipdrive-edge)}
th{font-size:var(--fiipdrive-text-small-size);font-weight:500;color:var(--fiipdrive-ink-3)}
td{color:var(--fiipdrive-ink-2)}
td:first-child{color:var(--fiipdrive-ink);white-space:nowrap}
.todo{background:color-mix(in srgb,var(--fiipdrive-signal-warning) 22%,transparent);color:var(--fiipdrive-ink);padding:0 var(--fiipdrive-space-xs);border-radius:var(--fiipdrive-r-rule)}
footer{margin-top:var(--fiipdrive-space-stage);padding-top:var(--fiipdrive-space-xl);box-shadow:inset 0 1px 0 var(--fiipdrive-edge);font-size:var(--fiipdrive-text-small-size);color:var(--fiipdrive-ink-3)}
footer p{color:inherit}
@media (max-width:640px){dl{grid-template-columns:1fr}td:first-child{white-space:normal}}
figure{margin:0 0 var(--fiipdrive-space-md)}
figure img{display:block;width:100%;height:auto;border-radius:var(--fiipdrive-r-frame);box-shadow:inset 0 0 0 1px var(--fiipdrive-edge)}