.mk-price-guide { margin-block: var(--mk-space); color: var(--mk-ink); }
.mk-price-heading { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(1.5rem,4vw,4rem); align-items: start; }
.mk-price-heading h2 { font-size: clamp(2rem,3.5vw,3.5rem); line-height: 1.1; max-width: 16ch; }
.mk-price-heading p, .mk-price-guide-summary p { max-width: 68ch; }
.mk-price-edition { font-size: .875rem; padding-block-start: .75rem; border-block-start: 1px solid var(--mk-line); }
.mk-price-guide [hidden] { display: none !important; }
.mk-price-guide label { display: block; font-size: .875rem; font-weight: 600; min-width: 0; }
.mk-price-guide input, .mk-price-guide select { display: block; width: 100%; min-width: 0; min-height: 48px; border: 1px solid #b7bfbe; background: #fff; border-radius: 3px; padding: .75rem; margin-block-start: .5rem; color: var(--mk-ink); font: inherit; }
.mk-price-guide select { padding-inline-end: 2rem; }
.mk-price-guide input[type="number"] { direction: ltr; text-align: start; }
.mk-price-guide input:focus-visible, .mk-price-guide select:focus-visible, .mk-price-guide button:focus-visible, .mk-price-guide a:focus-visible, .mk-price-group > summary:focus-visible { outline: 2px solid var(--mk-ink); outline-offset: 3px; }
.mk-price-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1.25rem; margin-block: 2rem 1rem; }
.mk-price-toolbar label { width: min(100%,12rem); }
.mk-price-toolbar p { font-size: .875rem; margin: 0 0 .75rem; }
.mk-price-configurations { list-style: none; margin: 0 0 2.5rem; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid var(--mk-line); }
.mk-price-configurations li { min-width: 0; padding: 1.5rem 1.25rem; border-inline-end: 1px solid var(--mk-line); scroll-margin-block-start: 2rem; }
.mk-price-configurations li:first-child { padding-inline-start: 0; }
.mk-price-configurations li:last-child { border-inline-end: 0; }
.mk-price-configurations h3 { font-size: 1.1rem; line-height: 1.45; margin-block: 0 1.5rem; min-height: 3em; }
.mk-price-base-value { display: flex; flex-wrap: wrap; gap: .35rem .75rem; }
.mk-price-base-value span:first-child { width: 100%; font-size: clamp(1.5rem,2vw,2rem); font-weight: 600; }
.mk-price-base-value span:last-child { color: #465250; font-size: 1rem; }
.mk-price-configurations .mk-link { display: inline-flex; align-items: center; min-height: 44px; }
.mk-price-workbench { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,.75fr); gap: clamp(1.25rem,3vw,3rem); align-items: start; padding: clamp(1.25rem,3vw,3rem); background: var(--mk-chalk); }
.mk-price-workbench form, .mk-price-workbench fieldset { min-width: 0; }
.mk-price-workbench fieldset { border: 0; margin: 0; padding: 0; }
.mk-price-workbench legend { font-size: clamp(1.3rem,2vw,1.75rem); font-weight: 600; padding: 0; margin-block-end: .75rem; }
.mk-price-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; margin-block: 1.5rem; }
.mk-price-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-block-start: 1.5rem; }
.mk-price-form-actions button { min-height: 48px; cursor: pointer; font: inherit; }
.mk-price-sample { background: transparent; color: var(--mk-ink); border: 0; border-block-end: 1px solid var(--mk-ink); padding: .625rem 0; }
.mk-price-estimate { min-width: 0; color: #f6f7f5; background: #222a29; padding: clamp(1.25rem,2vw,2rem); border-radius: 3px; position: sticky; top: 1rem; }
.mk-price-estimate h3 { margin-block: .5rem 1.5rem; font-size: 1.5rem; line-height: 1.2; }
.mk-price-estimate .mk-eyebrow, .mk-price-estimate .mk-note { color: #d3dbd7; }
.mk-price-estimate dl, .mk-price-estimate dd { margin: 0; }
.mk-price-estimate dl > div { padding-block: 1rem; border-block-start: 1px solid #50605b; }
.mk-price-estimate dt { font-size: .8125rem; color: #d3dbd7; }
.mk-price-estimate dd { display: flex; flex-direction: column; gap: .5rem; font-size: clamp(1.1rem,1.8vw,1.5rem); font-weight: 600; margin-block-start: .75rem; overflow-wrap: anywhere; }
.mk-price-estimate [data-price-result] { font-size: .875rem; line-height: 1.6; }
.mk-price-notice { color: #513811; background: #f2e6d4; padding: 1rem; border: 1px solid #b39469; }
.mk-price-library { margin-block: clamp(2.5rem,5vw,5rem); }
.mk-price-library h3, .mk-price-terms-area h3 { font-size: clamp(1.6rem,2.4vw,2.25rem); }
.mk-price-library-controls { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 1rem; margin-block: 1.5rem; }
.mk-price-group { border-block-start: 1px solid var(--mk-line); padding-block: .75rem; }
.mk-price-group > summary { min-height: 44px; cursor: pointer; font-size: 1.15rem; font-weight: 600; padding-block: .5rem; }
.mk-price-group > summary span { font-size: .875rem; font-weight: 400; margin-inline-start: .5rem; color: #465250; }
.mk-price-table-wrap { overflow-x: auto; overscroll-behavior-inline: contain; margin-block: .75rem; }
.mk-price-table { width: 100%; min-width: 38rem; border-collapse: collapse; font-size: .875rem; line-height: 1.55; }
.mk-price-table th, .mk-price-table td { padding: .875rem .75rem; border-block-end: 1px solid var(--mk-line); text-align: start; vertical-align: top; }
.mk-price-table thead th { color: #465250; font-weight: 600; background: var(--mk-chalk); }
.mk-price-table tbody th { width: 36%; font-weight: 600; }
.mk-price-table small { display: block; font-weight: 400; margin-block-start: .25rem; }
.mk-price-table bdi { white-space: nowrap; font-variant-numeric: tabular-nums; }
.mk-price-guide p, .mk-price-guide h2, .mk-price-guide h3, .mk-price-guide label, .mk-price-terms dd { overflow-wrap: anywhere; }
.mk-price-terms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 2rem; }
.mk-price-terms > div { padding-block: 1.25rem; border-block-start: 1px solid var(--mk-line); min-width: 0; }
.mk-price-terms dt { font-size: .875rem; font-weight: 600; margin-block-end: .5rem; }
.mk-price-terms dd { margin: 0; line-height: 1.65; font-size: .9375rem; }
.mk-price-guide-summary { display: grid; grid-template-columns: minmax(0,.45fr) minmax(0,1fr); gap: clamp(1.5rem,4vw,3rem); align-items: center; background: var(--mk-chalk); padding: clamp(1.25rem,3vw,2.5rem); margin-block: 2rem var(--mk-space); }
.mk-price-guide-summary figure { margin: 0; max-width: 16rem; }
.mk-price-guide-summary img { display: block; width: 100%; height: auto; box-shadow: 0 8px 24px #222a2914; }
.mk-pricing-context { margin-block: 1.5rem; padding: clamp(1rem,3vw,2rem); background: var(--mk-chalk); border: 1px solid var(--mk-line); }
.mk-pricing-context dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.mk-pricing-context dd { margin: .375rem 0 0; overflow-wrap: anywhere; }
.mk-pricing-context pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.mk-price-home { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.5rem; align-items: center; padding-block: 2rem; margin-block: 0 var(--mk-space); border-block: 1px solid var(--mk-line); }
.mk-price-home h2 { font-size: clamp(1.5rem,3vw,2rem); margin-block: .5rem; }
.mk-price-home p { overflow-wrap: anywhere; }
@media (max-width: 640px) { .mk-price-home { grid-template-columns: minmax(0,1fr); } .mk-price-home .mk-actions { margin-block: 0; } }
@media (max-width: 960px) { .mk-price-workbench { grid-template-columns: minmax(0,1fr); } .mk-price-estimate { position: static; } .mk-price-configurations { grid-template-columns: repeat(2,minmax(0,1fr)); } .mk-price-configurations li:nth-child(2) { border-inline-end: 0; } .mk-price-configurations li:nth-child(n+3) { border-block-start: 1px solid var(--mk-line); } .mk-price-configurations li:first-child { padding-inline-start: 1.25rem; } }
@media (max-width: 640px) { .mk-price-heading, .mk-price-fields, .mk-price-library-controls, .mk-price-terms, .mk-price-guide-summary, .mk-pricing-context dl { grid-template-columns: minmax(0,1fr); } .mk-price-heading h2 { max-width: 22ch; } .mk-price-toolbar { align-items: start; flex-direction: column; } .mk-price-toolbar label { width: 100%; } .mk-price-configurations h3 { min-height: 0; } .mk-price-configurations li { padding: 1.25rem .875rem; } .mk-price-configurations li:first-child { padding-inline-start: .875rem; } .mk-price-base-value span:first-child { font-size: 1.35rem; } .mk-price-guide-summary figure { max-width: 11rem; } .mk-price-form-actions { align-items: stretch; flex-direction: column; } .mk-price-workbench { padding: 1rem; } }
@media print { .mk-price-library-controls, .mk-price-toolbar, .mk-price-workbench { display: none; } .mk-price-group { display: block; } .mk-price-table-wrap { overflow: visible; } }