/* Preview B: quiet one-pixel frames, matching the approved community highlights.
   Counter/navigation and footer now use the same frame at Sven's request. */
body.xrDesignPreviewB{
  --xr-community-frame:linear-gradient(135deg,rgba(222,192,131,.62),rgba(151,178,191,.2) 55%,rgba(211,165,96,.4));
  --xr-community-border:rgba(211,165,96,.32);
}

/* These modules already draw their cut-corner frames with two pseudo-elements. */
body.xrDesignPreviewB :is(
  .startDesignTopbar,
  .footer__inner,
  .startDesignStreamLinksBar,
  .startDesignUserBar,
  .crumbs__inner,
  .avatarHome,
  .votingHome,
  .homeFeatureCard,
  .startPreviewNewsPanel,
  .startPreviewMiddlePanel,
  .startPreviewNewsItem,
  .siteRail
)::before{
  background:var(--xr-community-frame);
}
body.xrDesignPreviewB :is(
  .startDesignTopbar,
  .footer__inner,
  .startDesignStreamLinksBar,
  .startDesignUserBar,
  .crumbs__inner,
  .avatarHome,
  .votingHome,
  .homeFeatureCard,
  .startPreviewNewsPanel,
  .startPreviewMiddlePanel,
  .startPreviewNewsItem,
  .siteRail
)::after{
  inset:1px;
  clip-path:inherit;
}

/* Smaller content boxes already have one-pixel borders; harmonize their color. */
body.xrDesignPreviewB :is(
  .avatarHome__frameShell,
  .avatarHome__chat,
  .votingHome__list,
  .votingHome__row,
  .homeFollowerItem,
  .homeGalleryThumb,
  .homeGalleryEmpty,
  .startPreviewEmbedShell,
  .siteRailTopRated,
  .siteRailTopics,
  .siteRailClip,
  .siteRailTopItem,
  .siteRailDistribution__row
){
  border-color:var(--xr-community-border);
}
body.xrDesignPreviewB .siteRailClip::before{
  width:1px;
  background:var(--xr-community-border);
  box-shadow:none;
}
/* Opaque, quiet surfaces keep the underlying diagonal texture out of these panels. */
body.xrDesignPreviewB .avatarHome__chat{
  background:linear-gradient(180deg,#111b24,#080e15);
}
body.xrDesignPreviewB .votingHome__list{
  background:#080e15;
}
body.xrDesignPreviewB .votingHome__row{
  background:linear-gradient(180deg,#141d24,#0d141b);
}
body.xrDesignPreviewB :is(
  .homeFollowerItem,
  .homeGalleryThumb,
  .siteRailClip,
  .siteRailTopItem,
  .siteRailDistribution__row
):hover{
  border-color:rgba(222,192,131,.62);
}