/* /models price page: single reading column built on the docs v2 styles. */
.dx.dx-models{display:block}
.dx-models .dx-main{max-width:1080px;margin:0 auto;padding:44px 32px 96px}
.dx-models .dx-inner{max-width:none}
.dx-models section{margin-top:44px;scroll-margin-top:calc(var(--public-subnav-height,56px) + 16px)}
.dx-models h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.dx-models h2 small{font-size:14px;font-weight:500;color:var(--muted)}
.dx-models h3{margin:26px 0 8px;font-size:18px}
.mp-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0}
.mp-toc a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:14px;text-decoration:none;background:#fff}
.mp-toc a:hover{border-color:#c9d3ff;color:var(--brand)}
.mp-toc .mp-cta{margin-left:auto;background:var(--brand);border-color:var(--brand);font-weight:600}
html.public-light-background .dx.dx-models .mp-toc a.mp-cta{color:#fff!important}
.mp-toc .mp-cta:hover{background:#3149d6}
.mp-table table{min-width:720px}
.mp-table th[scope=row]{background:#fff;font-weight:400;white-space:normal;min-width:220px;padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
html.public-light-background .dx.dx.dx-models .mp-table th[scope=row] code{display:block;font:600 14px/1.5 var(--mono)!important;color:var(--ink);background:none!important;border:0!important;padding:0!important;border-radius:0}
.mp-table th[scope=row] span{display:block;margin-top:2px;font-size:13px;line-height:1.6;color:var(--muted)}
.mp-table th[scope=row] em{display:inline-block;margin-top:6px;padding:1px 8px;border-radius:6px;background:var(--brand-soft);color:#3f56cf;font-size:12px;font-style:normal}
.mp-table th[scope=row]:target{background:#fffbe6}
.mp-table td{white-space:nowrap;font-variant-numeric:tabular-nums}
.mp-table td b{display:block;color:var(--brand);font-weight:600;font-size:15px}
.mp-table td s{display:block;margin-top:2px;color:#9aa3b5;font-size:12.5px;text-decoration-color:#bcc3d1}
.mp-table td i{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;font-style:normal}
.mp-table td .mp-free{color:#16816a}
.mp-table td.mp-tier{color:var(--muted);font-size:14px}
.mp-table td.mp-na{color:#b3bac7}
.mp-foot{margin:10px 0 0;font-size:13.5px;line-height:1.75;color:var(--muted)!important}
.mp-foot code{font-size:12.5px}
@media(max-width:767px){
  .dx-models .dx-main{padding:26px 16px 72px}
  .mp-toc .mp-cta{margin-left:0}
  /* Phones: one card per model, prices as labelled cells instead of a wide scrolling table. */
  .dx-models .mp-table{border:0;border-radius:0;overflow:visible}
  .dx-models .mp-table table{min-width:0;display:block}
  .dx-models .mp-table thead{display:none}
  .dx-models .mp-table tbody{display:block}
  .dx-models .mp-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;margin:0 0 12px;padding:2px 16px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .dx-models .mp-table tr.mp-first{margin-bottom:0;border-bottom:0;border-radius:12px 12px 0 0}
  .dx-models .mp-table tr.mp-cont{border-top:1px dashed var(--line);border-radius:0 0 12px 12px}
  .dx-models .mp-table th[scope=row]{grid-column:1/-1;min-width:0;padding:14px 0 6px;border:0}
  .dx-models .mp-table td{border:0;padding:8px 0 0;white-space:normal}
  .dx-models .mp-table td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12px;color:var(--muted)}
  .dx-models .mp-table td.mp-tier{grid-column:1/-1;padding-top:10px;font-weight:600;color:var(--ink)}
  .dx-models .mp-table td.mp-tier::before{display:none}
}
