/* Shared stage list for use-case detail pages. */
.stage-block {margin-bottom:var(--ui-space-6)}
.stage-block:last-child {margin-bottom:0}
.stage-block h3 {margin:0 0 var(--ui-space-2);color:var(--ui-text);font-size:var(--ui-text-lg);font-weight:650}
.stage-block ul {margin:0;padding-left:20px}
.stage-block li {margin-bottom:var(--ui-space-2);color:var(--ui-muted);line-height:1.6}
.uc-detail .uc-product-section {padding-top:var(--ui-space-12)}
.uc-detail .uc-product-section .product-preview {margin:0 auto}
.uc-product-note,.uc-plan-note {color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.55}
.uc-product-note {max-width:72ch;margin:var(--ui-space-5) auto 0;text-align:center}
.uc-plan-note {max-width:76ch;margin:var(--ui-space-3) 0 0}
.uc-detail .uc-trigger-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--ui-space-8);border-top:1px solid var(--ui-border)}
.uc-detail .uc-trigger-item {min-width:0;padding:var(--ui-space-5) 0;border-bottom:1px solid var(--ui-border)}
.uc-detail .uc-trigger-item h3 {margin:0 0 var(--ui-space-2);color:var(--ui-text);font:650 var(--ui-text-base)/1.35 var(--ui-font-sans)}
.uc-detail .uc-trigger-item p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.55 var(--ui-font-sans)}
.uc-stage-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-8);border-top:1px solid var(--ui-border)}
.uc-stage-list .stage-block {margin:0;padding:var(--ui-space-6) 0;border-bottom:1px solid var(--ui-border)}
.uc-stage-list .stage-block h3 {font-size:var(--ui-text-base)}
.uc-stage-list .stage-block ul {padding-left:var(--ui-space-5)}
.uc-detail .uc-plan-section .psec-head {text-align:left}
.uc-detail .uc-plan-section .psec-head .rl-eyebrow {justify-content:flex-start}
@media (max-width:900px) {
  .uc-detail .uc-trigger-list,.uc-stage-list {grid-template-columns:1fr;gap:0}
}
.uc-back {margin:0 0 var(--ui-space-2);font-size:var(--ui-text-sm)}
.uc-back--spaced {margin-top:var(--ui-space-6)}
.rl-eyebrow a {color:inherit}
.prose-note--centered {text-align:center}

/* The directory is a scan-first index; detail pages carry the full examples. */
.uc-index .rl-section {margin:0;padding-top:var(--ui-space-8);padding-bottom:var(--ui-space-12)}
.uc-index .psec-head {text-align:left}
.uc-index .psec-head .rl-eyebrow {justify-content:flex-start}
@media (max-width:600px) {
  .uc-detail .uc-product-section {padding-top:var(--ui-space-8)}
  .uc-product-note {text-align:left}
  .uc-index .rl-section {padding-top:var(--ui-space-6);padding-bottom:var(--ui-space-8)}
}