/* All my notes page */

.notes-main { max-width: 680px; margin: 0 auto; padding: 32px var(--gutter) 64px; }

.notes-main h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 44px;
  line-height: 1;
  color: var(--accent);
}
.notes-lede { margin: 10px 0 20px; color: var(--ink-soft); font-style: italic; }

.notes-tools { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.notes-tools[hidden] { display: none; }
.btn-send { display: inline-flex; align-items: center; gap: 10px; }
.btn-send svg { width: 20px; height: 20px; }
.notes-hint { margin: 0; font-family: var(--font-sans); font-size: 13px; color: var(--ink-soft); }
.print-only { display: none; }

.notes-status { min-height: 1.4em; margin: 10px 0 0; font-family: var(--font-sans); font-size: 14px; color: var(--ink-soft); }

.nb-book { margin-top: 32px; }
.nb-book h2 { margin: 0; font-family: var(--font-display); font-weight: 600; font-size: 28px; line-height: 1.15; text-wrap: balance; }
.nb-count { margin: 2px 0 0; font-family: var(--font-sans); font-size: 13px; color: var(--ink-soft); }

.nb-chapter {
  margin: 22px 0 8px;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}

.nb-note {
  padding: 14px 16px;
  margin-bottom: 10px;
  background: var(--bg-raised);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.nb-note blockquote {
  margin: 0 0 8px;
  padding-inline-start: 12px;
  border-inline-start: 2px solid var(--accent);
  font-style: italic;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink-soft);
}
.nb-text { margin: 0; font-size: 18px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.nb-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0 0;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--ink-soft);
}
.nb-meta a { font-weight: 600; }

.notes-empty { margin-top: 32px; text-align: center; color: var(--ink-soft); }
.notes-empty .btn { margin-top: 12px; }
.nb-lang {
  margin-inline-start: 6px;
  padding: 1px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 400;
  color: var(--ink-soft);
}

/* Save as PDF: a clean page with just the notes */
@media print {
  @page { margin: 18mm 16mm; }
  body { background: #fff !important; color: #000; }
  .topbar, .notes-tools, .notes-status, .notes-lede, .nb-meta a, .install, .foot, .lang-picker { display: none !important; }
  .notes-main { max-width: none; padding: 0; }
  .notes-main h1 { font-size: 30px; color: #000; }
  .print-only { display: block; }
  .print-head { margin: 4px 0 0; font-family: var(--font-sans); font-size: 12px; color: #444; }
  .nb-book { margin-top: 20px; break-inside: auto; }
  .nb-note { break-inside: avoid; box-shadow: none !important; border: 1px solid #ccc !important; background: #fff !important; }
  .nb-chapter, .nb-book h2 { color: #000; break-after: avoid; }
}