@import url('./brand.css');

/* The pages people read rather than use: privacy, terms, security, the API guide, the
   partner page and the page for a wrong address. Dark text on warm paper, one sans, the
   same black navigation island as the home page. */
:root { color-scheme: light; }
body { background: #fbfaf8; color: #1c1a16; font: 400 17px/1.55 var(--sans); letter-spacing: -.005em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::selection { background: #d8b46a40; color: inherit; }
:focus-visible { outline: 2px solid #85611f; }
.skip-link { background: #d8b46a; color: #1d1d1f; }
.legal-layout { max-width: 760px; margin: auto; padding: calc(150px + env(safe-area-inset-top)) 24px 96px; }
.legal-mark { margin: 0 0 12px; color: #6b6457; font: 600 17px/1.3 var(--sans); }
/* Headlines in the home page's Newsreader (September 26, 2026). */
.legal-layout h1 { margin: 0 0 22px; color: #141414; font: 500 clamp(38px, 5vw, 58px)/1.06 var(--serif); font-variation-settings: 'opsz' 72; letter-spacing: -.018em; text-wrap: balance; }
/* The second half of a heading, in grey, the way a two-part headline reads. */
.legal-layout h1 em { font-style: normal; color: #7c7a74; }
.legal-layout h2 { margin: 56px 0 14px; color: #141414; font: 500 30px/1.15 var(--serif); font-variation-settings: 'opsz' 72; letter-spacing: -.012em; }
.legal-layout h2 em { font-style: normal; color: #8a8374; }
.legal-layout h3 { margin: 28px 0 10px; font: 650 20px/1.25 var(--sans); letter-spacing: -.012em; }
.legal-layout p,.legal-layout li { color: #1c1a16; font-size: 17px; line-height: 1.6; text-wrap: pretty; }
.legal-layout p { margin: 0 0 16px; }
.legal-layout ul { margin: 0 0 16px; padding-left: 22px; }
.legal-layout li { margin-bottom: 8px; }
.legal-layout li::marker { color: #8a8374; }
.legal-layout a { color: #85611f; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-layout a:hover { color: #6b4d17; }
.legal-layout .lede { margin: 0 0 30px; color: #6b6457; font: 450 21px/1.45 var(--sans); }
.legal-layout .dated { margin: 0 0 40px; color: #6b6457; font-size: 14px; }
.legal-layout table { width: 100%; margin: 0 0 24px; border-collapse: collapse; font-size: 15px; }
.legal-layout th,.legal-layout td { padding: 12px 14px 12px 0; border-top: 1px solid #e0d8c8; color: #1c1a16; line-height: 1.55; text-align: left; vertical-align: top; }
.legal-layout th { font-weight: 600; }
.legal-layout table tr:last-child td,.legal-layout table tr:last-child th { border-bottom: 1px solid #e0d8c8; }
/* Commands on the API page scroll inside their own box, never the page; a long name in a
   sentence, such as a cookie on the privacy page, may break instead of widening it. */
.legal-layout pre { overflow-x: auto; max-width: 100%; margin: 0 0 22px; padding: 16px 18px; border-radius: 14px; background: #f4f3ef; }
.legal-layout pre code { color: #1c1a16; font: 13px/1.65 ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace; white-space: pre; }
.legal-layout :not(pre)>code { padding: 1px 5px; border-radius: 6px; background: #f4f3ef; color: #141414; font-family: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace; font-size: .88em; overflow-wrap: anywhere; }
.legal-actions { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 36px; }
.legal-actions a { display: inline-flex; align-items: center; min-height: 44px; color: #85611f; font-size: 17px; font-weight: 500; text-decoration: none; }
.legal-actions a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 25px; padding: 30px max(24px, calc((100% - 1120px) / 2)) calc(40px + env(safe-area-inset-bottom)); background: #f4efe5; color: #6b6457; font-size: 13px; }
.site-footer>div { display: flex; flex-wrap: wrap; gap: 0 22px; }
.site-footer>div>a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer a:hover { color: #1c1a16; text-decoration: underline; text-underline-offset: 3px; }
/* The old logo in ink, since this footer is light. */
.site-footer>.brand-name { display: inline-flex; align-items: center; min-height: 44px; color: #1c1a16; font-size: 26px; letter-spacing: .05em; }
@media (max-width: 700px) {
  .legal-layout { padding: calc(110px + env(safe-area-inset-top)) 20px 64px; }
  .legal-layout h2 { margin-top: 44px; font-size: 25px; }
  .legal-layout th,.legal-layout td { display: block; padding: 6px 0; border: 0; }
  .legal-layout table tr { display: block; padding: 10px 0; border-top: 1px solid #e0d8c8; }
}
/* On a phone the bar keeps the logo and its last link, Sign in, as the home page's does.
   The logo takes 207 px, so a second link beside it was cut off on a 390 px iPhone; the
   other links are in the footer or on the home page. */
@media (max-width: 480px) {
  .floating-nav nav a:not(:last-child) { display: none; }
}