/* ══════ Матрица судьбы: калькуляторы пары и года (01.10.2026) ══════
   Основа — css/mx-page.css (плитки, раскрывашки, мост) и общий стиль сайта.
   Здесь только то, чего на странице матрицы нет; приставка mt-.
   Кнопки на золотом — тёмный текст (js-rules §9). */

.mt-crumbs { font-size: .76rem; color: var(--text-muted); text-align: center; margin: 0 0 .6rem; }
.mt-crumbs a { color: var(--text-soft); text-decoration: none; }
.mt-crumbs a:hover { color: var(--gold); }
.mt-crumbs span { margin: 0 .35rem; opacity: .6; }

/* Форма: два человека рядом, на телефоне — друг под другом */
.mt-people { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 0 0 1rem; }
.mt-person { border: 1px solid rgba(212,165,74,.14); border-radius: 12px; padding: .75rem .85rem .85rem; background: rgba(17,11,36,.35); min-width: 0; }
.mt-person__t { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; color: var(--gold); margin: 0 0 .45rem; }
.mt-page .mt-person .form-inline-row { flex-wrap: wrap; gap: .5rem; }
.mt-page .mt-person .form-inline-row > .form-group { flex: 1 1 100% !important; }
.mt-page .mt-person .form-inline-row > .mt-g-name { flex: 1 1 50% !important; }
.mt-page .mt-person .form-inline-row > .mt-g-gender { flex: 0 0 104px !important; }
.mt-page .mt-single .form-inline-row > .form-group { flex: 1 1 100% !important; }
.mt-single { max-width: 360px; margin: 0 auto 1rem; }
.mt-opt { text-transform: none; letter-spacing: 0; opacity: .7; font-size: inherit !important; }
.mt-err { margin: 0 0 .8rem; padding: .6rem .8rem; border-radius: 8px; border: 1px solid rgba(224,96,128,.4); background: rgba(224,96,128,.08); color: #f0b7c4; font-size: .85rem; text-align: center; }
@media (max-width: 640px) {
  .mt-people { grid-template-columns: 1fr; gap: .6rem; }
  .mt-page .mt-person .form-inline-row > .mt-g-name { flex: 1 1 45% !important; }
}

/* Результат */
#mtResult { margin: 2rem 0 0; }
.mt-tiles4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mt-tile__t { font-size: .82rem; line-height: 1.45; color: var(--text-soft); }
.mt-pair-more { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: .7rem 0 0; }
.mt-pair-more > div { border: 1px solid rgba(212,165,74,.14); border-radius: 12px; padding: .75rem .9rem; background: rgba(13,8,32,.5); }
.mt-pair-more b { display: block; color: var(--cream); font-size: .86rem; margin-bottom: .25rem; }
.mt-pair-more p { margin: 0; font-size: .84rem; line-height: 1.5; color: var(--text-soft); }
.mt-pts { margin: .8rem 0 0; font-size: .84rem; color: var(--text-soft); line-height: 1.55; text-align: center; }
.mt-pts b { color: var(--cream); font-weight: 600; white-space: nowrap; }
.mt-h3 { font-family: 'Cormorant Garamond', serif; font-weight: 500; color: var(--cream); font-size: 1.45rem; margin: 1.8rem 0 .7rem; text-align: center; }

.mt-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid rgba(212,165,74,.16); border-radius: 12px; background: rgba(17,11,36,.5); }
.mt-table { width: 100%; border-collapse: collapse; font-size: .86rem; table-layout: fixed; }
.mt-table col.mt-c1 { width: 30%; }
.mt-table td b { color: var(--gold); font-weight: 600; font-variant-numeric: tabular-nums; margin-right: .15rem; }
.mt-table th, .mt-table td { padding: .55rem .7rem; text-align: left; border-bottom: 1px solid rgba(212,165,74,.1); color: var(--text-light); }
.mt-table thead th { color: var(--gold); font-weight: 600; font-size: .8rem; letter-spacing: .03em; }
.mt-table tbody th { color: var(--text-muted); font-weight: 500; font-size: .8rem; }
.mt-table tr:last-child th, .mt-table tr:last-child td { border-bottom: 0; }
.mt-common { margin: .8rem 0 0; font-size: .86rem; color: var(--text-soft); line-height: 1.6; text-align: center; }
.mt-common b { color: var(--cream); }
.mt-common span { display: inline-block; margin: .15rem .15rem; padding: .15rem .55rem; border-radius: 999px; border: 1px solid rgba(212,165,74,.35); color: var(--gold); font-size: .8rem; }
.mt-common small { color: var(--text-muted); font-size: .8rem; }

