/* Shared styling for the privacy and terms pages.
   These are static documents with no app shell, so they reuse hig.css tokens
   rather than the per-page Tailwind builds. */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:var(--bg-grouped);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;line-height:1.6}
.mi{font-family:'Material Symbols Outlined';font-size:24px;vertical-align:middle;user-select:none;font-variation-settings:'FILL' 0;line-height:1}
a{color:var(--sys-blue-text)}

.top{background:linear-gradient(135deg,#0040DD 0%,#0067D6 60%,#4340C0 100%);color:#fff;padding:24px 24px 56px}
.top-inner{max-width:760px;margin:0 auto}
.back{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;font-weight:500;min-height:44px}
.back:hover{color:#fff}
.top h1{font-size:clamp(26px,4.5vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.022em;margin:16px 0 10px}
.top .meta{font-size:14px;color:rgba(255,255,255,.85)}

.sheet{max-width:760px;margin:-36px auto 0;padding:0 20px 72px}
.card{background:var(--bg-grouped-secondary);border:var(--hairline) solid var(--separator);border-radius:var(--r-lg);padding:28px 24px;box-shadow:var(--shadow-3)}

.card h2{font-size:19px;font-weight:650;letter-spacing:-.015em;margin:32px 0 10px;scroll-margin-top:16px}
.card h2:first-child{margin-top:0}
.card h3{font-size:16px;font-weight:600;margin:20px 0 6px}
.card p{margin-bottom:12px;font-size:15.5px;color:var(--label)}
.card ul{margin:0 0 14px 20px}
.card li{margin-bottom:7px;font-size:15.5px}
.card strong{font-weight:650}

.lede{font-size:16.5px;color:var(--label-secondary);border-left:3px solid var(--sys-blue);padding-left:14px;margin-bottom:26px}

table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:var(--hairline) solid var(--separator);vertical-align:top}
th{font-weight:650;color:var(--label-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.03em}

.box{background:var(--bg-grouped);border:var(--hairline) solid var(--separator);border-radius:var(--r-md);padding:16px 18px;margin:16px 0}
.box p:last-child{margin-bottom:0}

.toc{background:var(--bg-grouped);border-radius:var(--r-md);padding:16px 18px;margin-bottom:28px}
.toc ul{margin:0;list-style:none}
.toc li{margin-bottom:4px;font-size:15px}

footer{max-width:760px;margin:0 auto;padding:0 20px 48px;font-size:14px;color:var(--label-secondary)}
footer a{margin:0 4px}
@media(max-width:560px){.card{padding:22px 18px}table{font-size:13.5px}th,td{padding:8px 6px}}