/* The privacy policy at privacy.advocatevinaykadam.com: the home page's look
   (../styles.css), cut down to the header and reading text. */
:root {
  --ink-1000: #000000;
  --ink-800: #161616;
  --ink-500: #6b6b6b;
  --ink-300: #b8b8b8;
  --ink-200: #d6d6d6;
  --ink-150: #e3e3e3;
  --ink-050: #f4f4f3;
  --paper: #ffffff;

  --text-strong: var(--ink-1000);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-inverse: var(--paper);
  --surface-page: var(--paper);
  --surface-sunken: var(--ink-050);
  --line-hairline: var(--ink-150);
  --line-rule: var(--ink-200);
  --line-strong: var(--ink-1000);

  --font-display: "Times New Roman", Tinos, Georgia, serif;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 16px;
  --weight-regular: 400;
  --weight-medium: 500;
  --tracking-tight: -0.015em;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.14em;

  --container-lg: 1180px;
  --gutter: 56px;

  --radius-sm: 2px;
  --border-hairline: 1px solid var(--line-hairline);
  --border-strong: 1px solid var(--line-strong);
  --focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--line-strong);

  --duration-fast: 140ms;
  --ease-standard: cubic-bezier(.2, 0, .2, 1);
  --transition-control: color var(--duration-fast) var(--ease-standard),
    background-color var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard);
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; }
}

/* Dark: the ink scale turned over, as in the Causelist - true black for OLED
   phones, and whites a shade off full. The device's setting, unless the round
   button in the header says otherwise (index.html keeps that choice). */
:root { color-scheme: light; --shadow-float: 0 1px 2px rgba(0,0,0,.06), 0 8px 20px rgba(0,0,0,.10); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink-1000: #e6e6e3; --ink-800: #cfcfcc; --ink-500: #858582; --ink-300: #4a4a48;
    --ink-200: #2f2f2e; --ink-150: #232322; --ink-050: #111110; --paper: #000000;
    --shadow-float: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.55);
    --map-filter: grayscale(1) invert(.9) contrast(.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink-1000: #e6e6e3; --ink-800: #cfcfcc; --ink-500: #858582; --ink-300: #4a4a48;
  --ink-200: #2f2f2e; --ink-150: #232322; --ink-050: #111110; --paper: #000000;
  --shadow-float: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.55);
  --map-filter: grayscale(1) invert(.9) contrast(.9);
}

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font: var(--weight-regular) var(--text-md)/1.55 var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--weight-regular);
  color: var(--text-strong);
  letter-spacing: var(--tracking-tight);
}
p { margin: 0; text-wrap: pretty; }
a {
  color: var(--text-strong);
  text-decoration: none;
  border-bottom: 1px solid var(--line-rule);
  transition: var(--transition-control);
}
a:hover { border-bottom-color: var(--ink-1000); }
a:focus-visible { outline: none; box-shadow: var(--focus-ring); }
::selection { background: var(--ink-1000); color: var(--paper); }

.eyebrow {
  font: var(--weight-medium) 11px/1.2 var(--font-sans);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-muted);
}
.mono { font-family: var(--font-mono); }
.container {
  max-width: var(--container-lg);
  margin: 0 auto;
  padding-left: max(var(--gutter), env(safe-area-inset-left));
  padding-right: max(var(--gutter), env(safe-area-inset-right));
}

/* Header */
.site-header { border-bottom: var(--border-hairline); padding-top: env(safe-area-inset-top); }
.site-header .container {
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.brand { border-bottom: 0; }
.brand__name { font-family: var(--font-display); font-size: 36px; letter-spacing: var(--tracking-tight); color: var(--ink-1000); line-height: 1.15; }


/* The policy: plain reading text. */
.policy > .container { padding-top: 40px; padding-bottom: 64px; max-width: calc(72ch + 2 * var(--gutter)); }
.policy h1 { font-size: 32px; line-height: 1.15; margin-top: 8px; }
.policy h2 {
  margin: 32px 0 8px;
  font: var(--weight-medium) var(--text-md)/1.3 var(--font-sans);
  color: var(--text-strong);
}
.policy p + p { margin-top: 12px; }
.policy ul { margin: 12px 0 0; padding-left: 20px; }
.policy li + li { margin-top: 8px; }
.policy strong { font-weight: var(--weight-medium); color: var(--text-strong); }
.policy__date { margin-top: 8px; color: var(--text-muted); font-size: var(--text-sm); }
body { padding-bottom: env(safe-area-inset-bottom); }

@media (max-width: 1024px) {
  :root { --gutter: 40px; }
  .brand__name { font-size: 30px; }
}
@media (max-width: 767px) {
  :root { --gutter: 20px; }
  .eyebrow { font-size: 10px; }
  .site-header .container { padding-top: 12px; padding-bottom: 12px; }
  .brand__name { font-size: 24px; }
  .policy > .container { padding-top: 24px; }
  .policy h1 { font-size: 30px; }
}