html {
  block-size: 100%;
  inline-size: 100%;
}

body {
  min-block-size: 100%;
  min-inline-size: 100%;
  margin: 0;
  padding: 2ch;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  /* font-family: system-ui; */
  font-size: 1.3rem;
  line-height: 1.5;
  background: hsl(0, 0%, 92%);
  color: hsl(200 30% 25%);
}

.item {
  background-color: #fff;
  padding: 10px 10px 10px 10px;
  border: dashed 1px #000;
}

.text-center {
  width: fit-content;
  width: 500px;
  margin: 0 auto;
}

::marker {
  content: '»';
  /* font-size: 3em; */

  --hue: 0;
  color: hsl(var(--hue) 50% 50%);
}