body {
  background: khaki;
  padding: 1.5rem;

  &:has(dialog[open]) {
    overflow: hidden;
  }
}

dialog {
  overflow: hidden;
  width: 80vw;

  &::backdrop {
    background: hsl(0 0 0 / .5);
    backdrop-filter: blur(5px);
  }
}

.article-banner {
  background: #fff;
  border: 10px groove darkkhaki;
  display: grid;
  padding: 3rem;
  place-items: center;
}