.mkk-process-page .page-hero { padding-block: 44px 34px; }
.mkk-process-page .page-hero h1 { font-size: clamp(2.4rem, 4.3vw, 3.8rem); }
.mkk-process-page .page-hero .eyebrow { margin-bottom: 16px; }
.mkk-process-page .mkk-process-section {
  width: min(1280px, calc(100% - 48px));
  padding-block: 40px 64px;
}
.mkkpc { --mkk-visible: 3; --mkk-gap: 24px; color: #182c39; }
.mkkpc *, .mkkpc *::before, .mkkpc *::after { box-sizing: border-box; }
.mkkpc-stage { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 16px; }
.mkkpc.is-ready .mkkpc-stage { grid-template-columns: 48px minmax(0, 1fr) 48px; }
.mkkpc-viewport {
  min-width: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding: 2px 0 8px;
}
.mkkpc-viewport::-webkit-scrollbar { display: none; }
.mkkpc .mkkpc-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--mkk-visible) - 1) * var(--mkk-gap)) / var(--mkk-visible));
  align-items: stretch;
  gap: var(--mkk-gap);
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.mkkpc .mkkpc-card {
  min-width: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #d6dfe3;
  border-radius: 4px;
  box-shadow: 0 3px 5px #112c3d08;
  overflow: hidden;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
}
.mkkpc .mkkpc-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0;
  padding: 0;
}
.mkkpc-card-copy { flex: 1; padding: 24px 24px 28px; min-height: 224px; }
.mkkpc .mkkpc-number {
  color: #805c25;
  font: 700 .9rem/1.4 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0 0 12px;
}
.mkkpc h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.5rem, 2.2vw, 1.8rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -.025em;
  margin: 0 0 15px;
  overflow-wrap: break-word;
}
.mkkpc .mkkpc-description { color: #52636e; font-size: 1rem; line-height: 1.65; margin: 0; }
.mkkpc button.mkkpc-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid #d9b56d;
  border-radius: 50%;
  padding: 0;
  background: #d9b56d;
  color: #112c3d;
  cursor: pointer;
  box-shadow: none;
}
.mkkpc button.mkkpc-arrow:hover:not(:disabled) { background: #e8c889; border-color: #e8c889; }
.mkkpc button.mkkpc-arrow:disabled { background: #f3f6f7; color: #8c989f; border-color: #d6dfe3; cursor: default; }
.mkkpc-prev svg { transform: rotate(180deg); }
.mkkpc-arrow[hidden] { display: none !important; }
.mkkpc-arrow:focus-visible, .mkkpc-viewport:focus-visible { outline: 3px solid #805c25; outline-offset: 4px; }
.mkkpc-footer { text-align: center; padding-top: 16px; }
.mkkpc-status { font: 400 .9rem/1.5 Arial, Helvetica, sans-serif; color: #52636e; }
.mkk-process-section .mkkpc-timing { max-width: 780px; text-align: center; margin: 24px auto 0; font-size: 1rem; line-height: 1.65; color: #52636e; }
@media (max-width: 1000px) {
  .mkkpc { --mkk-visible: 2; --mkk-gap: 20px; }
  .mkkpc-stage { gap: 12px; }
}
@media (max-width: 640px) {
  .mkkpc { --mkk-visible: 1; --mkk-gap: 16px; }
  .mkk-process-page .page-hero { padding-block: 34px 28px; }
  .mkk-process-page .mkk-process-section { width: calc(100% - 24px); padding-block: 26px 46px; }
  .mkkpc.is-ready .mkkpc-stage { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 6px; }
  .mkkpc button.mkkpc-arrow { width: 36px; height: 48px; border-radius: 20px; }
  .mkkpc-card-copy { padding: 20px 18px 24px; min-height: 240px; }
  .mkkpc h2 { font-size: 1.55rem; }
  .mkkpc .mkkpc-description { font-size: 1rem; }
  .mkkpc-footer { padding-top: 12px; }
}
@media print {
  .mkkpc.is-ready .mkkpc-stage { display: block; }
  .mkkpc .mkkpc-arrow, .mkkpc-footer { display: none; }
  .mkkpc-viewport { overflow: visible; }
  .mkkpc .mkkpc-track { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; }
  .mkkpc .mkkpc-card { break-inside: avoid; }
}

.mkkpc-native .mkkpc-card > .wp-block-image { margin:0; }
.mkkpc-native .mkkpc-card > .wp-block-image img { display:block;width:100%;aspect-ratio:4/3;object-fit:cover;height:auto; }
.mkkpc-native .mkkpc-card-copy > * { max-width:none; }
.editor-styles-wrapper .mkkpc-native .mkkpc-track { display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto; }
.editor-styles-wrapper .mkkpc-native .mkkpc-card { margin:0; }
@media(max-width:640px){.editor-styles-wrapper .mkkpc-native .mkkpc-track{grid-template-columns:1fr;}}