/* Page-scoped styles for /docs-quickstart/ — recovered from the WP origin (custom-route.php inline blocks) 2026-07-16.
   Loads after the shared stack; selectors are scoped body.docs-quickstart-page. */

body.docs-quickstart-page .step-list { display: grid; gap: 0; margin-top: 1rem; }
body.docs-quickstart-page .step-row { display: grid; grid-template-columns: 80px 1fr; gap: 2rem; padding: 1.75rem 0; border-top: 1px solid var(--grey-200); }
body.docs-quickstart-page .step-row:first-child { border-top: 1px solid var(--grey-200); }
body.docs-quickstart-page .step-row:last-child { border-bottom: 1px solid var(--grey-200); }
@media (max-width: 720px) { body.docs-quickstart-page .step-row { grid-template-columns: 1fr; gap: 0.5rem; padding: 1.5rem 0; } }
body.docs-quickstart-page .step-num { font-family: var(--font-m); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--grey-500); padding-top: 0.25rem; }
body.docs-quickstart-page .step-h3 { font-size: 1.1rem; font-weight: 600; color: var(--ink); margin-bottom: 0.5rem; line-height: 1.3; letter-spacing: -0.015em; }
body.docs-quickstart-page .step-text { font-size: 0.92rem; color: var(--grey-700); line-height: 1.7; max-width: 720px; margin: 0; }
body.docs-quickstart-page .step-text strong { color: var(--ink); font-weight: 600; }
body.docs-quickstart-page .step-text code { font-family: var(--font-m); font-size: 0.85em; background: var(--grey-100); border: 1px solid var(--grey-200); padding: 1px 6px; color: var(--grey-700); }
body.docs-quickstart-page .step-text a { color: var(--ink); border-bottom: 1px solid var(--grey-300); text-decoration: none; }
body.docs-quickstart-page pre.code-block { font-family: var(--font-m); font-size: 0.82rem; background: var(--grey-100); border: 1px solid var(--grey-200); padding: 1rem 1.25rem; overflow-x: auto; line-height: 1.55; color: var(--grey-700); margin: 1rem 0 0; }
body.docs-quickstart-page .doc-back { font-family: var(--font-m); font-size: 0.65rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--grey-500); border-bottom: 1px solid var(--grey-300); text-decoration: none; padding-bottom: 2px; transition: color 0.15s, border-color 0.15s; display: inline-block; }
body.docs-quickstart-page .doc-back:hover { color: var(--ink); border-color: var(--ink); }

body.docs-quickstart-page .step-row > * { min-width: 0; }
