/* Editorial composition; shared design-system values and states. */
.guide-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--lds-space-4); padding-block: var(--lds-space-6); }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--lds-space-2); list-style: none; padding: 0; margin-bottom: var(--lds-space-6); }
.guide-breadcrumb li + li::before { content: "/"; margin-right: var(--lds-space-2); }
.lds-prose { overflow-wrap: anywhere; }
.guide-table { max-width: 100%; overflow-x: auto; margin-block: var(--lds-space-6); }
.guide-table table { border-collapse: collapse; width: 100%; }
.guide-table caption { text-align: left; margin-bottom: var(--lds-space-3); }
.guide-table th, .guide-table td { text-align: left; vertical-align: top; padding: var(--lds-space-3); border-bottom: var(--lds-border-width) solid var(--lds-color-border); min-width: 10em; }
.guide-related { margin-top: var(--lds-space-7); padding-top: var(--lds-space-5); border-top: var(--lds-border-width) solid var(--lds-color-border); }
.guide-footer { padding-block: var(--lds-space-7); }
/* Product overview pages (e.g. /ai-calls): same editorial shell, plus a quiet
   hero and a step grid. Shared tokens and primitives only; no new values. */
.product-eyebrow { margin: 0 0 var(--lds-space-2); color: var(--lds-color-text-secondary); font-size: var(--lds-type-headline-size); line-height: var(--lds-type-headline-leading); font-weight: var(--lds-font-weight-semibold); }
.lds-prose .product-lead { color: var(--lds-color-text-secondary); }
.guide-product-action.lds-row { margin-block: var(--lds-space-6); }
.lds-prose .product-steps { list-style: none; padding: 0; margin-top: var(--lds-space-6); }
.lds-prose .product-steps > li { margin: 0; }
.product-steps h3 { margin-top: var(--lds-space-1); }
.product-steps p { margin-top: var(--lds-space-2); }