/* Screen styles for the Notebble legal documents.
   Loaded after style.css, which is print-oriented, and adapts the same markup
   for reading in a browser.

   The colors mirror how the documents look inside the app: the white page of
   the PDF on the app's warm grey background. Light in every theme, because the
   PDF is always white paper — so there is deliberately no dark-mode variant. */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  background: #E8E4DF; /* AppColors.background */
  color: #2D2D2D;
  margin: 0;
  padding: 24px 16px 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* When the shared site header/footer wraps the document, don't add body
   padding — the header sits flush against the viewport edges. */
body:has(> .site-header) { padding: 0; }
.legal-body { padding: 8px 16px 24px; }
@media (max-width: 600px) {
  .legal-body { padding: 4px 10px 16px; }
}

/* The document itself, as the white page the app shows. */
.sheet {
  max-width: 720px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 40px 36px 48px;
}

@media (max-width: 600px) {
  body { padding: 12px 10px 32px; }
  .sheet { padding: 28px 22px 36px; border-radius: 10px; }
}

h1 { font-size: 30px; line-height: 1.2; margin-bottom: 6px; }
h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 10px; }

.meta { font-size: 14px; margin-bottom: 28px; }

p  { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 6px; }

.box {
  padding: 16px 18px;
  margin: 16px 0 24px;
  border-radius: 10px;
}

.footer {
  font-size: 14px;
  margin-top: 40px;
  padding-top: 14px;
}

a { color: #1B6B5A; }

.backlink {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 15px;
  text-decoration: none;
}
.backlink:hover { text-decoration: underline; }