/* border-beam.css — FLATTENED 2026-10-20 for the Apple preview design.
   The traveling conic-gradient beam was removed site-wide: the preview
   design uses flat 1px hairline borders only. The position:relative
   grouping is kept (pages rely on it for absolutely-positioned children)
   and the .bb-card component remains, restyled flat. */
.bb-card{position:relative;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:none}
.bb-card-header{padding:24px 24px 0;display:flex;flex-direction:column;gap:6px}
.bb-card-title{font-size:21px;font-weight:600;line-height:1.25}
.bb-card-desc{font-size:15px;line-height:1.5;color:#6e6e73}
.bb-card-content{padding:24px}
.bb-card-header+.bb-card-content{padding-top:16px}

.bb-card,
.feature, .engine-card, .visual-main, .visual-card, .node-detail,
.project-card, .case-story, .article-card, .newsletter-card, .quote-card,
.engagement, .product-card, .a-card, .about-copy, .contact-form,
.principles, .facts, .lab-panel, .mail-card, .future-panel, .toolkit-panel,
.process-strip, .lab-grid, .vote-opt, .hero-form, .newsletter-field,
.legal-panel, .chat-panel, .fc-rights,
.pf-panel,
.tcard, a.card, .card, .tweet-card, .game-card, .edge-card, .acct-card,
.vcard, .pcard, .tier, .prow, .rrow, .promo,
.panel, .note, .err, .pm-page .stat { position: relative; }

@media (prefers-color-scheme: dark) {
  .bb-card{background:#1d1d1f;border-color:#38383a}
  .bb-card-desc{color:#a1a1a6}
}