| 1 | .alc-privacy { |
| 2 | max-width: 760px; |
| 3 | margin: 0 auto; |
| 4 | padding: 56px 24px 80px; |
| 5 | color: var(--alc-fg-2); |
| 6 | font-size: 15px; |
| 7 | line-height: 1.7; |
| 8 | } |
| 9 | .alc-privacy h1 { |
| 10 | font-family: var(--alc-font-serif); |
| 11 | font-weight: 500; |
| 12 | font-size: 44px; |
| 13 | line-height: 1.1; |
| 14 | letter-spacing: -0.02em; |
| 15 | color: var(--alc-fg-1); |
| 16 | margin: 0 0 28px; |
| 17 | } |
| 18 | .alc-privacy h2 { |
| 19 | font-family: var(--alc-font-serif); |
| 20 | font-weight: 500; |
| 21 | font-size: 26px; |
| 22 | color: var(--alc-fg-1); |
| 23 | margin: 44px 0 14px; |
| 24 | letter-spacing: -0.01em; |
| 25 | } |
| 26 | .alc-privacy h3 { |
| 27 | font-family: var(--alc-font-sans); |
| 28 | font-weight: 600; |
| 29 | font-size: 16px; |
| 30 | color: var(--alc-fg-1); |
| 31 | margin: 28px 0 10px; |
| 32 | } |
| 33 | .alc-privacy p { |
| 34 | margin: 0 0 16px; |
| 35 | } |
| 36 | .alc-privacy a { |
| 37 | color: var(--alc-accent-deep); |
| 38 | text-decoration: underline; |
| 39 | text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); |
| 40 | text-underline-offset: 3px; |
| 41 | } |
| 42 | .alc-privacy a:hover { |
| 43 | text-decoration-color: currentColor; |
| 44 | } |
| 45 | .alc-privacy ul { |
| 46 | padding-left: 22px; |
| 47 | margin: 0 0 18px; |
| 48 | } |
| 49 | .alc-privacy li { |
| 50 | margin: 6px 0; |
| 51 | } |
| 52 | /* Inline code matches the site's `.alc-code-inline` pill: a sunk surface |
| 53 | in the page's theme. Code blocks below keep the dark code surface. */ |
| 54 | .alc-privacy :not(pre) > code { |
| 55 | font-family: var(--alc-font-mono); |
| 56 | font-size: 0.88em; |
| 57 | background: var(--alc-bg-sunk); |
| 58 | border: 1px solid var(--alc-hairline); |
| 59 | border-radius: 4px; |
| 60 | padding: 1px 5px; |
| 61 | color: var(--alc-fg-1); |
| 62 | } |
| 63 | .alc-privacy a > code { |
| 64 | color: inherit; |
| 65 | } |
| 66 | /* Code blocks are Expressive Code frames (same as the docs); leave their |
| 67 | styling alone and only space them like paragraphs. */ |
| 68 | .alc-privacy .expressive-code { |
| 69 | margin: 0 0 18px; |
| 70 | } |
| 71 | .alc-privacy table { |
| 72 | width: 100%; |
| 73 | border-collapse: collapse; |
| 74 | margin: 0 0 22px; |
| 75 | font-size: 14px; |
| 76 | } |
| 77 | .alc-privacy th, |
| 78 | .alc-privacy td { |
| 79 | text-align: left; |
| 80 | vertical-align: top; |
| 81 | padding: 10px 12px; |
| 82 | border-bottom: 1px solid var(--alc-hairline); |
| 83 | } |
| 84 | .alc-privacy th { |
| 85 | font-family: var(--alc-font-mono); |
| 86 | font-size: 11px; |
| 87 | letter-spacing: 0.1em; |
| 88 | text-transform: uppercase; |
| 89 | color: var(--alc-fg-4); |
| 90 | font-weight: 500; |
| 91 | } |
| 92 | .alc-privacy strong { |
| 93 | color: var(--alc-fg-1); |
| 94 | } |