/* ============================================================ PRIVACY — DENSE BODY TEXT ============================================================ */
/* Same backdrop photo the original static privacy page used (shared with the admin
   panel's own scene, per that page's comment) — a real photo instead of an abstract
   gradient, dimmed enough to stay out of the way of dense body text. */
.tm-pp-bg {
  /* No z-index (same pattern as About's .tm-ab-bg, which this was modeled on but
     didn't actually match) — html/body paint an opaque canvas background
     (site-chrome.css) behind absolutely everything, negative z-index included, so
     z-index: -1 here was actually hiding it, not layering it correctly. Plain
     document order (this is the first thing in #tm-page-content) already puts it
     behind the text that follows, no z-index needed at all. */
  position: fixed; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(4,4,6,0.86) 0%, rgba(4,4,6,0.93) 55%, rgba(4,4,6,0.97) 100%),
    url('https://twominds.tech/static/img/backgrounds/twominds.jpg');
  background-size: cover, cover;
  background-position: center, center;
}
.tm-pp-page { position: relative; padding: calc(160px + var(--tm-top-offset, 0px)) 8vw 140px; transition: padding-top 340ms cubic-bezier(.2,.7,.2,1); }
.tm-pp-col { max-width: 1100px; margin: 0 auto; text-align: left; }

.tm-pp-hero { margin-bottom: 8px; }
.tm-pp-lede { font-size: 15px; line-height: 1.7; color: var(--ink-dim); max-width: 56ch; margin: 22px 0 12px; }
.tm-pp-updated { font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-dim); opacity: 0.7; }

.tm-pp-toc { border-top: 1px solid rgba(247, 242, 232, 0.14); border-bottom: 1px solid rgba(247, 242, 232, 0.14); padding: 22px 0; margin: 40px 0 50px; }
.tm-pp-toc-label { margin: 0 0 14px; font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; color: var(--ink-dim); }
.tm-pp-toc ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 9px; }
.tm-pp-toc li { font-size: 14px; }
.tm-pp-toc a { color: var(--ink); opacity: 0.85; transition: opacity 0.2s ease, color 0.2s ease; }
.tm-pp-toc a:hover { opacity: 1; color: var(--primary); }
.tm-pp-toc .tm-pp-num { color: var(--ink-dim); margin-right: 6px; }
@media (max-width: 560px) { .tm-pp-toc ol { grid-template-columns: 1fr; } }

.tm-pp-section { margin-bottom: 46px; scroll-margin-top: 24px; }
.tm-pp-section h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.15rem, 2.4vw, 1.5rem); letter-spacing: -0.005em; margin: 0 0 15px; }
.tm-pp-h2-fill { height: 2px; width: 48px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--red)); margin: 0 0 18px; }
.tm-pp-section h3 { font-size: 15px; font-weight: 600; letter-spacing: 0.01em; margin: 22px 0 8px; color: var(--ink); }
.tm-pp-section p { font-size: 15px; line-height: 1.75; color: var(--ink-dim); margin: 0 0 16px; }
.tm-pp-section p strong { color: var(--ink); font-weight: 600; }
.tm-pp-section a { color: var(--primary); text-decoration: underline; text-decoration-color: var(--primary-dim); text-underline-offset: 2px; }
.tm-pp-section a:hover { text-decoration-color: var(--primary); }
.tm-pp-section ul { margin: 0 0 16px; padding-left: 22px; }
.tm-pp-section li { font-size: 15px; line-height: 1.7; color: var(--ink-dim); margin-bottom: 8px; }
.tm-pp-section li strong { color: var(--ink); font-weight: 600; }

.tm-pp-table-wrap { overflow-x: auto; border-radius: 14px; border: 1px solid rgba(247, 242, 232, 0.14); margin: 8px 0 22px; }
.tm-pp-table-wrap table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.tm-pp-table-wrap th, .tm-pp-table-wrap td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(247, 242, 232, 0.1); color: var(--ink-dim); }
.tm-pp-table-wrap tr:last-child td { border-bottom: 0; }
.tm-pp-table-wrap th { background: rgba(247, 242, 232, 0.05); font-family: var(--font-mono); font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--ink-dim); font-weight: 500; }
.tm-pp-table-wrap td code { background: rgba(247, 242, 232, 0.08); padding: 1px 6px; border-radius: 5px; font-size: 0.92em; color: var(--ink); }

.tm-pp-callout { background: rgba(247, 242, 232, 0.04); border-left: 3px solid var(--primary); border-radius: 0 12px 12px 0; padding: 14px 18px; margin: 16px 0; font-size: 14px; line-height: 1.65; color: var(--ink-dim); }
.tm-pp-not-doing { font-size: 14px; line-height: 1.65; color: var(--ink-dim); border-top: 1px solid rgba(247, 242, 232, 0.14); border-bottom: 1px solid rgba(247, 242, 232, 0.14); padding: 14px 0; margin: 18px 0; }

@media (max-width: 560px) { .tm-pp-page { padding: calc(118px + var(--tm-top-offset, 0px)) 7vw 100px; } }