.site-shell
  --leftbar-gap: 0px

.ui-surface
  appearance-flat-surface()

.site-region--topbar.ui-surface,
.site-region--leftbar .site-region__surface.ui-surface
  border-width: 0

.site-region--topbar.ui-surface
  box-shadow: inset 0 -1px 0 var(--block-border)

.site-region--leftbar .site-region__surface.ui-surface
  box-shadow: inset -1px 0 0 var(--block-border)

.site-shell[data-drawer='leftbar'] .site-region--leftbar .site-region__surface.ui-surface
  border-radius: $border-card-l
  corner-shape: $corner-shape
  background: var(--bg-a20)

.post-list.post .post-card-wrap,
.post-list.post .post-card.card-hover
  box-shadow: none

.post-list.post .post-card
  background-color: var(--block)
  &:hover
    background-color: var(--block-border)

.site-region--leftbar
  appearance-translucent-leftbar-light()

:root[data-theme='dark'] .site-region--leftbar
  appearance-translucent-leftbar-dark()

:root:not([data-theme])
  @media screen and (prefers-color-scheme: dark)
    .site-region--leftbar
      appearance-translucent-leftbar-dark()

appearance-standard-interactions()
appearance-standard-prose()
appearance-card-listing-nav()