/* NatGas Central · ngc-vx2-docs.css: the VERTEX 2 document pages /vertex-2-setup/ and /vertex-2-faq/ (page-vertex-2-setup.php,
   page-vertex-2-faq.php, built by template-parts/vx2-doc.php; launch build 26 Oct 2026). ngc-content.css lays out the article,
   the rail, the sections and their paragraphs (the same document layout as /method/); this file adds only what those pages
   don't have: numbered steps, inline code, the log sample, lists in the log parts, the tables, the glossary and the hours line.
   Tokens only, so the dark site and the light print tokens apply as on every other page. Mobile first: phone < 700 · tablet
   700–1099 · desktop ≥ 1100. */

/* ================= inline code: settings values, file names, log words ================= */
.vxd .vxd-c { font-family: var(--mono); font-size: 0.82em; line-height: 1.4; color: var(--t1); background: var(--raised); border: 1px solid var(--hair-soft); border-radius: var(--r-xs); padding: 1px 5px; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* ================= headings in a section's flow (FAQ questions, "The settings"): the h2s' jump offset ================= */
.vxd .vxd-h3 { scroll-margin-top: 16px; }

/* ================= lists in the log section's intro and parts (ngc-content.css styles a section's own lists only) ================= */
.vxd .ct-doc__intro > ul, .vxd .ct-doc__sub > ul { margin: 0 0 20px; padding-left: 22px; }
.vxd .ct-doc__intro > ul > li, .vxd .ct-doc__sub > ul > li { font-family: var(--serif); font-size: 18px; line-height: 1.65; color: var(--reading); margin-bottom: 10px; text-wrap: pretty; }
.vxd .ct-doc__intro > ul > li::marker, .vxd .ct-doc__sub > ul > li::marker { color: var(--t3); }

/* ================= numbered steps ================= */
.vxd-steps { list-style: none; counter-reset: vxd-step; margin: 0 0 24px; padding: 0; }
.vxd-steps > li { counter-increment: vxd-step; position: relative; margin: 0 0 16px; padding-left: 44px; font-family: var(--serif); font-size: 18px; line-height: 1.65; color: var(--reading); text-wrap: pretty; }
.vxd-steps > li::before { content: counter(vxd-step); position: absolute; left: 0; top: 2px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--r-pill); background: var(--accent-quiet); color: var(--accent); font-family: var(--mono); font-size: 13px; font-weight: 500; line-height: 1; }

/* ================= tables: settings, time zones, leverage ================= */
.vxd .vxd-table { margin: 4px 0 24px; }
.vxd .vxd-table th, .vxd .vxd-table td { vertical-align: top; }

/* ================= the log sample ================= */
.vxd-pre { margin: 0 0 20px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--hair); border-radius: var(--r); font-family: var(--mono); font-size: 13px; line-height: 1.6; color: var(--t1); white-space: pre-wrap; overflow-wrap: anywhere; }
.vxd-pre code { font: inherit; color: inherit; }

/* ================= the glossary: the log line, what it means, what to do ================= */
.vxd-log { margin: 4px 0 24px; border-top: 1px solid var(--hair-soft); }
.vxd-log__i { padding: 14px 0; border-bottom: 1px solid var(--hair-soft); }
.vxd-log__m { font-size: 14px; line-height: 1.55; color: var(--t2); }
.vxd-log__m .vxd-c { font-size: 13px; line-height: 1.55; }
.vxd-log__d { margin: 8px 0 0; }
.vxd-log__d p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--t2); text-wrap: pretty; }
.vxd-log__d p + p { margin-top: 6px; }
.vxd-log__d .vxd-c { font-size: 13px; }
.vxd-log__dol { color: var(--t1); font-weight: 600; }

/* ================= the hours line, notes, the page's foot note ================= */
.vxd-local { margin: -8px 0 20px; font-size: 15px; line-height: 1.55; color: var(--t1); }
.vxd-local[hidden] { display: none; }
.vxd-note { margin: 0 0 20px; }
.vxd-foot { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--hair-soft); }

@media (max-width: 699px) {
  .vxd-steps > li, .vxd .ct-doc__intro > ul > li, .vxd .ct-doc__sub > ul > li { font-size: 17px; }
  .vxd-steps > li { padding-left: 40px; }
}

@media print {
  .vxd-steps > li, .vxd-log__i, .vxd-pre { break-inside: avoid; }
  .vxd-local[hidden] { display: none; }
}