/* ============================================================
   Eminent Tax · pricing.css
   /pricing/ only: the single-service links and the plan-by-plan dropdown.
   Load after site.css, plans.css and inner.css.
   ============================================================ */

.mtx{margin-top:56px}
.mtx.flush{margin-top:0}
.mtx table{width:100%;min-width:680px;border-collapse:collapse;font-size:0.9375rem}
.mtx th,.mtx td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
.mtx tr:last-child th,.mtx tr:last-child td{border-bottom:0}
.mtx thead th{font-family:var(--display);font-size:1.1875rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;background:var(--soft);text-align:center}
.mtx tbody th{text-align:left;font-weight:500;color:var(--ink)}
.mtx td{width:15%;text-align:center;color:var(--ink)}
.mtx .us{background:var(--coral-50)}
.mtx thead th.us{background:var(--coral-100)}
.mtx .start td{font-family:var(--display);font-weight:700;font-size:1.1875rem;letter-spacing:-.02em}
.mtx .start th{font-weight:600}
.mtx .start small{font-family:var(--text);font-size:0.8125rem;font-weight:500;letter-spacing:0;color:var(--muted)}
.mtx tbody tr{transition:background-color .2s}
@media (hover:hover){.mtx tbody tr:hover{background:#FCFBFA}}
.yes,.no{display:inline-block;vertical-align:middle}
.yes{width:24px;height:24px;border-radius:50%;background:var(--coral-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.6L13 6.5' fill='none' stroke='%23C2341C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat}
.us .yes{background-color:#fff}
.no{width:14px;height:2px;border-radius:2px;background:#C9C2BB}

@media (max-width:767px){
  .mtx table{min-width:0}
  .mtx thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mtx tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:14px 12px;border-bottom:1px solid var(--line)}
  .mtx tbody tr:last-child{border-bottom:0}
  .mtx tbody th{grid-column:1/-1;padding:0 4px 6px;border:0;font-weight:600;font-size:0.9375rem}
  .mtx td{display:grid;justify-items:center;align-content:start;gap:6px;width:auto;min-height:56px;padding:8px 2px;border:0;border-radius:10px;font-size:0.875rem}
  .mtx td::before{content:attr(data-label);font-family:var(--text);font-size:0.7188rem;font-weight:600;letter-spacing:0;color:var(--muted)}
  .mtx .start td{font-size:1rem}
  .mtx .start small{display:block;font-size:0.7188rem}
}

/* Monthly: one service on its own, then the line-by-line table tucked in a dropdown */
.solo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;margin:22px 0 0;font-weight:600;color:var(--ink)}
.solo a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:0.9063rem;color:var(--ink);transition:border-color .2s,color .2s}
@media (hover:hover){.solo a:hover{border-color:var(--coral);color:var(--coral-deep)}}




.mtx-more .mtx{padding:18px}
@media (max-width:767px){
  .solo{justify-content:flex-start}

  .mtx-more .mtx{padding:10px}
}


/* One-off cards play in each time a button is pressed */
@media (prefers-reduced-motion:no-preference){
  .js .pj:not(.live) .job{opacity:0}
  .pj.live .jp:not([hidden]) .job{animation:pjIn .55s var(--ease) both}
  .pj.live .jp:not([hidden]) .job:nth-child(2){animation-delay:.09s}
  .pj.live .jp:not([hidden]) .job:nth-child(3){animation-delay:.18s}
}
@keyframes pjIn{from{opacity:0;transform:translate3d(0,18px,0)}}