/* mw_docx_styles.css (SCOPED)
   NOTE: All rules are scoped under .mwdocx-content to avoid changing theme header/menu/colors. */

/* Scope root-like variables on the container only */
.mwdocx-content {
  --mw-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif;
  --mw-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --mw-fg: #1f2937; /* slate-800 */
  --mw-muted: #6b7280; /* gray-500 */
  --mw-code-bg: #f8fafc; /* slate-50 */
  --mw-code-border: #e5e7eb; /* gray-200 */
  --mw-border: #e5e7eb;
  --mw-link: #0d6efd;
  color: var(--mw-fg);
  line-height: 1.6;
  font-family: var(--mw-font);
}

/* Typography inside content only */
.mwdocx-content h1, .mwdocx-content h2, .mwdocx-content h3,
.mwdocx-content h4, .mwdocx-content h5, .mwdocx-content h6 {
  line-height: 1.25; margin: 1.25em 0 .5em; font-weight: 700;
}
.mwdocx-content h1 { font-size: 1.85rem; }
.mwdocx-content h2 { font-size: 1.6rem; }
.mwdocx-content h3 { font-size: 1.35rem; }
.mwdocx-content h4 { font-size: 1.2rem; }
.mwdocx-content h5 { font-size: 1.05rem; }
.mwdocx-content h6 { font-size: .95rem; color: var(--mw-muted); }

.mwdocx-content p { margin: .8em 0; }
.mwdocx-content ul, .mwdocx-content ol { margin: .8em 0 .8em 1.4em; }
.mwdocx-content li + li { margin-top: .25em; }
.mwdocx-content a { color: var(--mw-link); }
.mwdocx-content a:hover { text-decoration: underline; }

/* Tables only inside content */
.mwdocx-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-variant-numeric: tabular-nums; }
.mwdocx-content th, .mwdocx-content td { border: 1px solid var(--mw-border); padding: .5rem .6rem; text-align: left; vertical-align: top; }
.mwdocx-content thead th { background: #f3f4f6; font-weight: 700; }

/* Images only inside content (won't affect logos in header) */
.mwdocx-content img { max-width: 100%; height: auto; display: block; margin: .75rem auto; }

/* Blockquotes */
.mwdocx-content blockquote { margin: 1rem 0; padding: .5rem .9rem; border-left: 4px solid #cbd5e1; background: #f8fafc; color: #334155; }

/* Horizontal rule */
.mwdocx-content hr { border: none; border-top: 1px solid var(--mw-border); margin: 1.5rem 0; }


/* Dodatkowo – dla wygody kopiowania (opcjonalnie) */
.mwdocx-content pre {
  user-select: text;
}

/* Gęstszy blok kodu (tylko w treści) */
.mwdocx-content pre {
  background: #f9fafb;          /* subtelne tło; chcesz białe -> #fff */
  border: 1px solid #e5e7eb;    /* możesz dać 'border: 0' by usunąć ramkę */
  border-radius: 4px;
  padding: 0.45rem 0.6rem;      /* było ~0.85rem 1rem – zmniejszone */
  margin: 0.6rem 0;             /* mniejsza przerwa góra/dół */
  overflow: auto;
}

.mwdocx-content pre code.mwcomputer {
  font-family: "Courier New", Courier, monospace;
  color: #0b62d6;               /* Twój niebieski */
  white-space: pre;             /* zachowuj \n i spacje */
}
``



/* Inline code */
.mwdocx-content :not(pre) > code { font-family: var(--mw-mono); font-size: .9rem; background: #f3f4f6; border: 1px solid #e5e7eb; padding: .1rem .25rem; border-radius: 4px; }

/* Print tweaks only for content */
@media print {
  .mwdocx-content a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 90%; color: #6b7280; }
  .mwdocx-content pre, .mwdocx-content code { page-break-inside: avoid; }
}