/* Signature WorldBites accent: an ultra-subtle inset gold foil thread just inside the top edge of every primary card.
   It sits within the card's own border (no outer gold border), inset 24px from each side and fading out at both ends */
:root {
  --wb-accent: linear-gradient(90deg, transparent 0%, rgba(251,191,36,.30) 22%, rgba(251,191,36,.40) 50%, rgba(251,191,36,.30) 78%, transparent 100%);
  --wb-accent-h: 1px;
  --wb-accent-inset: 24px;
}

/* Standalone line, for places that need the accent as a real element */
.wb-accent-bar { display:block; height:var(--wb-accent-h); margin:0 var(--wb-accent-inset); background:var(--wb-accent); }

/* Cards: a thin inner line at the top of the padding box, clear of the rounded corners */
.wb-side-feed, .form-section, .preview:not(.guest-preview), .wallet, .social-box, .creators-box, .challenge-box, #loginSection,
.profile-header-card, .profile-wallet-card, .profile-settings,
.leaderboard-card, .explore-bar, .core-agent, .dossier, .join-card, .sl-card { position:relative; }
.wb-side-feed::before, .form-section::before, .preview:not(.guest-preview)::before, .wallet::before, .social-box::before,
.creators-box::before, .challenge-box::before, #loginSection::before,
.profile-header-card::before, .profile-wallet-card::before, .profile-settings::before,
.leaderboard-card::before, .explore-bar::before, .core-agent::before, .dossier::before, .join-card::before, .sl-card::before {
  content:""; position:absolute; top:0; left:var(--wb-accent-inset); right:var(--wb-accent-inset); z-index:2;
  height:var(--wb-accent-h); background:var(--wb-accent); pointer-events:none;
}
/* The challenge card used to draw its own thick gold top border; the shared foil line replaces it */
.challenge-box { border-top:1px solid var(--border) !important; }

/* Scrolling cards: a pinned background layer, so the line stays put while the content scrolls */
html .guest-preview, html .sl-modal-card, html .sm-guard-card, html .modal-card {
  background-image:var(--wb-accent); background-size:calc(100% - 2 * var(--wb-accent-inset)) var(--wb-accent-h);
  background-repeat:no-repeat; background-position:center 0;
}