/* A12 shared UI tokens/components */

/* .section_first {
  padding-top: 60px !important;
} */

body,
footer {
  background: #f2f6f9;
}

.a12-nav a,
.a12-nav a:hover,
.a12-nav a:focus {
  text-decoration: none;
}

.section_first > .tw-rounded-3xl {
  border-radius: 10px !important;
}

/* Restore semantic typography inside Summernote editor (Tailwind preflight reset safe-guard). */
.note-editor .note-editable h1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.note-editor .note-editable h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
}

.note-editor .note-editable h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.note-editor .note-editable h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

.note-editor .note-editable h5 {
  font-size: 1rem;
  font-weight: 600;
}

.note-editor .note-editable h6 {
  font-size: 0.875rem;
  font-weight: 600;
}

.note-editor .note-editable ul {
  list-style: disc;
  margin: 0.5rem 0 0.5rem 1.25rem;
}

.note-editor .note-editable ol {
  list-style: decimal;
  margin: 0.5rem 0 0.5rem 1.25rem;
}

.note-editor .note-editable p {
  margin: 0.375rem 0;
}

/* Summernote video embeds: keep inside container on mobile */
.note-editor .note-editable iframe.note-video-clip,
.tw-prose iframe.note-video-clip {
  display: block;
  max-width: 100%;
}

@media (max-width: 768px) {
  .note-editor .note-editable iframe.note-video-clip,
  .tw-prose iframe.note-video-clip,
  .tw-prose iframe[src*="youtube.com"],
  .tw-prose iframe[src*="youtu.be"],
  .tw-prose iframe[src*="vimeo.com"] {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
  }
}
