@import url("./editorial-pages.css");

.calendar {
  width: var(--maxw);
  margin: 3.8rem auto 0;
  padding: 1.3rem;
  position: relative;
  z-index: 1;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at top left, rgba(255, 208, 141, 0.22), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.68));
  box-shadow: var(--shadow);
}

.calendar iframe {
  display: block;
  width: 100%;
  min-height: 850px;
  border: 0;
  border-radius: calc(var(--radius-xl) - 10px);
  background: #fff;
}

@media (max-width: 720px) {
  .calendar {
    width: min(100vw - 20px, var(--maxw));
    margin-top: 2.8rem;
    padding: 1rem;
  }

  .calendar iframe {
    min-height: 720px;
  }
}