/* Kodros /pricing (owner order 2026-11-03): no listed prices. What Kodros does, the computed sizing table with an
   optional estimator (assets/mesh/pages/sizing.js), a short FAQ and the quote close. Page-scoped; no other page loads it. */

.mk-price-head{text-align:center}
.mk-price-head .page-head__title,.mk-price-head .page-head__lede{margin-inline:auto}
.mk-price-head .page-head__title{max-width:15em}

/* What Kodros does: white cards on hairlines, three across on wide screens. */
.mk-does{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin:0;padding:0;list-style:none}
.mk-does__item{display:flex;flex-direction:column;gap:var(--s-3);padding:clamp(20px,2.2vw,28px);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);background:var(--mk-card)}
.mk-does__item h3{margin:0;padding-bottom:var(--s-3);border-bottom:1px solid var(--mk-gold-soft);font:600 var(--t-xl)/1.2 var(--mk-serif)}
.mk-does__item p{margin:0;font:400 var(--t-sm)/1.6 var(--font-ui);color:var(--mk-ink-2)}
.mk-does__note{max-width:46em;margin:var(--s-8) 0 0;font:400 var(--t-md)/1.6 var(--font-ui);color:var(--mk-ink-2)}
@media (max-width:1023px){.mk-does{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.mk-does{grid-template-columns:1fr}}

/* Sizing table. Below 640px each row stacks as a card and every cell shows its column name (data-label). */
.mk-size-wrap{margin:0;border:1px solid var(--mk-line);border-radius:var(--mk-r-card);background:var(--mk-card);overflow:hidden}
.mk-size{width:100%;border-collapse:collapse;font:400 var(--t-sm)/1.45 var(--font-ui);font-variant-numeric:tabular-nums}
.mk-size caption{caption-side:bottom;padding:var(--s-3) var(--s-4);border-top:1px solid var(--mk-line);font:400 var(--t-xs)/1.5 var(--font-ui);color:var(--mk-muted);text-align:left}
.mk-size th,.mk-size td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--mk-line);text-align:left;vertical-align:top}
.mk-size thead th{font:600 var(--t-2xs)/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted);background:var(--mk-paper-2)}
.mk-size tbody th{font-weight:600;color:var(--mk-ink);white-space:nowrap}
.mk-size tbody tr:last-child th,.mk-size tbody tr:last-child td{border-bottom:0}
.mk-size td[data-label="Total VRAM"]{font-weight:600;color:var(--mk-ink)}
.mk-size__assume{max-width:52em;margin:var(--s-4) 0 0;font:400 var(--t-xs)/1.6 var(--font-ui);color:var(--mk-muted)}
@media (max-width:639px){
  .mk-size-wrap{border:0;background:none;overflow:visible}
  .mk-size,.mk-size caption,.mk-size tbody,.mk-size tr,.mk-size th,.mk-size td{display:block;width:auto}
  .mk-size{display:flex;flex-direction:column}
  .mk-size caption{order:2;padding:var(--s-3) 0 0;border:0}
  .mk-size tbody{order:1}
  .mk-size thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .mk-size tbody tr{margin-bottom:var(--s-3);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);background:var(--mk-card);overflow:hidden}
  .mk-size tbody th{padding:var(--s-3) var(--s-4);background:var(--mk-paper-2);border-bottom:1px solid var(--mk-line)}
  .mk-size tbody th::before{content:"Staff ";font-weight:400;color:var(--mk-muted)}
  .mk-size td{padding:var(--s-2) var(--s-4) 0;border:0}
  .mk-size td:last-child{padding-bottom:var(--s-4)}
  .mk-size td::before{content:attr(data-label);display:block;font:600 var(--t-2xs)/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted)}
  .mk-size tbody tr:last-child th{border-bottom:1px solid var(--mk-line)}
}

/* Estimator: shown only when sizing.js runs. */
.mk-est{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--s-4) var(--s-8);align-items:start;margin:var(--s-10) 0 0;padding:clamp(20px,2.4vw,32px);border:1px solid var(--mk-gold-soft);border-radius:var(--mk-r-card);background:var(--mk-card)}
.mk-est[hidden]{display:none}
.mk-est__title{grid-column:1 / -1;margin:0;font:600 var(--t-xl)/1.2 var(--mk-serif)}
.mk-est__field{margin:0}
.mk-est__out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin:0}
.mk-est__out div{padding-left:var(--s-4);border-left:2px solid var(--mk-gold-soft)}
.mk-est__out dt{font:600 var(--t-2xs)/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted)}
.mk-est__out dd{margin:var(--s-1) 0 0;font:500 var(--t-md)/1.4 var(--font-ui);color:var(--mk-ink);font-variant-numeric:tabular-nums}
.mk-est__note{grid-column:1 / -1;margin:0;font:400 var(--t-xs)/1.5 var(--font-ui);color:var(--mk-muted)}
@media (max-width:699px){.mk-est{grid-template-columns:1fr}.mk-est__out{grid-template-columns:1fr}}

.mk-price-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,5vw,80px);align-items:start}
.mk-price-faq .faq{max-width:none}
.mk-price-faq .faq details{background:var(--mk-card)}
.mk-price-faq .faq summary{padding-left:var(--s-5)}
.mk-price-faq .faq details > div{padding:0 var(--s-5) var(--s-6)}
@media (max-width:899px){.mk-price-faq{grid-template-columns:1fr}}

.mk-price-close{border-top:1px solid var(--mk-line);text-align:center}
.mk-price-close .close__title,.mk-price-close .close__line{margin-inline:auto}
.mk-price-close .actions{justify-content:center}