/* Buyer guides and industry pages (draft 2026-10-14). Loaded only by the pages _build/guides.mjs writes. */
.prose > * + * { margin-top: 1.05rem; }
.prose p { color: var(--ink-2); line-height: 1.68; }
.prose h3 { margin-top: 2.1rem; margin-bottom: .2rem; font-size: var(--s-1); }
.prose a:not(.btn) { color: var(--ice); text-decoration: underline; text-underline-offset: 2px; }
.prose strong { color: #fff; }
.prose .callout { margin-top: 1.4rem; }
.prose .grid { margin-top: 1.4rem; }
.prose figure { margin-top: 1.6rem; }
.prose .tbl-scroll { margin-top: 1.4rem; }
ol.steps { counter-reset: s; list-style: none; padding: 0; display: grid; gap: 16px; }
ol.steps li { counter-increment: s; position: relative; padding-left: 48px; color: var(--ink-2); line-height: 1.62; }
ol.steps li::before { content: counter(s); position: absolute; left: 0; top: -3px; width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center; font-weight: 800; font-size: .9rem; background: rgba(34,211,238,.12); color: var(--ice); border: 1px solid rgba(34,211,238,.45); }
/* Review markers for Luis: visible only in the drafts. Every one must be answered or removed before anything goes live. */
mark.luis { background: #fde047; color: #111; padding: .05em .35em; border-radius: 3px; font-weight: 700; font-size: .92em; }
.photo-ph { border: 2px dashed #fde047; color: #fde047; padding: 30px 22px; text-align: center; border-radius: 12px; font-weight: 700; line-height: 1.5; }
.guide-list { display: grid; gap: 14px; }
/* Sections that carry a table get a wider column so the table does not wrap every cell. */
.narrow.prose.wide { max-width: 1060px; }
.prose table.spec th, .prose table.spec td { padding: 12px 14px; }

/* 2026-10-18: the chip row is a <ul>; drop the browser list indent so it lines up with the heading. */
.chips { padding-left: 0; list-style: none; }
