/* MMT Readmore — SEO block UI (Figma: Readmore (Copy) › MMT › 119:1043 desktop / 119:1161 mobile) */

.mmt-rm {
  --mmt-ink: #060606;
  --mmt-body: #4d4d4d;
  --mmt-line: #e6e6e6;
  --mmt-chip-line: #d9d4c7;
  --mmt-table-line: #ded9cc;
  --mmt-table-head: #0f0f0f;
  --mmt-icon: #f2f2f2;
  --mmt-icon-open: #ffcc00;
  --mmt-link: #2874f0;
  --mmt-cream: #faf7ef;
  --mmt-head: "League Spartan", "Poppins", sans-serif;
  --mmt-text: "Cabin", "Poppins", sans-serif;
  clear: both;
  width: 100%;
  background: #fff;
}

.mmt-rm *,
.mmt-rm *::before,
.mmt-rm *::after { box-sizing: border-box; }

.mmt-rm__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 17px;
}

.mmt-rm h2,
.mmt-rm h3,
.mmt-rm h4,
.mmt-rm p,
.mmt-rm ul,
.mmt-rm ol { margin: 0; padding: 0; text-transform: none; letter-spacing: 0; }

.mmt-rm a { color: var(--mmt-link); text-decoration: none; }
.mmt-rm a:hover,
.mmt-rm a:focus-visible { text-decoration: underline; }

.mmt-rm .mmt-empty { display: none; }

.mmt-rm img,
.mmt-rm video { max-width: 100%; height: auto; }
.mmt-rm iframe,
.mmt-rm .wp-video { max-width: 100%; }

/* Homepage: align with the GoodLayers page-builder grid (1172px content at 1440). */
.mmt-rm--home .mmt-rm__inner { max-width: 1212px; padding: 0 20px; }

/* ---------- 02 FAQ Accordion ---------- */

