.notion-link-card {
  display: grid;
  gap: 0.25rem;
  margin: 1.5rem 0;
  padding: 1rem;
  border: 1px solid var(--preset--color--rule);
  text-decoration: none;
}

.notion-link-card span {
  color: var(--preset--color--muted);
  font-size: 0.8em;
}

.notion-embed {
  margin: 2.5rem 0;
  aspect-ratio: 16 / 9;
}

.notion-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.notion-code {
  overflow-x: auto;
  padding: 1rem;
  background: var(--preset--color--neutral-lightest);
  font-size: 0.8em;
}

.notion-columns {
  display: flex;
  gap: 1rem;
}

.notion-column {
  flex: var(--notion-column-width, 1) 1 0;
  min-width: 0;
}

.notion-tabs > nav,
.notion-tab-panels {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.notion-tabs > nav {
  gap: 1rem;
}

.notion-tab-panel {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

.notion-html-embed {
  width: 100%;
  min-height: 30rem;
  border: 0;
}

@media screen and (max-width: 685px) {
  .notion-columns {
    flex-direction: column;
  }
}