/* Calendar page — Studio Calendar embed. Ported verbatim from the mockup. */

/* First (and only) subsection on this page always uses the muted chevron
   color, regardless of card color convention. */
#calendar .sc-chevron { color: var(--t2); }

.cal-intro {
  font-size: 1rem; color: var(--t1); line-height: 1.7;
  margin-bottom: 1.5rem;
}
.cal-embed-wrap {
  position: relative;
  border: 1px solid var(--b-blue);
  overflow: hidden;
  background: #fff;
}
.cal-embed-wrap iframe {
  display: block;
  width: 100%;
  height: 600px;
  border: 0;
}
.cal-link {
  margin-top: 1rem;
  font-size: 1rem; color: var(--t2);
  display: flex; align-items: center; gap: 0.5rem;
}
.cal-link a { color: var(--t1); text-decoration: none; transition: color var(--ease); }
.cal-link a:hover { color: var(--blue); }

@media (max-width: 768px) {
  .cal-embed-wrap iframe { height: 480px; }
}
@media (max-width: 480px) {
  .cal-embed-wrap iframe { height: 420px; }
}