.mmt-faq { padding: 72px 0; background: #fff; }

.mmt-faq__grid {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}

.mmt-faq__aside {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

/* Site custom CSS forces `.traveltour-body h2 { font-size: 26px/22px !important }`; heading sizes must override it.
   League Spartan headings use line-height: normal, which matches Figma's "auto" exactly (36→33px, 26→24px, 19→17px). */
.mmt-rm .mmt-faq__title {
  font-family: var(--mmt-head);
  font-weight: 700;
  font-size: 36px !important;
  line-height: normal;
  color: var(--mmt-ink);
}

.mmt-faq__list { flex: 1 1 auto; min-width: 0; }

.mmt-faq__item {
  padding: 20px 0;
  border-bottom: 1px solid var(--mmt-line);
}

.mmt-faq__q {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.mmt-faq__q::-webkit-details-marker { display: none; }
.mmt-faq__q::marker { content: ""; }

.mmt-rm .mmt-faq__qtext {
  flex: 1 1 auto;
  font-family: var(--mmt-head);
  font-weight: 600;
  font-size: 19px !important;
  line-height: normal;
  color: var(--mmt-ink);
}

.mmt-faq__icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: var(--mmt-icon);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mmt-text);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: var(--mmt-ink);
}
.mmt-faq__icon::before { content: "+"; }
.mmt-faq__item[open] .mmt-faq__icon { background: var(--mmt-icon-open); }
.mmt-faq__item[open] .mmt-faq__icon::before { content: "\2013"; }

.mmt-faq__q:focus-visible { outline: 2px solid var(--mmt-link); outline-offset: 4px; border-radius: 4px; }

.mmt-faq__a {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mmt-rm .mmt-faq__a,
.mmt-rm .mmt-faq__a p,
.mmt-rm .mmt-faq__a li {
  font-family: var(--mmt-text);
  font-size: 16px;
  line-height: 1.6;
  color: var(--mmt-body);
}

/* ---------- SEO content ---------- */

.mmt-seo { padding: 72px 0; background: #fff; }

.mmt-seo__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.mmt-seo__body > * { max-width: 100%; }
.mmt-seo__body > :not(.mmt-seo__toc) { align-self: stretch; }

.mmt-rm .mmt-seo__title {
  font-family: var(--mmt-head);
  font-weight: 700;
  font-size: 36px !important;
  line-height: normal;
  color: var(--mmt-ink);
}

.mmt-seo__toc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mmt-rm .mmt-seo__chip {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid var(--mmt-chip-line);
  border-radius: 999px;
  background: #fff;
  font-family: var(--mmt-text);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--mmt-ink);
  transition: border-color .15s ease, background-color .15s ease;
}
.mmt-rm .mmt-seo__chip:hover,
.mmt-rm .mmt-seo__chip:focus-visible {
  text-decoration: none;
  border-color: var(--mmt-ink);
}

.mmt-rm .mmt-seo__body p,
.mmt-rm .mmt-seo__body li {
  font-family: var(--mmt-text);
  font-size: 17px;
  line-height: 1.65;
  color: var(--mmt-body);
}

.mmt-rm .mmt-seo__body strong,
.mmt-rm .mmt-seo__body b,
.mmt-rm .mmt-faq__a strong,
.mmt-rm .mmt-faq__a b { font-weight: 700; color: var(--mmt-ink); }

.mmt-rm .mmt-seo__h {
  margin-top: 30px;
  font-family: var(--mmt-head);
  font-weight: 700;
  font-size: 26px !important;
  line-height: normal;
  color: var(--mmt-ink);
  scroll-margin-top: 120px;
}

.mmt-rm .mmt-seo__sub {
  margin-top: 10px;
  margin-bottom: -8px;
  font-family: var(--mmt-head);
  font-weight: 600;
  font-size: 19px !important;
  line-height: normal;
  color: var(--mmt-ink);
}

.mmt-rm .mmt-seo__minor {
  margin-top: 4px;
  margin-bottom: -8px;
  font-family: var(--mmt-text);
  font-weight: 700;
  font-size: 17px !important;
  line-height: 1.35;
  color: var(--mmt-ink);
}

.mmt-rm .mmt-seo__body ul,
.mmt-rm .mmt-seo__body ol,
.mmt-rm .mmt-faq__a ul,
.mmt-rm .mmt-faq__a ol { list-style: none; }
.mmt-rm ol { counter-reset: mmt-ol; }
.mmt-rm ol > li { counter-increment: mmt-ol; }
.mmt-rm ol > li::before { content: counter(mmt-ol) ".\00a0"; }
/* Word-pasted lists are often <ol> items whose authored marker is a bullet. */
.mmt-rm ul > li::before,
.mmt-rm li[data-leveltext="\2022"]::before { content: "\2022\00a0"; }

.mmt-rm table {
  width: 100%;
  border: 1px solid var(--mmt-table-line);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: #fff;
  margin: 0;
}
/* Theme zebra-stripes every table (`table tr:nth-child(odd|even)`); Figma rows are plain white. */
.mmt-rm table tr:nth-child(n) { background-color: transparent; }
.mmt-rm th,
.mmt-rm td {
  padding: 14px 20px;
  border: 0;
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  font-family: var(--mmt-text);
  font-size: 15px;
  line-height: 1.2;
  color: var(--mmt-body);
  background: transparent;
}
.mmt-rm thead th,
.mmt-rm tr:first-child th,
.mmt-rm tr.mmt-thead td {
  background: var(--mmt-table-head);
  color: #fff;
  font-weight: 700;
}
.mmt-rm tr.mmt-thead td b,
.mmt-rm tr.mmt-thead td strong { color: #fff; }
.mmt-rm tr + tr td,
.mmt-rm tr + tr th { border-top: 1px solid var(--mmt-table-line); }
.mmt-rm td a { font-weight: 600; }

/* ---------- Tablet: FAQ stacks ---------- */

@media (max-width: 959px) {
  .mmt-faq__grid { flex-direction: column; gap: 24px; }
  .mmt-faq__aside { flex-basis: auto; }
  .mmt-faq__list { width: 100%; }
}

/* ---------- Mobile (Figma 393 frame) ---------- */

@media (max-width: 767px) {
  .mmt-rm__inner,
  .mmt-rm--home .mmt-rm__inner { padding: 0 16px; }

  .mmt-faq { padding: 36px 0; }
  .mmt-faq__grid { gap: 4px; }
  .mmt-rm .mmt-faq__title { font-size: 24px !important; }

  .mmt-faq__list { display: flex; flex-direction: column; gap: 4px; }
  .mmt-faq__item { padding: 16px 0; }
  .mmt-faq__q { gap: 12px; }
  .mmt-rm .mmt-faq__qtext { font-size: 16px !important; }
  .mmt-faq__icon { flex-basis: 28px; width: 28px; height: 28px; font-size: 16px; }
  .mmt-faq__a { margin-top: 10px; gap: 10px; }
  .mmt-rm .mmt-faq__a,
  .mmt-rm .mmt-faq__a p,
  .mmt-rm .mmt-faq__a li { font-size: 14px; }

  .mmt-seo { padding: 36px 0; background: var(--mmt-cream); }
  .mmt-seo__body { gap: 14px; }
  .mmt-rm .mmt-seo__title { font-size: 24px !important; }
  .mmt-seo__toc { gap: 8px; }
  .mmt-rm .mmt-seo__chip { padding: 7px 12px; font-size: 13px; }
  .mmt-rm .mmt-seo__body p,
  .mmt-rm .mmt-seo__body li { font-size: 15px; }
  .mmt-rm .mmt-seo__h { margin-top: 20px; font-size: 20px !important; scroll-margin-top: 90px; }
  .mmt-rm .mmt-seo__sub { margin-top: 6px; margin-bottom: -4px; font-size: 16px !important; }
  .mmt-rm .mmt-seo__minor { margin-top: 2px; margin-bottom: -4px; font-size: 15px !important; }

  .mmt-rm table { display: block; overflow-x: auto; }
  .mmt-rm th,
  .mmt-rm td { padding: 12px 14px; }
}