/* Shared chrome for Hybrid sub-pages (product pages, pricing, knowledge base). Loaded after styles.css.
   Page-specific styling lives in pages.css (product/pricing) and kb.css (knowledge base). */
body.sub { background: #fff; }
body.sub main { display: block; padding-top: var(--hdr); min-height: 60vh; }
body.sub .hdr::before { background: rgba(255, 255, 255, .86); box-shadow: inset 0 -1px 0 var(--line); }
body.sub .hdr.is-dark::before { background: rgba(5, 8, 13, .7); }
body.sub .foot { margin-top: 0; }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; color: var(--ink-3); }
.crumbs a { color: inherit; }
.crumbs a:hover { color: var(--blue-t); }
.crumbs li + li::before { content: "›"; margin-right: 6px; opacity: .6; }