.csw-sunspots {
  --csw-size: 512px;
  box-sizing: border-box;
  width: min(var(--csw-size), 100%);
  margin: 0 auto;
  text-align: center;
}
.csw-sunspots img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #050505;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .24);
}
.csw-sunspots a { display: block; }
.csw-sunspots figcaption { margin-top: .65rem; line-height: 1.35; }
.csw-sunspots figcaption strong,
.csw-sunspots figcaption span,
.csw-sunspots figcaption small { display: block; }
.csw-sunspots figcaption strong { font-size: 1.12rem; }
.csw-sunspots figcaption span { margin-top: .15rem; font-size: .9rem; opacity: .8; }
.csw-sunspots figcaption small { margin-top: .15rem; font-size: .78rem; opacity: .68; }
.csw-unavailable { padding: 2rem 1rem; border: 1px solid currentColor; border-radius: .5rem; opacity: .75; }