.mt-loves { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.mt-love { border: 1px solid rgba(212,165,74,.18); border-radius: 12px; padding: .85rem .95rem; background: rgba(17,11,36,.55); min-width: 0; }
.mt-love h4 { margin: 0 0 .5rem; font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 500; color: var(--gold); }
.mt-love p { margin: 0 0 .5rem; font-size: .85rem; line-height: 1.5; color: var(--text-soft); display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: .5rem; }
.mt-love p:last-child { margin-bottom: 0; }
.mt-love b { color: var(--cream); font-weight: 600; }
.mt-love__n { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; line-height: 1; color: var(--gold); text-align: center; }

/* Год */
.mt-years { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.mt-year { border: 1px solid rgba(212,165,74,.2); border-radius: 14px; padding: 1rem 1rem .9rem; background: rgba(17,11,36,.6); min-width: 0; }
.mt-year--now { border-color: rgba(212,165,74,.55); box-shadow: 0 10px 30px rgba(212,165,74,.08); }
.mt-year__y { font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); }
.mt-year__top { display: flex; align-items: baseline; gap: .6rem; margin: .2rem 0 .35rem; }
.mt-year__n { font-family: 'Cormorant Garamond', serif; font-size: 2.6rem; line-height: 1; color: var(--gold); }
.mt-year__nm { font-size: 1rem; color: var(--cream); font-weight: 600; }
.mt-year__th { margin: 0 0 .6rem; font-size: .9rem; color: var(--text-light); line-height: 1.5; }
.mt-year dl { margin: 0; display: grid; gap: .45rem; }
.mt-year dt { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); }
.mt-year dd { margin: 0; font-size: .84rem; line-height: 1.5; color: var(--text-soft); }
.mt-agebox .mx-age__note { display: block; margin-top: .35rem; line-height: 1.5; }

.mt-months { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.mt-month { border: 1px solid rgba(212,165,74,.14); border-radius: 12px; padding: .65rem .75rem; background: rgba(17,11,36,.5); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .05rem .55rem; align-items: baseline; min-width: 0; }
.mt-month--now { border-color: rgba(212,165,74,.5); }
.mt-month__l { grid-column: 1 / -1; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.mt-month__n { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; line-height: 1.05; color: var(--gold); }
.mt-month__nm { font-size: .85rem; color: var(--cream); font-weight: 600; }
.mt-month__t { grid-column: 1 / -1; font-size: .78rem; line-height: 1.4; color: var(--text-soft); }

/* Мост и кнопки */
.mt-bridge { margin-top: 1.4rem; }
.mt-bridge__p { margin: 0 0 .2rem; font-size: .9rem; line-height: 1.55; color: var(--text-soft); }
.mt-bridge__go { display: flex; flex-wrap: wrap; gap: .6rem; margin: .9rem 0 0; }
.mt-page .mt-go { display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .75rem 1.3rem; border-radius: 10px; border: 0; cursor: pointer;
  font: inherit; font-size: .92rem; font-weight: 700; letter-spacing: .02em; text-align: center;
  background: linear-gradient(135deg, var(--gold), var(--gold-light)); color: #080510 !important; -webkit-text-fill-color: #080510 !important; }
.mt-page .mt-go:disabled { opacity: .6; cursor: default; }
.mt-page .mt-go--ghost { background: none; border: 1px solid rgba(212,165,74,.5); color: var(--cream) !important; -webkit-text-fill-color: var(--cream) !important; font-weight: 600; }
.mt-need { margin: 1rem 0 0; padding: .9rem .9rem 1rem; border-radius: 12px; border: 1px dashed rgba(212,165,74,.4); }
.mt-need__t { margin: 0 0 .6rem; font-size: .86rem; color: var(--cream); line-height: 1.5; }
.mt-need__row { display: flex; gap: .6rem; align-items: flex-end; margin: 0 0 .8rem; flex-wrap: wrap; }
.mt-need__row > .form-group { flex: 1 1 160px; margin: 0; }
.mt-need__row > #grp-need-gender { flex: 0 0 104px; }
.mt-need .form-input { width: 100%; padding: .65rem .8rem; font-size: .9rem; background: rgba(255,255,255,.04); border: 1px solid rgba(212,165,74,.2); border-radius: 6px; color: var(--cream); font-family: 'Nunito Sans', sans-serif; }
.mt-need .form-label { display: block; font-size: .62rem; color: var(--text-muted); margin-bottom: .2rem; letter-spacing: .05em; text-transform: uppercase; }

/* SEO-блок: вопросы */
.mt-page .nq-seo .faq-item h3 { font-size: 1.02rem; color: var(--cream); margin: 1rem 0 .3rem; font-weight: 600; }
.mt-page .nq-seo .seo-block h3 { font-size: 1.02rem; color: var(--cream); font-weight: 600; }
.mt-page .nq-seo .mt-ex { font-variant-numeric: tabular-nums; }

@media (max-width: 640px) {
  .mt-tiles4 { grid-template-columns: 1fr; }
  .mt-pair-more, .mt-loves, .mt-years { grid-template-columns: 1fr; }
  .mt-months { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mt-table { font-size: .8rem; }
  .mt-table th, .mt-table td { padding: .5rem .4rem; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
  .mt-table col.mt-c1 { width: 25%; }
  .mt-table tbody th { font-size: .72rem; }
  .mt-bridge__go .mt-go { flex: 1 1 100%; }
  .mx-h2 { font-size: 1.6rem; }
}
@media (max-width: 360px) { .mt-months { grid-template-columns: 1fr; } }