/* [project]/packages/design-system/src/reference/kmk-live-tokens.css [app-client] (css) */
:root {
  --kmk-color-navy-900: #081d30;
  --kmk-color-navy-800: #0d2b45;
  --kmk-color-blue-700: #174fab;
  --kmk-color-blue-600: #1e5fd2;
  --kmk-color-sky-500: #3db7e4;
  --kmk-color-orange-500: #ff9f00;
  --kmk-color-page: #fff;
  --kmk-color-surface: #fff;
  --kmk-color-surface-alt: #f5f8fb;
  --kmk-color-border: #dce6ef;
  --kmk-color-border-soft: #eaf0f6;
  --kmk-color-glass: #ffffffd6;
  --kmk-color-blueprint: #1e5fd20b;
  --kmk-color-heading: var(--kmk-color-navy-800);
  --kmk-color-ink: #14293d;
  --kmk-color-text: #33495f;
  --kmk-color-muted: #5b7186;
  --kmk-color-link: var(--kmk-color-blue-600);
  --kmk-font-body: Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --kmk-font-heading: "Schibsted Grotesk",Inter,system-ui,sans-serif;
  --kmk-text-xs: 12px;
  --kmk-text-sm: 14px;
  --kmk-text-md: 16px;
  --kmk-text-lg: 18px;
  --kmk-text-xl: 22px;
  --kmk-text-h3: clamp(24px,2.1vw,32px);
  --kmk-text-h2: clamp(30px,3vw,44px);
  --kmk-text-h1: clamp(48px,5.6vw,78px);
  --kmk-wrap: 1180px;
  --kmk-gutter: 22px;
  --kmk-section-y: 84px;
  --kmk-grid-gap: 16px;
  --kmk-space-1: 4px;
  --kmk-space-2: 8px;
  --kmk-space-3: 12px;
  --kmk-space-4: 16px;
  --kmk-space-5: 24px;
  --kmk-space-6: 32px;
  --kmk-space-7: 48px;
  --kmk-space-8: 64px;
  --kmk-space-9: 84px;
  --kmk-radius-xs: 8px;
  --kmk-radius-sm: 10px;
  --kmk-radius-md: 14px;
  --kmk-radius-lg: 22px;
  --kmk-radius-pill: 999px;
  --kmk-shadow-sm: 0 6px 20px #0d2b4509;
  --kmk-shadow-md: 0 10px 30px #0d2b4512;
  --kmk-shadow-lg: 0 18px 48px #0d2b4518;
  --kmk-ease: cubic-bezier(.2,.7,.2,1);
  --kmk-duration-fast: .15s;
  --kmk-duration-normal: .26s;
  --kmk-z-header: 50;
  --kmk-z-overlay: 100;
  --kmk-z-modal: 200;
}

/* [project]/packages/design-system/src/app-family.css [app-client] (css) */
.kmk-app-shell {
  min-width: 0;
}

.kmk-app-kicker {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--kmk-color-muted);
  font-size: .72rem;
  font-weight: 850;
}

.kmk-app-primary {
  appearance: none;
  background: var(--kmk-color-orange-500, #ef7a22);
  min-height: 52px;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
  color: #fff !important;
}

.kmk-app-primary:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.kmk-app-panel {
  background: var(--kmk-color-surface, #fff);
  border: 1px solid var(--kmk-color-border-soft);
  border-radius: 26px;
  min-width: 0;
  padding: clamp(20px, 5vw, 34px);
  box-shadow: 0 12px 40px #0d2b4512;
}

.kmk-app-step-header {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  display: grid;
}

.kmk-app-step-header > button {
  border: 1px solid var(--kmk-color-border);
  width: 44px;
  height: 44px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  font-size: 1.25rem;
}

.kmk-app-step-header > div > span {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--kmk-color-muted);
  font-size: .72rem;
  font-weight: 850;
}

.kmk-app-step-header > strong {
  color: var(--kmk-color-muted);
  font-size: .8rem;
}

.kmk-app-progress {
  background: #e7edf2;
  border-radius: 99px;
  height: 6px;
  margin-top: 5px;
  overflow: hidden;
}

.kmk-app-progress > i, .kmk-app-progress > span {
  background: linear-gradient(90deg,var(--kmk-color-blue-600),#4c8ddd);
  border-radius: inherit;
  height: 100%;
  transition: width var(--kmk-duration-fast, .2s) var(--kmk-ease, ease);
  display: block;
}

.kmk-app-option-list {
  gap: 10px;
  display: grid;
}

.kmk-app-option {
  text-align: left;
  width: 100%;
  min-height: 68px;
  font: inherit;
  cursor: pointer;
  transition: border-color var(--kmk-duration-fast, .2s) var(--kmk-ease, ease),transform var(--kmk-duration-fast, .2s) var(--kmk-ease, ease),background var(--kmk-duration-fast, .2s) var(--kmk-ease, ease);
  background: #fff;
  border: 1px solid #dbe5ed;
  border-radius: 16px;
  grid-template-columns: 44px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: grid;
}

.kmk-app-option:hover {
  border-color: #8cb1d6;
  transform: translateY(-1px);
}

.kmk-app-option.active, .kmk-app-option[aria-pressed="true"] {
  border-color: var(--kmk-color-blue-600);
  box-shadow: inset 0 0 0 1px var(--kmk-color-blue-600);
  background: #f1f7ff;
}

.kmk-app-option-icon {
  background: #eff4f7;
  border-radius: 13px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 1.2rem;
  display: grid;
}

.kmk-app-option.active .kmk-app-option-icon, .kmk-app-option[aria-pressed="true"] .kmk-app-option-icon {
  background: #dcecff;
}

.kmk-app-option > span:nth-child(2) {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.kmk-app-option strong {
  color: var(--kmk-color-heading);
  line-height: 1.2;
}

.kmk-app-option small {
  color: var(--kmk-color-muted);
  font-size: .78rem;
}

.kmk-app-option > b {
  color: #6b8294;
  text-align: center;
  font-size: 1.2rem;
}

.kmk-app-option.active > b, .kmk-app-option[aria-pressed="true"] > b {
  color: var(--kmk-color-blue-700);
}

.kmk-app-skip {
  color: var(--kmk-color-muted);
  text-underline-offset: 3px;
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 14px auto 0;
  text-decoration: underline;
  display: block;
}

.kmk-app-footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 2px;
  display: flex;
}

.kmk-app-footer > span {
  color: var(--kmk-color-muted);
  font-size: .78rem;
}

.kmk-app-footer > button:not(.kmk-app-primary) {
  color: var(--kmk-color-blue-700);
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  font-weight: 800;
}

.kmk-app-results-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  margin: 12px 0 22px;
  display: grid;
}

.kmk-app-results-head p {
  color: var(--kmk-color-muted);
  max-width: 720px;
}

.kmk-app-score-ring {
  text-align: center;
  background: #fff;
  border: 10px solid #dcecf7;
  border-radius: 50%;
  place-content: center;
  width: 120px;
  height: 120px;
  display: grid;
}

.kmk-app-score-ring strong {
  color: var(--kmk-color-heading);
  font-size: 1.6rem;
}

.kmk-app-score-ring span {
  color: var(--kmk-color-muted);
  font-size: .65rem;
}

.kmk-app-result-list {
  gap: 10px;
  display: grid;
}

.kmk-app-result-card {
  border: 1px solid var(--kmk-color-border);
  text-align: left;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 18px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.kmk-app-result-card.active, .kmk-app-result-card[aria-pressed="true"] {
  border-color: var(--kmk-color-blue-600);
  box-shadow: 0 10px 30px #145baa1a;
}

.kmk-app-result-rank {
  width: 34px;
  height: 34px;
  color: var(--kmk-color-blue-700);
  background: #eef5fb;
  border-radius: 50%;
  place-items: center;
  font-weight: 850;
  display: grid;
}

.kmk-app-result-score {
  color: var(--kmk-color-heading);
  text-align: center;
  font-size: 1.8rem;
  display: grid;
}

.kmk-app-result-score small {
  text-transform: uppercase;
  font-size: .65rem;
}

.kmk-app-explain {
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  border-radius: 22px;
  margin-top: 18px;
  padding: 22px;
}

.kmk-app-explain-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-app-explain-columns article {
  background: #f8fafb;
  border-radius: 14px;
  padding: 15px;
}

.kmk-app-callout {
  background: var(--kmk-color-heading);
  color: #fff;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 18px;
  display: grid;
}

.kmk-app-callout strong {
  color: #fff;
  font-size: 1.05rem;
  display: block;
}

.kmk-app-callout span {
  color: #c9dbe8;
  margin-top: 4px;
  font-size: .84rem;
  display: block;
}

.kmk-app-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 30px;
  display: flex;
}

.kmk-app-actions > button {
  border: 1px solid var(--kmk-color-border);
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  padding: 8px 12px;
  font-weight: 750;
}

.kmk-app-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.kmk-app-choice-card {
  text-align: left;
  border: 1px solid var(--kmk-color-border);
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 16px;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  display: grid;
}

.kmk-app-choice-card.active, .kmk-app-choice-card[aria-pressed="true"] {
  border-color: var(--kmk-color-orange-500, #ef7a22);
  box-shadow: inset 0 0 0 1px var(--kmk-color-orange-500, #ef7a22);
  background: #fffaf6;
}

@media (max-width: 720px) {
  .kmk-app-shell {
    padding-inline: 12px;
  }

  .kmk-app-panel {
    border-radius: 20px;
  }

  .kmk-app-option {
    min-height: 64px;
    padding: 10px 12px;
  }

  .kmk-app-results-head {
    grid-template-columns: 1fr;
  }

  .kmk-app-score-ring {
    border-width: 8px;
    width: 92px;
    height: 92px;
  }

  .kmk-app-result-card {
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 13px;
  }

  .kmk-app-result-score {
    font-size: 1.45rem;
  }

  .kmk-app-explain-columns, .kmk-app-callout {
    grid-template-columns: 1fr;
  }

  .kmk-app-callout .kmk-app-primary {
    width: 100%;
  }

  .kmk-app-choice-grid {
    grid-template-columns: 1fr;
  }

  .kmk-app-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .kmk-app-actions > button {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .kmk-app-option {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
  }

  .kmk-app-option-icon {
    width: 38px;
    height: 38px;
  }

  .kmk-app-result-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .kmk-app-result-rank {
    display: none;
  }
}

/* [project]/packages/design-system/src/primitives.css [app-client] (css) */
:root {
  --kmk-bg: var(--kmk-color-page);
  --kmk-text: var(--kmk-color-text);
  --kmk-muted: var(--kmk-color-muted);
  --kmk-surface: var(--kmk-color-surface-alt);
  --kmk-surface-strong: #eef4f8;
  --kmk-border: var(--kmk-color-border);
  --kmk-action: var(--kmk-color-blue-600);
  --kmk-action-hover: var(--kmk-color-blue-700);
  --kmk-danger: #b42318;
  --kmk-success: #087443;
  --kmk-warning: #8a5a00;
  --kmk-target: 44px;
}

.kmk-field {
  gap: var(--kmk-space-2);
  margin-block: var(--kmk-space-4);
  display: grid;
}

.kmk-field label {
  color: var(--kmk-color-ink);
  font-weight: 650;
}

.kmk-input, .kmk-select, .kmk-textarea {
  width: 100%;
  min-height: var(--kmk-target);
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-sm);
  font: inherit;
  color: var(--kmk-color-ink);
  background: var(--kmk-color-surface);
  padding: 10px 12px;
}

.kmk-textarea {
  resize: vertical;
  min-height: 120px;
}

.kmk-help {
  font-size: var(--kmk-text-sm);
  color: var(--kmk-color-muted);
}

.kmk-button {
  appearance: none;
  border-radius: var(--kmk-radius-sm);
  min-height: var(--kmk-target);
  font: inherit;
  cursor: pointer;
  background: var(--kmk-color-blue-600);
  color: #fff;
  transition: background var(--kmk-duration-fast) var(--kmk-ease),box-shadow var(--kmk-duration-fast) var(--kmk-ease);
  border: 1px solid #0000;
  padding: 10px 16px;
  font-weight: 700;
}

.kmk-button:hover {
  background: var(--kmk-color-blue-700);
}

.kmk-button.secondary {
  background: var(--kmk-color-surface);
  color: var(--kmk-color-ink);
  border-color: var(--kmk-color-border);
}

.kmk-button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.kmk-alert {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-sm);
  background: var(--kmk-color-surface-alt);
  border-left-width: 5px;
  padding: 12px 14px;
}

.kmk-alert.success {
  border-left-color: var(--kmk-success);
}

.kmk-alert.warning {
  border-left-color: var(--kmk-warning);
}

.kmk-alert.error {
  border-left-color: var(--kmk-danger);
}

.kmk-state {
  align-content: center;
  gap: var(--kmk-space-1);
  border: 1px dashed var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  min-height: 96px;
  padding: var(--kmk-space-4);
  display: grid;
}

.kmk-actions {
  gap: var(--kmk-space-2);
  flex-wrap: wrap;
  display: flex;
}

.kmk-visually-hidden {
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

/* [project]/apps/web/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--kmk-color-page);
}

body {
  min-width: 320px;
  font-family: var(--kmk-font-body);
  font-size: var(--kmk-text-md);
  color: var(--kmk-color-text);
  background: var(--kmk-color-page);
  margin: 0;
  line-height: 1.6;
}

a {
  color: inherit;
}

h1, h2, h3 {
  font-family: var(--kmk-font-heading);
  color: var(--kmk-color-heading);
  letter-spacing: -.025em;
}

.skip {
  z-index: var(--kmk-z-modal);
  border: 2px solid var(--kmk-color-blue-600);
  border-radius: var(--kmk-radius-sm);
  background: #fff;
  padding: 12px;
  position: absolute;
  top: -80px;
  left: 8px;
}

.skip:focus {
  top: 8px;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--kmk-color-blue-600);
  outline-offset: 3px;
}

.wrap {
  max-width: var(--kmk-wrap);
  padding-inline: var(--kmk-gutter);
  margin: 0 auto;
}

.kmk-site-header {
  z-index: var(--kmk-z-header);
  background: var(--kmk-color-glass);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--kmk-color-border-soft);
  position: sticky;
  top: 0;
}

.kmk-header-inner {
  max-width: var(--kmk-wrap);
  min-height: 84px;
  padding: 0 var(--kmk-gutter);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  margin: 0 auto;
  display: grid;
}

.kmk-brand {
  border-radius: var(--kmk-radius-md);
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 92px;
  text-decoration: none;
  display: inline-flex;
}

.kmk-brand img {
  object-fit: contain;
  width: 86px;
  height: 86px;
  display: block;
}

.kmk-primary-nav {
  align-items: center;
  gap: 30px;
  display: flex;
}

.kmk-primary-nav a, .kmk-header-actions a {
  color: var(--kmk-color-ink);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.kmk-primary-nav a:hover {
  color: var(--kmk-color-blue-600);
}

.kmk-header-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.kmk-search-link {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-pill);
  background: #fff;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  color: var(--kmk-color-muted) !important;
}

.kmk-header-cta {
  border-radius: var(--kmk-radius-md);
  background: var(--kmk-color-blue-600);
  min-height: 44px;
  box-shadow: var(--kmk-shadow-sm);
  align-items: center;
  padding: 0 22px;
  display: inline-flex;
  color: #fff !important;
}

.kmk-header-cta:hover {
  background: var(--kmk-color-blue-700);
}

.hero {
  padding: var(--kmk-space-7) 0 var(--kmk-space-6);
}

.eyebrow {
  font-size: var(--kmk-text-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--kmk-color-muted);
  font-weight: 700;
}

.hero h1 {
  font-size: var(--kmk-text-h1);
  max-width: 920px;
  margin: .2em 0;
  line-height: 1.02;
}

.lead {
  max-width: 780px;
  color: var(--kmk-color-muted);
  font-size: clamp(18px, 2.4vw, 22px);
  line-height: 1.6;
}

.grid {
  gap: var(--kmk-grid-gap);
  grid-template-columns: 1fr;
  display: grid;
}

.card {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  padding: var(--kmk-space-5);
  background: var(--kmk-color-surface);
  min-width: 0;
  box-shadow: var(--kmk-shadow-sm);
}

.card h2 {
  margin-top: 0;
}

.journey {
  gap: var(--kmk-space-2);
  scroll-snap-type: x proximity;
  padding: 8px 0 18px;
  display: flex;
  overflow-x: auto;
}

.journey a {
  scroll-snap-align: start;
  white-space: nowrap;
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-pill);
  background: #fff;
  align-items: center;
  min-height: 44px;
  padding: 9px 13px;
  text-decoration: none;
  display: inline-flex;
}

.muted {
  color: var(--kmk-color-muted);
}

.button {
  border-radius: var(--kmk-radius-sm);
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  text-decoration: none;
  display: inline-flex;
}

.button:hover {
  background: var(--kmk-color-surface-alt);
}

.property-page-kmk {
  padding-top: 14px;
  padding-bottom: 64px;
}

.property-kmk-hero {
  border-bottom: 1px solid var(--kmk-color-border-soft);
  margin-bottom: 28px;
  padding: 50px 0 34px;
  position: relative;
}

.property-kmk-hero:before {
  content: "";
  background: var(--kmk-color-orange-500);
  vertical-align: middle;
  border-radius: 99px;
  width: 22px;
  height: 3px;
  margin-right: 10px;
  display: inline-block;
}

.property-kmk-hero .eyebrow {
  letter-spacing: .12em;
  font-size: .78rem;
  font-weight: 800;
  display: inline-block;
}

.property-kmk-hero h1 {
  max-width: 850px;
  margin: .22em 0 .12em;
  font-size: clamp(2.65rem, 6vw, 4.4rem);
  line-height: 1.02;
}

.property-kmk-facts {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
  display: flex;
}

.property-kmk-facts span {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  min-width: 145px;
  box-shadow: var(--kmk-shadow-sm);
  background: #fff;
  flex-direction: column;
  padding: 14px 16px;
  display: flex;
}

.property-kmk-facts strong {
  color: var(--kmk-color-heading);
  font-size: 1.08rem;
}

.property-kmk-facts small, .property-kmk-dl dt, .property-kmk-history small, .property-kmk-sources span, .property-kmk-sources small {
  color: var(--kmk-color-muted);
}

.property-kmk-grid {
  gap: 18px;
  margin-bottom: 36px;
}

.property-kmk-grid .card, .property-kmk-history .card, .property-kmk-sources .card {
  border-color: var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  box-shadow: var(--kmk-shadow-md);
  background: #fff;
}

.property-kmk-dl {
  margin: 0;
}

.property-kmk-dl div {
  border-top: 1px solid var(--kmk-color-border-soft);
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  display: flex;
}

.property-kmk-dl div:first-child {
  border-top: 0;
}

.property-kmk-dl dd {
  text-align: right;
  margin: 0;
  font-weight: 700;
}

.property-kmk-section {
  padding: 30px 0;
}

.property-kmk-section h2 {
  margin: .15em 0 18px;
  font-size: clamp(1.75rem, 4vw, 2.45rem);
}

.property-kmk-history, .property-kmk-sources {
  grid-template-columns: 1fr;
  gap: 12px;
  display: grid;
}

.property-kmk-history .card, .property-kmk-sources .card {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.property-kmk-sources a {
  color: var(--kmk-color-link);
  font-weight: 700;
}

.kmk-property-intro {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  background: linear-gradient(135deg,var(--kmk-color-surface-alt),#f3f7fb);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin: -4px 0 28px;
  padding: 20px 22px;
  display: grid;
}

.kmk-property-intro strong {
  color: var(--kmk-color-heading);
  font-family: var(--kmk-font-heading);
  margin-bottom: 4px;
  font-size: 1.14rem;
  display: block;
}

.kmk-property-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.kmk-property-actions .primary {
  background: var(--kmk-color-blue-600);
  color: #fff;
}

.kmk-property-actions .secondary {
  border: 1px solid var(--kmk-color-border);
  color: var(--kmk-color-heading);
  background: #fff;
}

.consent {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  background: var(--kmk-color-surface-alt);
  gap: 14px;
  margin-block: 24px;
  padding: 16px;
  display: grid;
  position: relative;
}

.consent p {
  color: var(--kmk-color-muted);
  margin: .35rem 0 0;
}

.privacy-link {
  color: var(--kmk-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  min-height: 44px;
  padding: 8px 0;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .property-kmk-history, .property-kmk-sources {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consent {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

@media (max-width: 980px) {
  .kmk-header-inner {
    grid-template-columns: auto 1fr;
  }

  .kmk-primary-nav {
    display: none;
  }

  .kmk-header-actions {
    justify-self: end;
  }

  .kmk-search-link {
    display: none;
  }
}

@media (max-width: 680px) {
  .kmk-header-inner {
    min-height: 88px;
    padding: 0 16px;
  }

  .kmk-brand {
    width: 76px;
    height: 76px;
  }

  .kmk-brand img {
    width: 70px;
    height: 70px;
  }

  .kmk-header-cta {
    padding: 0 14px;
    font-size: 14px;
  }

  .property-kmk-hero {
    padding-top: 34px;
  }

  .kmk-property-intro {
    grid-template-columns: 1fr;
  }

  .kmk-property-actions {
    justify-content: flex-start;
  }

  .property-kmk-facts span {
    flex: 135px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.kmk-rich-section {
  padding: 34px 0 10px;
  scroll-margin-top: 86px;
}

.kmk-rich-head {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
  align-items: end;
  gap: 32px;
  margin-bottom: 18px;
  display: grid;
}

.kmk-rich-head h2, .kmk-highlight h2 {
  color: #0d2b45;
  margin: .1em 0 0;
  font-family: Schibsted Grotesk, Inter, system-ui, sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  line-height: 1.08;
}

.kmk-rich-head > p {
  color: #5f7183;
  margin: 0;
}

.kmk-signal-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.kmk-signal-grid article, .kmk-rich-card {
  background: #fff;
  border: 1px solid #dfe8ef;
  border-radius: 18px;
  box-shadow: 0 8px 24px #0d2b450e;
}

.kmk-signal-grid article {
  gap: 4px;
  padding: 15px;
  display: grid;
}

.kmk-signal-grid span, .kmk-card-label {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #5e7182;
  font-size: .72rem;
  font-weight: 800;
}

.kmk-signal-grid strong {
  color: #0d2b45;
  font-size: 1rem;
}

.kmk-signal-grid small {
  color: #6b7f90;
  font-size: .76rem;
  line-height: 1.35;
}

.kmk-map-market-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr);
  gap: 16px;
  margin: 18px 0;
  display: grid;
}

.kmk-rich-card {
  min-width: 0;
  padding: 20px;
}

.kmk-rich-card h2, .kmk-rich-card h3 {
  color: #0d2b45;
  font-family: Schibsted Grotesk, Inter, system-ui, sans-serif;
}

.kmk-rich-card h2 {
  margin: .15em 0;
  font-size: 1.45rem;
}

.kmk-rich-card h3 {
  margin: .25em 0 .7em;
  font-size: 1.2rem;
}

.kmk-rich-card p {
  color: #5f7183;
}

.kmk-card-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.kmk-card-head a {
  color: #1e5cc7;
  font-weight: 750;
  text-decoration: none;
}

.kmk-location-visual {
  text-align: center;
  background: radial-gradient(circle at 70% 35%, #1f66b72e, #0000 28%), linear-gradient(135deg, #eef5f8, #dfeaf0);
  border: 1px solid #d9e5ed;
  border-radius: 16px;
  place-items: center;
  min-height: 330px;
  margin: 14px 0;
  padding: 24px;
  display: grid;
}

.kmk-location-visual div {
  gap: 5px;
  display: grid;
}

.kmk-location-visual span {
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #607585;
  font-size: .78rem;
  font-weight: 800;
}

.kmk-location-visual strong {
  color: #0d2b45;
  font-family: Schibsted Grotesk, Inter, system-ui, sans-serif;
  font-size: 1.65rem;
}

.kmk-location-visual small {
  color: #5c7081;
}

.kmk-market-grid, .kmk-context-grid, .kmk-risk-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-status {
  border-radius: 999px;
  margin-top: 10px;
  padding: 7px 10px;
  font-size: .76rem;
  font-weight: 800;
  display: inline-flex;
}

.kmk-status.pending {
  color: #7a5b18;
  background: #fbf3dc;
}

.kmk-highlight {
  color: #fff;
  background: #0d2b45;
  border-radius: 22px;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  gap: 30px;
  margin: 34px 0;
  padding: 28px;
  display: grid;
}

.kmk-highlight .eyebrow {
  color: #b9d5e7;
}

.kmk-highlight h2 {
  color: #fff;
}

.kmk-highlight p {
  color: #dbe8ef;
  margin: 0;
  font-size: 1.02rem;
}

.kmk-property-intro {
  background: #f6f9fb;
  border: 1px solid #dce7ef;
  border-radius: 18px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 18px 20px;
  display: grid;
}

.kmk-property-intro strong {
  color: #0d2b45;
  font-size: 1.05rem;
}

.kmk-property-intro p {
  color: #607386;
  margin: .3rem 0 0;
}

.kmk-property-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.kmk-property-actions a {
  border-radius: 10px;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.kmk-property-actions .primary {
  color: #fff;
  background: #225fc3;
}

.kmk-property-actions .secondary {
  color: #17314a;
  background: #fff;
  border: 1px solid #d7e2ea;
}

@media (max-width: 1050px) {
  .kmk-signal-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .kmk-map-market-grid {
    grid-template-columns: 1fr;
  }

  .kmk-market-grid, .kmk-context-grid, .kmk-risk-grid {
    grid-template-columns: 1fr 1fr;
  }

  .kmk-risk-grid article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .kmk-rich-head, .kmk-highlight, .kmk-property-intro, .kmk-signal-grid, .kmk-market-grid, .kmk-context-grid, .kmk-risk-grid {
    grid-template-columns: 1fr;
  }

  .kmk-risk-grid article:last-child {
    grid-column: auto;
  }

  .kmk-location-visual {
    min-height: 240px;
  }

  .kmk-property-actions {
    justify-content: flex-start;
  }
}

.kmk-real-map-shell {
  background: #e9f1f7;
  border: 1px solid #dce6ef;
  border-radius: 18px;
  overflow: hidden;
}

.kmk-real-map {
  width: 100%;
  height: 420px;
}

.kmk-map-caption {
  color: #597188;
  background: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  font-size: .72rem;
  display: flex;
}

.kmk-map-marker {
  background: #1768d1;
  border: 4px solid #fff;
  border-radius: 50% 50% 50% 8px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  transform: rotate(-45deg);
  box-shadow: 0 5px 18px #0d3a5459;
}

.kmk-map-marker span {
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
  transform: rotate(45deg);
}

.kmk-map-fallback {
  min-height: 420px;
}

.maplibregl-ctrl-attrib {
  font-size: 9px !important;
}

@media (max-width: 700px) {
  .kmk-real-map {
    height: 330px;
  }

  .kmk-map-fallback {
    min-height: 330px;
  }
}

.kmk-reference-list {
  gap: 14px;
  margin-top: 10px;
  display: grid;
}

.kmk-reference-item {
  border-top: 1px solid var(--kmk-color-border-soft);
  padding: 14px 0;
}

.kmk-reference-item:first-child {
  border-top: 0;
}

.kmk-reference-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.kmk-reference-head > div {
  gap: 2px;
  display: grid;
}

.kmk-reference-head strong {
  color: var(--kmk-color-heading);
  font-size: .98rem;
}

.kmk-reference-head small, .kmk-reference-head > span {
  color: var(--kmk-color-muted);
  font-size: .78rem;
}

.kmk-reference-head > span {
  white-space: nowrap;
  font-weight: 700;
}

.kmk-price-range {
  border: 1px solid var(--kmk-color-border-soft);
  background: var(--kmk-color-surface-alt);
  border-radius: 14px;
  margin-top: 12px;
  padding: 12px 14px;
}

.kmk-price-range-values {
  color: var(--kmk-color-heading);
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

.kmk-price-range-values strong {
  font-size: .95rem;
}

.kmk-price-range-track {
  background: linear-gradient(90deg, #dbe8f6, #8eb8e8);
  border-radius: 999px;
  height: 8px;
  margin: 8px 0 6px;
  position: relative;
}

.kmk-price-range-track:before, .kmk-price-range-track:after {
  content: "";
  background: var(--kmk-color-blue-600);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 3px #fff;
}

.kmk-price-range-track:before {
  left: 0;
}

.kmk-price-range-track:after {
  right: 0;
}

.kmk-price-range-track span {
  display: block;
}

.kmk-price-range small {
  color: var(--kmk-color-muted);
  font-size: .72rem;
}

@media (max-width: 700px) {
  .kmk-reference-head {
    display: grid;
  }

  .kmk-reference-head > span {
    white-space: normal;
  }

  .kmk-price-range-values strong {
    font-size: .9rem;
  }
}

.kmk-card-spaced {
  margin-top: 1.5rem;
}

.kmk-global-error {
  padding: 2rem;
  font-family: system-ui, sans-serif;
}

.kmk-home-hero {
  max-width: 980px;
  padding-top: 38px;
  padding-bottom: 44px;
}

.kmk-home-hero h1 {
  max-width: 960px;
  font-size: clamp(42px, 4.6vw, 64px);
  line-height: 1.04;
}

.kmk-home-actions {
  margin-top: 28px;
}

.kmk-home-section {
  border-top: 1px solid var(--kmk-color-border-soft);
  padding: 44px 0;
}

.kmk-home-section > h2, .kmk-home-section > div > h2 {
  font-size: var(--kmk-text-h2);
  margin: .2em 0 .65em;
}

.kmk-journey-grid {
  grid-template-columns: 1fr;
  gap: 12px;
  display: grid;
}

.kmk-journey-card {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  box-shadow: var(--kmk-shadow-sm);
  background: #fff;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 4px 14px;
  padding: 18px;
  text-decoration: none;
  display: grid;
}

.kmk-journey-card:hover {
  border-color: var(--kmk-color-blue-600);
  box-shadow: var(--kmk-shadow-md);
}

.kmk-journey-card strong {
  font-family: var(--kmk-font-heading);
  color: var(--kmk-color-heading);
  font-size: 1.08rem;
}

.kmk-journey-card > span:last-child {
  color: var(--kmk-color-muted);
  grid-column: 2;
}

.kmk-step {
  background: var(--kmk-color-surface-alt);
  width: 36px;
  height: 36px;
  color: var(--kmk-color-blue-700);
  border-radius: 999px;
  grid-row: 1 / 3;
  place-items: center;
  font-weight: 800;
  display: grid;
}

.kmk-home-highlight {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  background: linear-gradient(135deg, #f8fbfd, #f3f7fb);
  gap: 24px;
  padding: 28px;
  display: grid;
}

.kmk-home-highlight p {
  max-width: 780px;
}

.kmk-home-highlight > .kmk-button {
  place-self: center start;
}

.kmk-home-section .card h3 {
  font-family: var(--kmk-font-heading);
  color: var(--kmk-color-heading);
  margin-top: 0;
  font-size: 1.25rem;
}

.kmk-trust .card {
  background: #fff;
}

.kmk-home-final {
  align-items: end;
  gap: 22px;
  display: grid;
}

.kmk-home-search {
  grid-template-columns: 1fr;
  gap: 10px;
  display: grid;
}

.kmk-home-search .kmk-button {
  justify-content: center;
}

.kmk-primary-nav a[href="/#kennisgebieden"], .kmk-primary-nav a[href="/#koopreis"], .kmk-primary-nav a[href="/#tools"], .kmk-primary-nav a[href="/#actueel"], .kmk-primary-nav a[href="/#walter"] {
  display: none;
}

@media (min-width: 760px) {
  .kmk-journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kmk-home-highlight {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .kmk-home-final {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
  }

  .kmk-home-search {
    grid-template-columns: 1fr auto;
  }
}

@media (min-width: 1080px) {
  .kmk-journey-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .kmk-header-actions {
    display: none;
  }

  .kmk-header-inner {
    grid-template-columns: auto;
    justify-content: start;
  }

  .kmk-home-actions .kmk-button {
    justify-content: center;
    width: 100%;
  }

  .kmk-home-section {
    padding: 36px 0;
  }

  .kmk-journey-card {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 16px;
  }

  .kmk-home-highlight {
    padding: 20px;
  }

  .kmk-home-search, .kmk-home-search .kmk-input {
    min-width: 0;
  }
}

.kmk-home-hero {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr);
  align-items: end;
  gap: 28px;
  max-width: none;
  display: grid;
  position: relative;
  overflow: visible;
}

.kmk-home-hero-copy {
  z-index: 2;
  max-width: 930px;
  position: relative;
}

.kmk-human-visual, .kmk-human-photo {
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0;
}

.kmk-human-hero {
  align-self: end;
  min-height: 330px;
  position: relative;
}

.kmk-human-hero:before {
  display: none;
}

.kmk-human-hero img {
  z-index: 1;
  object-fit: contain;
  object-position: right bottom;
  width: 115%;
  height: auto;
  max-height: 390px;
  position: absolute;
  bottom: -4%;
  right: -4%;
}

.kmk-human-highlight {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr);
  padding: 22px;
  overflow: visible;
}

.kmk-human-highlight > div {
  z-index: 2;
  padding: 10px 4px 10px 8px;
  position: relative;
}

.kmk-human-highlight .kmk-button {
  margin-top: 10px;
}

.kmk-human-photo {
  border-radius: 0;
  position: relative;
  overflow: visible;
}

.kmk-human-photo img {
  object-fit: contain;
  object-position: center bottom;
  width: 100%;
  height: 100%;
  display: block;
}

.kmk-human-highlight .kmk-human-photo {
  align-self: end;
  height: 250px;
}

.kmk-human-section-head {
  display: block;
}

.kmk-human-section-head h2 {
  margin: .2em 0 .25em;
}

@media (max-width: 900px) {
  .kmk-home-hero {
    grid-template-columns: 1fr;
  }

  .kmk-human-hero {
    order: 2;
    min-height: 245px;
  }

  .kmk-human-hero img {
    width: min(520px, 94%);
    max-height: 285px;
    right: 50%;
    transform: translateX(50%);
  }

  .kmk-human-highlight {
    grid-template-columns: 1fr;
  }

  .kmk-human-highlight .kmk-human-photo {
    height: 220px;
  }
}

@media (max-width: 620px) {
  .kmk-home-hero {
    gap: 8px;
    padding-bottom: 20px;
  }

  .kmk-human-hero {
    min-height: 190px;
  }

  .kmk-human-hero img {
    width: min(390px, 100%);
    max-height: 215px;
  }

  .kmk-human-highlight {
    padding: 16px;
  }

  .kmk-human-highlight .kmk-human-photo {
    height: 180px;
  }
}

.kmk-home-hero h1, .kmk-home-section h2, .kmk-home-section h3, .kmk-home-hero .lead {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  min-width: 0;
}

.kmk-button {
  text-decoration: none;
}

.kmk-button:visited {
  color: inherit;
}

.kmk-button:not(.secondary), a.kmk-button:not(.secondary) {
  color: #fff;
}

.kmk-blog-grid {
  gap: var(--kmk-space-5);
  margin-top: var(--kmk-space-5);
  grid-template-columns: 1fr;
  display: grid;
}

.kmk-blog-card {
  gap: var(--kmk-space-3);
  flex-direction: column;
  display: flex;
}

.kmk-blog-card h3, .kmk-blog-card p {
  margin: 0;
}

.kmk-blog-card h3 a {
  color: var(--kmk-text);
  text-decoration: none;
}

.kmk-blog-card h3 a:hover {
  text-decoration: underline;
}

.kmk-blog-meta {
  color: var(--kmk-muted);
  font-size: .875rem;
}

.kmk-pagination {
  justify-content: space-between;
  gap: var(--kmk-space-3);
  margin-block: var(--kmk-space-7);
  display: flex;
}

@media (min-width: 760px) {
  .kmk-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .kmk-blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kmk-environment-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-environment-card {
  border: 1px solid var(--kmk-color-border-soft);
  background: #fff;
  border-radius: 18px;
  grid-template-columns: 46px 1fr;
  align-items: start;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 8px 24px #0d2b450d;
}

.kmk-environment-icon {
  color: #1768d1;
  background: #eef5fb;
  border-radius: 14px;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.kmk-environment-card span {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--kmk-color-muted);
  font-size: .68rem;
  font-weight: 800;
  display: block;
}

.kmk-environment-card h3 {
  color: var(--kmk-color-heading);
  margin: .18rem 0 .25rem;
  font-family: Schibsted Grotesk, Inter, system-ui, sans-serif;
  font-size: 1.05rem;
}

.kmk-environment-card strong {
  color: var(--kmk-color-heading);
  font-size: 1.05rem;
  line-height: 1.35;
  display: block;
}

.kmk-environment-card p {
  color: var(--kmk-color-muted);
  margin: .45rem 0 0;
  font-size: .82rem;
  line-height: 1.45;
}

@media (max-width: 1000px) {
  .kmk-environment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .kmk-environment-grid {
    grid-template-columns: 1fr;
  }

  .kmk-environment-card {
    grid-template-columns: 42px 1fr;
  }

  .kmk-environment-icon {
    width: 42px;
    height: 42px;
  }
}

.kmk-price-confirm {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  box-shadow: var(--kmk-shadow-md);
  background: #fff;
  max-width: 760px;
  margin: 18px 0 36px;
  padding: 24px;
}

.kmk-price-confirm h2 {
  margin: .15em 0 8px;
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.kmk-price-confirm p {
  max-width: 680px;
}

.kmk-price-confirm-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.kmk-price-confirm-form {
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.kmk-price-confirm-form label {
  gap: 6px;
  font-weight: 700;
  display: grid;
}

.kmk-price-confirm-form label span, .kmk-price-confirm-form small {
  color: var(--kmk-color-muted);
  font-weight: 400;
}

.kmk-price-confirm-form input {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  min-height: 46px;
  font: inherit;
  padding: 10px 12px;
}

.kmk-price-confirm-success {
  border-left: 4px solid var(--kmk-color-orange-500);
}

.kmk-price-confirm-message {
  font-weight: 700;
}

.property-status-badge {
  letter-spacing: .02em;
  color: var(--kmk-color-heading);
  border: 1px solid var(--kmk-color-border);
  background: #f2f4f5;
  border-radius: 999px;
  align-items: center;
  margin-top: 14px;
  padding: 7px 12px;
  font-size: .86rem;
  font-weight: 800;
  display: inline-flex;
}

.property-status-badge.status-for_sale {
  background: #eef8f1;
}

.property-status-badge.status-under_offer {
  background: #fff5df;
}

.property-status-badge.status-sold {
  background: #f1f1f1;
}

.kmk-legacy-page {
  max-width: 900px;
  margin: 0 auto;
}

.kmk-article-body {
  font-size: 1.05rem;
  line-height: 1.75;
}

.kmk-article-body h2, .kmk-article-body h3 {
  margin-top: 2rem;
}

.kmk-article-body img {
  border-radius: var(--radius-md, 12px);
  max-width: 100%;
  height: auto;
}

.kmk-article-body table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

.kmk-article-body a {
  text-underline-offset: .15em;
  text-decoration: underline;
}

.kmk-legacy-page aside {
  margin-top: 2rem;
}

.kmk-journey-intro {
  max-width: 780px;
  color: var(--kmk-color-muted);
  margin: -.25rem 0 1.5rem;
}

.kmk-journey-card {
  min-height: 156px;
  position: relative;
}

.kmk-journey-card .kmk-journey-meta {
  flex-wrap: wrap;
  grid-column: 2;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.kmk-journey-status {
  letter-spacing: .02em;
  color: #285d39;
  background: #edf7f0;
  border-radius: 999px;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.kmk-journey-status.planned {
  color: #516476;
  background: #f4f6f8;
}

.kmk-journey-link {
  color: var(--kmk-color-blue-700);
  font-size: .78rem;
  font-weight: 800;
}

.kmk-app-family {
  gap: 14px;
  display: grid;
}

.kmk-app-family-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.kmk-app-family-card {
  border: 1px solid var(--kmk-color-border-soft);
  border-radius: var(--kmk-radius-md);
  background: #fff;
  padding: 18px;
}

.kmk-app-family-card h3 {
  margin: .25rem 0 .4rem;
}

.kmk-app-family-card p {
  color: var(--kmk-color-muted);
  margin: .2rem 0;
}

.kmk-app-family-card a {
  font-weight: 800;
}

.kmk-planned-status {
  color: #516476;
  background: #f4f6f8;
  border-radius: 999px;
  margin-top: 18px;
  padding: 8px 12px;
  font-size: .82rem;
  font-weight: 800;
  display: inline-flex;
}

@media (min-width: 1080px) {
  .kmk-journey-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .kmk-app-family-grid {
    grid-template-columns: 1fr;
  }

  .kmk-journey-card {
    min-height: 0;
  }
}

.kmk-site-footer {
  padding-block: 28px 48px;
}

.kmk-site-footer > nav {
  border-top: 1px solid var(--kmk-color-border-soft);
  flex-wrap: wrap;
  gap: 18px;
  padding: 20px 0;
  display: flex;
}

.kmk-site-footer > nav a {
  color: var(--kmk-color-heading);
  font-weight: 700;
}

.kmk-authority-page {
  padding-bottom: 64px;
}

.kmk-authority-summary {
  grid-template-columns: 1fr;
  gap: 12px;
  margin: -10px 0 48px;
  display: grid;
}

.kmk-authority-summary article {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-md);
  background: #fff;
  gap: 5px;
  padding: 18px;
  display: grid;
}

.kmk-authority-summary strong {
  color: var(--kmk-color-heading);
  font-family: var(--kmk-font-heading);
  font-size: 1.05rem;
}

.kmk-authority-summary span {
  color: var(--kmk-color-muted);
}

.kmk-authority-section {
  border-top: 1px solid var(--kmk-color-border-soft);
  padding: 36px 0;
}

.kmk-authority-section > h2 {
  font-size: var(--kmk-text-h2);
  margin: .2em 0 .65em;
}

.kmk-authority-section > p {
  max-width: 850px;
}

.kmk-process-list {
  counter-reset: quality;
  gap: 12px;
  padding: 0;
  list-style: none;
  display: grid;
}

.kmk-process-list li {
  counter-increment: quality;
  border: 1px solid var(--kmk-color-border-soft);
  border-radius: var(--kmk-radius-md);
  background: #fff;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 2px 14px;
  padding: 16px 18px;
  display: grid;
}

.kmk-process-list li:before {
  content: counter(quality);
  background: var(--kmk-color-surface-alt);
  width: 34px;
  height: 34px;
  color: var(--kmk-color-blue-700);
  border-radius: 50%;
  grid-row: 1 / 3;
  place-items: center;
  font-weight: 800;
  display: grid;
}

.kmk-process-list li span {
  color: var(--kmk-color-muted);
}

.kmk-authority-split {
  grid-template-columns: 1fr;
  gap: 28px;
  display: grid;
}

.kmk-author-card {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  background: #fff;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  max-width: 820px;
  padding: 22px;
  display: grid;
}

.kmk-author-card h3 {
  margin: 0 0 6px;
}

.kmk-author-card p {
  color: var(--kmk-color-muted);
  margin: .2rem 0 .7rem;
}

.kmk-author-card a {
  color: var(--kmk-color-blue-700);
  font-weight: 800;
}

.kmk-author-avatar {
  background: var(--kmk-color-blue-700);
  color: #fff;
  width: 58px;
  height: 58px;
  font-weight: 850;
  font-family: var(--kmk-font-heading);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.kmk-author-avatar.large {
  width: 88px;
  height: 88px;
  font-size: 1.35rem;
}

.kmk-profile-heading {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  display: grid;
}

.kmk-profile-heading h1 {
  margin-top: 0;
}

.kmk-profile-heading .lead {
  margin-bottom: 0;
}

@media (min-width: 760px) {
  .kmk-authority-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kmk-authority-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px;
  }
}

@media (max-width: 600px) {
  .kmk-profile-heading {
    grid-template-columns: 1fr;
  }

  .kmk-author-avatar.large {
    width: 72px;
    height: 72px;
  }
}

.kmk-choice-page {
  padding-bottom: 72px;
}

.kmk-choice-hero {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  align-items: end;
  gap: 38px;
  padding-top: 56px;
  padding-bottom: 34px;
  display: grid;
}

.kmk-choice-hero h1 {
  max-width: 950px;
  margin: .18em 0 .2em;
  font-size: clamp(2.7rem, 6vw, 4.7rem);
  line-height: 1.01;
}

.kmk-choice-hero .lead {
  margin-bottom: 0;
}

.kmk-choice-hero-note {
  border: 1px solid var(--kmk-color-border);
  box-shadow: var(--kmk-shadow-sm);
  background: #fff;
  border-radius: 20px;
  gap: 7px;
  padding: 20px;
  display: grid;
}

.kmk-choice-hero-note strong {
  color: var(--kmk-color-heading);
  font-family: var(--kmk-font-heading);
}

.kmk-choice-hero-note span {
  color: var(--kmk-color-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.kmk-choice-shell {
  max-width: 1180px;
}

.kmk-choice-steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 8px 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
}

.kmk-choice-steps li {
  border: 1px solid var(--kmk-color-border-soft);
  min-width: 0;
  color: var(--kmk-color-muted);
  background: #fff;
  border-radius: 14px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: .84rem;
  font-weight: 800;
  display: flex;
}

.kmk-choice-steps li span {
  color: #6a7c8c;
  background: #edf1f4;
  border-radius: 50%;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.kmk-choice-steps li.active {
  color: var(--kmk-color-heading);
  background: #f7fbff;
  border-color: #b8d1ee;
}

.kmk-choice-steps li.active span {
  background: var(--kmk-color-blue-600);
  color: #fff;
}

.kmk-choice-panel {
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 12px 38px #0d2b4512;
}

.kmk-choice-panel-head {
  max-width: 840px;
  margin-bottom: 26px;
}

.kmk-choice-panel-head h2 {
  margin: .15em 0 .35em;
  font-size: clamp(1.8rem, 4vw, 2.65rem);
}

.kmk-choice-panel-head p:last-child {
  color: var(--kmk-color-muted);
  font-size: 1.02rem;
}

.kmk-choice-form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-choice-form-grid > label:not(.kmk-choice-check) {
  color: var(--kmk-color-heading);
  gap: 7px;
  font-weight: 750;
  display: grid;
}

.kmk-choice-form-grid input[type="number"], .kmk-choice-form-grid select {
  border: 1px solid var(--kmk-color-border);
  width: 100%;
  min-height: 48px;
  font: inherit;
  color: var(--kmk-color-text);
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
}

.kmk-choice-check {
  border: 1px solid var(--kmk-color-border-soft);
  cursor: pointer;
  background: #f9fbfc;
  border-radius: 14px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.kmk-choice-check input {
  width: 21px;
  height: 21px;
  margin-top: 2px;
}

.kmk-choice-check span {
  gap: 2px;
  display: grid;
}

.kmk-choice-check strong {
  color: var(--kmk-color-heading);
}

.kmk-choice-check small {
  color: var(--kmk-color-muted);
}

.kmk-choice-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.kmk-choice-actions button {
  cursor: pointer;
}

.kmk-button.secondary {
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  color: var(--kmk-color-heading) !important;
}

button.kmk-button {
  font: inherit;
  cursor: pointer;
  border: 0;
  font-weight: 800;
}

.kmk-choice-priorities {
  gap: 14px;
  display: grid;
}

.kmk-choice-importance {
  border: 1px solid var(--kmk-color-border-soft);
  border-radius: 16px;
  margin: 0;
  padding: 16px;
}

.kmk-choice-importance legend {
  color: var(--kmk-color-heading);
  padding: 0 6px;
  font-weight: 800;
}

.kmk-choice-importance > div {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.kmk-choice-importance button {
  border: 1px solid var(--kmk-color-border);
  min-height: 44px;
  color: var(--kmk-color-muted);
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  padding: 8px;
  font-size: .88rem;
  font-weight: 750;
}

.kmk-choice-importance button.active {
  border-color: var(--kmk-color-blue-600);
  color: var(--kmk-color-blue-700);
  box-shadow: inset 0 0 0 1px var(--kmk-color-blue-600);
  background: #eef5ff;
}

.kmk-choice-results {
  gap: 14px;
  display: grid;
}

.kmk-choice-result {
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  position: relative;
}

.kmk-choice-result.blocked {
  background: snow;
}

.kmk-choice-rank {
  width: 34px;
  height: 34px;
  color: var(--kmk-color-blue-700);
  background: #edf4fb;
  border-radius: 50%;
  place-items: center;
  font-weight: 850;
  display: grid;
  position: absolute;
  top: 16px;
  right: 16px;
}

.kmk-choice-result-main {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding-right: 40px;
  display: flex;
}

.kmk-choice-result-main h3 {
  margin: .25rem 0 .15rem;
  font-size: 1.35rem;
}

.kmk-choice-result-main p, .kmk-choice-result > p {
  color: var(--kmk-color-muted);
  margin: .25rem 0;
}

.kmk-choice-demo-tag {
  color: #667887;
  text-transform: uppercase;
  letter-spacing: .05em;
  background: #f3f5f6;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.kmk-choice-score {
  text-align: right;
  line-height: 1;
  display: grid;
}

.kmk-choice-score strong {
  color: var(--kmk-color-heading);
  font-size: 2.2rem;
}

.kmk-choice-score span {
  color: var(--kmk-color-muted);
  white-space: nowrap;
  font-size: .72rem;
}

.kmk-choice-hard {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
  display: flex;
}

.kmk-choice-hard span {
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  font-size: .76rem;
  font-weight: 750;
  display: inline-flex;
}

.kmk-choice-hard .pass {
  color: #23663a;
  background: #edf8f0;
}

.kmk-choice-hard .fail {
  color: #9b2c2c;
  background: #fff0f0;
}

.kmk-choice-hard .unknown {
  color: #775c1d;
  background: #fff6df;
}

.kmk-choice-result-actions {
  margin-top: 15px;
}

.kmk-choice-result-actions button {
  border: 1px solid var(--kmk-color-border);
  min-height: 42px;
  color: var(--kmk-color-blue-700);
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 800;
}

.kmk-choice-detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-choice-detail {
  border: 1px solid var(--kmk-color-border-soft);
  background: #fff;
  border-radius: 18px;
  padding: 20px;
}

.kmk-choice-detail > span {
  color: var(--kmk-color-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .75rem;
  font-weight: 800;
  display: block;
}

.kmk-choice-detail h3 {
  margin: .55rem 0;
}

.kmk-choice-big-score {
  color: var(--kmk-color-heading);
  font-size: 2.6rem;
  font-family: var(--kmk-font-heading);
  margin: 10px 0 18px;
  display: block;
}

.kmk-choice-bar {
  gap: 5px;
  margin: 13px 0;
  display: grid;
}

.kmk-choice-bar > div {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.kmk-choice-bar small {
  color: var(--kmk-color-muted);
}

.kmk-choice-bar progress {
  width: 100%;
  height: 9px;
  accent-color: var(--kmk-color-blue-600);
}

.kmk-choice-line {
  border-top: 1px solid var(--kmk-color-border-soft);
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 9px 0;
  display: flex;
}

.kmk-choice-line:first-of-type {
  border-top: 0;
}

.kmk-choice-line.pass b {
  color: #2f7c48;
}

.kmk-choice-line.fail b {
  color: #ad3434;
}

.kmk-choice-line.unknown b {
  color: #8a6b24;
}

.kmk-choice-attention {
  border-top: 1px solid var(--kmk-color-border-soft);
  padding: 12px 0;
}

.kmk-choice-attention:first-of-type {
  border-top: 0;
}

.kmk-choice-attention b {
  color: var(--kmk-color-heading);
}

.kmk-choice-attention p {
  color: var(--kmk-color-muted);
  margin: .25rem 0;
  font-size: .9rem;
}

.kmk-choice-detail.attention > small {
  color: var(--kmk-color-muted);
  margin-top: 10px;
  display: block;
}

.kmk-choice-switcher {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 18px;
  display: grid;
}

.kmk-choice-switcher button {
  border: 1px solid var(--kmk-color-border);
  min-height: 46px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  font-weight: 750;
  display: flex;
}

.kmk-choice-switcher button.active {
  border-color: var(--kmk-color-blue-600);
  background: #f0f6ff;
}

.kmk-choice-switcher span {
  color: var(--kmk-color-blue-700);
}

.kmk-choice-next {
  background: var(--kmk-color-heading);
  color: #fff;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin-top: 24px;
  padding: 22px;
  display: grid;
}

.kmk-choice-next h3 {
  color: #fff;
  margin: .2rem 0;
}

.kmk-choice-next p:not(.eyebrow) {
  color: #d9e6ef;
  margin: 0;
}

.kmk-choice-next .eyebrow {
  color: #a9c9df;
}

.kmk-choice-next .kmk-button {
  align-self: center;
}

@media (max-width: 900px) {
  .kmk-choice-hero {
    grid-template-columns: 1fr;
  }

  .kmk-choice-form-grid, .kmk-choice-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  .kmk-choice-detail.attention {
    grid-column: 1 / -1;
  }

  .kmk-choice-switcher, .kmk-choice-next {
    grid-template-columns: 1fr;
  }

  .kmk-choice-next .kmk-button {
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .kmk-choice-page {
    padding-bottom: 44px;
  }

  .kmk-choice-hero {
    gap: 22px;
    padding-top: 36px;
  }

  .kmk-choice-hero h1 {
    font-size: clamp(2.25rem, 12vw, 3.3rem);
  }

  .kmk-choice-shell {
    padding-inline: 14px;
  }

  .kmk-choice-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  .kmk-choice-steps li {
    text-align: center;
    justify-items: center;
    padding: 8px 4px;
    font-size: .67rem;
    display: grid;
  }

  .kmk-choice-panel {
    border-radius: 20px;
    padding: 20px 16px;
  }

  .kmk-choice-form-grid, .kmk-choice-detail-grid {
    grid-template-columns: 1fr;
  }

  .kmk-choice-detail.attention {
    grid-column: auto;
  }

  .kmk-choice-importance > div {
    grid-template-columns: 1fr 1fr;
  }

  .kmk-choice-result-main {
    padding-right: 38px;
    display: grid;
  }

  .kmk-choice-score {
    text-align: left;
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: 8px;
  }

  .kmk-choice-score strong {
    font-size: 1.9rem;
  }

  .kmk-choice-score span {
    padding-bottom: 3px;
  }

  .kmk-choice-actions {
    justify-content: stretch;
  }

  .kmk-choice-actions .kmk-button {
    justify-content: center;
    width: 100%;
  }

  .kmk-choice-switcher button {
    width: 100%;
  }

  .kmk-choice-next {
    padding: 18px;
  }
}

.kmk-decision-start {
  max-width: 900px;
  padding-top: 10px;
}

.kmk-decision-start-card {
  color: #fff;
  background: linear-gradient(145deg, #092b48, #113d61);
  border-radius: 30px;
  padding: clamp(24px, 6vw, 54px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 60px #0d2b452e;
}

.kmk-decision-start-card:after {
  content: "";
  background: #ffffff0f;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  position: absolute;
  top: -110px;
  right: -90px;
}

.kmk-decision-start-card h2 {
  color: #fff;
  max-width: 760px;
  margin: .3rem 0 .7rem;
  font-size: clamp(2rem, 7vw, 3.7rem);
  line-height: 1.02;
}

.kmk-decision-start-card > p {
  color: #dbe8f1;
  max-width: 700px;
  font-size: 1.08rem;
}

.kmk-decision-start-card .kmk-decision-kicker {
  color: #a9d3ed;
}

.kmk-decision-proof {
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0;
  display: flex;
}

.kmk-decision-proof span {
  background: #ffffff17;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: .78rem;
  font-weight: 750;
}

.kmk-decision-start-card > small {
  color: #b9cede;
  margin-top: 14px;
  display: block;
}

.kmk-decision-flow {
  max-width: 760px;
  padding-top: 4px;
}

.kmk-decision-question h2 {
  margin: .35rem 0 .45rem;
  font-size: clamp(1.8rem, 7vw, 2.65rem);
  line-height: 1.08;
}

.kmk-decision-question > p {
  color: var(--kmk-color-muted);
  margin: .2rem 0 1.2rem;
}

.kmk-multi-next {
  width: 100%;
  margin-top: 12px;
}

.kmk-decision-results {
  max-width: 1080px;
}

.kmk-decision-result-head h2 {
  margin: .3rem 0;
  font-size: clamp(2rem, 5vw, 3.2rem);
}

.kmk-result-card small {
  color: var(--kmk-color-muted);
}

.kmk-result-card h3 {
  margin: .1rem 0;
}

.kmk-result-card p {
  color: var(--kmk-color-muted);
  margin: 0;
  font-size: .88rem;
}

.kmk-result-explain h3 {
  margin: .25rem 0 1rem;
  font-size: 1.5rem;
}

.kmk-result-columns h4 {
  color: var(--kmk-color-heading);
  margin: 0 0 8px;
}

.kmk-result-columns p {
  color: #526878;
  margin: 7px 0;
  font-size: .82rem;
  line-height: 1.4;
}

.kmk-essential-phase {
  max-width: 980px;
  padding-top: 8px;
}

.kmk-essential-phase > header {
  border: 1px solid var(--kmk-color-border-soft);
  background: #fff;
  border-radius: 24px;
  margin-bottom: 14px;
  padding: clamp(20px, 5vw, 34px);
  position: relative;
}

.kmk-essential-phase h2 {
  margin: .3rem 0 .5rem;
  font-size: clamp(2rem, 5vw, 3.2rem);
}

.kmk-essential-phase header p {
  max-width: 760px;
  color: var(--kmk-color-muted);
}

.kmk-essential-count {
  background: #eef6fc;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 7px 12px;
  display: inline-flex;
}

.kmk-essential-count strong {
  color: var(--kmk-color-blue-700);
}

.kmk-essential-count span {
  color: var(--kmk-color-muted);
  font-size: .8rem;
}

.kmk-essential-grid > button > span {
  color: #526b7e;
  background: #eef3f7;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  font-weight: 900;
  display: grid;
}

.kmk-essential-grid > button.active > span {
  background: var(--kmk-color-orange-500, #ef7a22);
  color: #fff;
}

.kmk-essential-grid div {
  min-width: 0;
  display: grid;
}

.kmk-essential-grid small {
  color: var(--kmk-color-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .7rem;
}

.kmk-essential-grid strong {
  color: var(--kmk-color-heading);
  overflow-wrap: anywhere;
}

.kmk-essential-grid em {
  color: var(--kmk-color-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  font-style: normal;
  overflow: hidden;
}

.kmk-essential-actions {
  justify-content: space-between;
  gap: 10px;
  margin: 16px 0 30px;
  display: flex;
}

.kmk-essential-actions > button:not(.kmk-app-primary) {
  border: 1px solid var(--kmk-color-border);
  min-height: 48px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 750;
}

.kmk-profile-summary {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0 0 14px;
  display: grid;
}

.kmk-profile-summary > div {
  border: 1px solid var(--kmk-color-border-soft);
  text-align: center;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  display: grid;
}

.kmk-profile-summary strong {
  color: var(--kmk-color-heading);
  font-size: 1.55rem;
}

.kmk-profile-summary span {
  color: var(--kmk-color-muted);
  font-size: .74rem;
}

.kmk-hard-chip {
  border-radius: 999px;
  margin-top: 7px;
  padding: 4px 8px;
  font-weight: 850;
  display: inline-flex;
  font-size: .7rem !important;
}

.kmk-hard-chip.fail {
  color: #a73e2b;
  background: #fff0ed;
}

.kmk-hard-chip.unknown {
  color: #7b5a09;
  background: #fff6dd;
}

.kmk-hard-chip.pass {
  color: #267042;
  background: #eaf7ef;
}

.kmk-view-advice {
  border: 1px solid var(--kmk-color-border);
  background: #fff;
  border-left: 6px solid #70889b;
  border-radius: 18px;
  margin: 16px 0;
  padding: 18px;
}

.kmk-view-advice.view {
  border-left-color: #2e8b57;
}

.kmk-view-advice.check, .kmk-view-advice.consider {
  border-left-color: #d99a1d;
}

.kmk-view-advice.skip {
  border-left-color: #bb5140;
}

.kmk-view-advice h3 {
  margin: .2rem 0;
  font-size: 1.35rem;
}

.kmk-view-advice p {
  color: var(--kmk-color-muted);
  margin: 0;
}

.kmk-profile-tech {
  margin: 14px 0;
}

.kmk-profile-tech details {
  border: 1px solid var(--kmk-color-border-soft);
  background: #f8fafb;
  border-radius: 14px;
  padding: 13px;
}

.kmk-profile-tech summary {
  cursor: pointer;
  font-weight: 800;
}

.kmk-profile-tech p {
  color: var(--kmk-color-muted);
  font-size: .82rem;
}

.kmk-profile-tech pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #e8f2f8;
  background: #0d2538;
  border-radius: 10px;
  max-height: 280px;
  padding: 12px;
  font-size: .68rem;
  overflow: auto;
}

@media (max-width: 720px) {
  .kmk-choice-hero {
    display: none;
  }

  .kmk-choice-page {
    padding-top: 12px;
  }

  .kmk-decision-start-card {
    border-radius: 22px;
  }

  .kmk-result-card p {
    display: none;
  }

  .kmk-decision-start-card > .kmk-app-primary {
    white-space: normal;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  .kmk-decision-proof span {
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  .kmk-decision-start-card {
    min-width: 0;
  }

  .kmk-essential-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .kmk-essential-actions .kmk-app-primary {
    width: 100%;
  }

  .kmk-profile-summary > div {
    padding: 10px 6px;
  }

  .kmk-profile-summary strong {
    font-size: 1.25rem;
  }

  .kmk-result-card {
    align-items: start;
  }

  .kmk-hard-chip {
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .kmk-profile-summary {
    grid-template-columns: 1fr 1fr;
  }

  .kmk-profile-summary > div:last-child {
    grid-column: 1 / -1;
  }
}

.kmk-fit-card {
  border: 1px solid var(--kmk-color-border);
  background: linear-gradient(145deg, #fff, #f7fbff);
  border-radius: 24px;
  margin: 26px 0 34px;
  padding: clamp(20px, 4vw, 30px);
  box-shadow: 0 14px 42px #0d2b4514;
}

.kmk-fit-card > header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  display: grid;
}

.kmk-fit-card h2 {
  margin: .2rem 0 .45rem;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1.08;
}

.kmk-fit-card header p:not(.eyebrow) {
  max-width: 720px;
  color: var(--kmk-color-muted);
  margin: 0;
}

.kmk-fit-ring {
  --fit: 0%;
  text-align: center;
  background: radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(var(--kmk-color-blue-600) var(--fit),#dce8f1 0);
  border-radius: 50%;
  place-content: center;
  width: 126px;
  height: 126px;
  display: grid;
  box-shadow: inset 0 0 0 1px #dbe6ee;
}

.kmk-fit-ring strong {
  color: var(--kmk-color-heading);
  font-size: 1.65rem;
  line-height: 1;
}

.kmk-fit-ring span {
  color: var(--kmk-color-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: 5px;
  font-size: .66rem;
  font-weight: 800;
}

.kmk-fit-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 16px;
  display: grid;
}

.kmk-fit-meta > div {
  border: 1px solid var(--kmk-color-border-soft);
  background: #fff;
  border-radius: 15px;
  gap: 2px;
  padding: 13px 14px;
  display: grid;
}

.kmk-fit-meta strong {
  color: var(--kmk-color-heading);
  font-size: 1.25rem;
}

.kmk-fit-meta span {
  color: var(--kmk-color-muted);
  font-size: .76rem;
  line-height: 1.35;
}

.kmk-fit-bars {
  gap: 9px;
  margin: 18px 0;
  display: grid;
}

.kmk-fit-bars > div {
  grid-template-columns: 120px minmax(0, 1fr) 92px;
  align-items: center;
  gap: 10px;
  display: grid;
}

.kmk-fit-bars span, .kmk-fit-bars strong {
  font-size: .78rem;
}

.kmk-fit-bars strong {
  text-align: right;
  color: var(--kmk-color-heading);
}

.kmk-fit-bars progress {
  width: 100%;
  height: 10px;
  accent-color: var(--kmk-color-blue-600);
}

.kmk-fit-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.kmk-fit-columns article {
  border: 1px solid var(--kmk-color-border-soft);
  background: #fff;
  border-radius: 16px;
  padding: 16px;
}

.kmk-fit-columns h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.kmk-fit-columns p {
  border-top: 1px solid var(--kmk-color-border-soft);
  color: var(--kmk-color-muted);
  margin: 0;
  padding: 7px 0;
  font-size: .82rem;
}

.kmk-fit-columns p:first-of-type {
  border-top: 0;
}

.kmk-fit-columns b {
  color: var(--kmk-color-heading);
}

.kmk-fit-card > footer {
  border-top: 1px solid var(--kmk-color-border-soft);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding-top: 16px;
  display: grid;
}

.kmk-fit-card > footer p {
  color: var(--kmk-color-muted);
  margin: 0;
  font-size: .86rem;
}

.kmk-fit-card.empty {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  display: grid;
}

.kmk-fit-card.empty h2 {
  margin: .2rem 0;
}

.kmk-fit-card.empty p {
  color: var(--kmk-color-muted);
  margin: 0;
}

@media (max-width: 760px) {
  .kmk-fit-card > header, .kmk-fit-card > footer, .kmk-fit-card.empty {
    grid-template-columns: 1fr;
  }

  .kmk-fit-ring {
    width: 104px;
    height: 104px;
  }

  .kmk-fit-meta, .kmk-fit-columns {
    grid-template-columns: 1fr;
  }

  .kmk-fit-bars > div {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .kmk-fit-bars > div strong {
    text-align: left;
    grid-column: 2;
    margin-top: -8px;
  }

  .kmk-fit-card .kmk-app-primary {
    text-align: center;
    width: 100%;
  }
}

.kmk-glossary-page, .kmk-glossary-detail {
  padding-bottom: 72px;
}

.kmk-glossary-hero {
  max-width: 920px;
  padding: 58px 0 34px;
}

.kmk-glossary-hero h1, .kmk-glossary-article h1 {
  letter-spacing: -.035em;
  margin: .12em 0 .22em;
  font-size: clamp(2.8rem, 7vw, 5rem);
  line-height: 1;
}

.kmk-glossary-hero .lead {
  max-width: 780px;
}

.kmk-glossary-search {
  gap: 8px;
  max-width: 780px;
  margin-top: 26px;
  display: grid;
}

.kmk-glossary-search label {
  color: var(--kmk-color-heading);
  font-weight: 800;
}

.kmk-glossary-search > div {
  gap: 8px;
  display: flex;
}

.kmk-glossary-search input {
  border: 1px solid var(--kmk-color-border);
  min-width: 0;
  min-height: 54px;
  color: var(--kmk-color-text);
  font: inherit;
  box-shadow: var(--kmk-shadow-sm);
  background: #fff;
  border-radius: 14px;
  flex: 1;
  padding: 12px 15px;
}

.kmk-glossary-search input:focus {
  border-color: var(--kmk-color-blue-600);
  outline: 3px solid #1e5fd224;
}

.kmk-glossary-search button {
  background: var(--kmk-color-blue-600);
  color: #fff;
  min-height: 54px;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  padding: 0 20px;
  font-weight: 850;
}

.kmk-glossary-trust {
  color: var(--kmk-color-muted);
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  font-size: .9rem;
  display: flex;
}

.kmk-glossary-trust span {
  background: #2d9b68;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.kmk-editorial-card {
  border: 1px solid var(--kmk-color-border);
  box-shadow: var(--kmk-shadow-sm);
  background: linear-gradient(135deg, #f7faff, #fff);
  border-radius: 22px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin: 4px 0 46px;
  padding: 22px;
  display: grid;
}

.kmk-editorial-card.compact {
  box-shadow: none;
  background: #fff;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  margin: 34px 0 0;
  padding-top: 22px;
}

.kmk-editorial-photo {
  object-fit: cover;
  object-position: center top;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 84px;
  height: 84px;
  box-shadow: 0 8px 24px #0d2b4521;
}

.kmk-editorial-card.compact .kmk-editorial-photo {
  width: 62px;
  height: 62px;
}

.kmk-editorial-card h2 {
  margin: .05em 0 .2em;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.kmk-editorial-card p {
  color: var(--kmk-color-muted);
  max-width: 850px;
  margin: .25rem 0;
}

.kmk-editorial-card .kmk-editorial-role {
  color: var(--kmk-color-blue-700);
  font-weight: 800;
}

.kmk-editorial-links {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.kmk-editorial-links a {
  font-weight: 800;
}

.kmk-glossary-list {
  padding-top: 8px;
}

.kmk-glossary-section-head {
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  margin-bottom: 18px;
  display: flex;
}

.kmk-glossary-section-head h2 {
  margin: .15em 0 0;
}

.kmk-glossary-section-head > p {
  max-width: 380px;
  color: var(--kmk-color-muted);
}

.kmk-glossary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.kmk-glossary-card {
  border: 1px solid var(--kmk-color-border);
  min-height: 220px;
  box-shadow: var(--kmk-shadow-sm);
  background: #fff;
  border-radius: 18px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.kmk-glossary-card h3 {
  margin: .12em 0 .4em;
  font-size: 1.35rem;
}

.kmk-glossary-card > p:not(.eyebrow) {
  color: var(--kmk-color-muted);
  margin: .1rem 0 1rem;
}

.kmk-glossary-card a {
  margin-top: auto;
  font-weight: 850;
}

.kmk-glossary-breadcrumb {
  color: var(--kmk-color-muted);
  flex-wrap: wrap;
  gap: 8px;
  padding: 26px 0 6px;
  font-size: .9rem;
  display: flex;
}

.kmk-glossary-article {
  max-width: 860px;
  padding: 34px 0 28px;
}

.kmk-glossary-article header {
  border-bottom: 1px solid var(--kmk-color-border-soft);
  padding-bottom: 28px;
}

.kmk-glossary-article > section {
  border-bottom: 1px solid var(--kmk-color-border-soft);
  padding: 26px 0;
}

.kmk-glossary-article > section h2 {
  margin-top: 0;
}

.kmk-glossary-source {
  background: var(--kmk-color-surface-alt);
  border-radius: 18px;
  margin-top: 18px;
  border: 1px solid var(--kmk-color-border-soft) !important;
  padding: 22px !important;
}

.kmk-glossary-related {
  padding-top: 24px;
}

.kmk-author-photo {
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  display: block;
  box-shadow: 0 8px 22px #0d2b4521;
}

.kmk-author-photo.large {
  width: 104px;
  height: 104px;
}

@media (max-width: 900px) {
  .kmk-glossary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kmk-glossary-section-head {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }
}

@media (max-width: 620px) {
  .kmk-glossary-hero {
    padding: 38px 0 28px;
  }

  .kmk-glossary-search > div {
    display: grid;
  }

  .kmk-glossary-grid {
    grid-template-columns: 1fr;
  }

  .kmk-glossary-card {
    min-height: 0;
  }

  .kmk-editorial-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
  }

  .kmk-editorial-card:not(.compact) .kmk-editorial-photo {
    width: 64px;
    height: 64px;
  }

  .kmk-editorial-card:not(.compact) p:not(.eyebrow):not(.kmk-editorial-role):not(.kmk-editorial-links), .kmk-editorial-links {
    grid-column: 1 / -1;
  }

  .kmk-author-photo.large {
    width: 84px;
    height: 84px;
  }
}

.kmk-term-link {
  border: 0;
  border-bottom: 1.5px dotted var(--kmk-color-blue-600);
  color: inherit;
  font: inherit;
  font-weight: 750;
  line-height: inherit;
  cursor: pointer;
  background: none;
  padding: 0;
  text-decoration: none;
  display: inline;
}

.kmk-term-link:hover {
  color: var(--kmk-color-blue-700);
  border-bottom-style: solid;
}

.kmk-term-overlay {
  z-index: var(--kmk-z-modal);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #081d306b;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0;
}

.kmk-term-sheet {
  background: #fff;
  border-radius: 24px 24px 0 0;
  outline: none;
  width: min(760px, 100%);
  max-height: min(86vh, 820px);
  padding: 18px 20px 24px;
  overflow: auto;
  box-shadow: 0 -18px 56px #081d3038;
}

.kmk-term-sheet-bar {
  z-index: 2;
  border-bottom: 1px solid var(--kmk-color-border-soft);
  background: #fffffff7;
  justify-content: space-between;
  gap: 12px;
  margin: -18px -20px 18px;
  padding: 14px 20px 12px;
  display: flex;
  position: sticky;
  top: -18px;
}

.kmk-term-back, .kmk-term-close, .kmk-term-trail button, .kmk-term-sheet-actions button {
  color: var(--kmk-color-blue-700);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  font-weight: 800;
}

.kmk-term-back:disabled {
  visibility: hidden;
}

.kmk-term-trail {
  color: var(--kmk-color-muted);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
  padding-bottom: 4px;
  font-size: .82rem;
  display: flex;
  overflow-x: auto;
}

.kmk-term-trail button {
  font-size: inherit;
  padding: 0;
}

.kmk-term-sheet h2 {
  margin: .12em 0 .35em;
  font-size: clamp(1.8rem, 6vw, 2.7rem);
}

.kmk-term-definition {
  color: var(--kmk-color-text);
  font-size: 1.08rem;
  line-height: 1.65;
}

.kmk-term-sheet-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.kmk-term-sheet-actions a, .kmk-term-sheet-actions button, .kmk-term-error button {
  border-radius: 11px;
  align-items: center;
  min-height: 44px;
  padding: 9px 13px;
  font-weight: 800;
  display: inline-flex;
}

.kmk-term-sheet-actions a {
  background: var(--kmk-color-blue-600);
  color: #fff;
}

.kmk-term-sheet-actions button, .kmk-term-error button {
  border: 1px solid var(--kmk-color-border);
  color: var(--kmk-color-heading);
  background: #fff;
}

.kmk-term-inline-error, .kmk-term-error {
  color: #785d1b;
  margin-top: 16px;
}

.kmk-term-error {
  background: #fff9e9;
  border: 1px solid #eadfbf;
  border-radius: 14px;
  padding: 16px;
}

@media (min-width: 760px) {
  .kmk-term-overlay {
    align-items: center;
    padding: 24px;
  }

  .kmk-term-sheet {
    border-radius: 24px;
    padding: 22px 26px 28px;
  }

  .kmk-term-sheet-bar {
    margin: -22px -26px 20px;
    padding: 16px 26px 13px;
    top: -22px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .kmk-term-sheet {
    animation: .18s ease-out kmk-term-rise;
  }

  @keyframes kmk-term-rise {
    from {
      opacity: .7;
      transform: translateY(12px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }
}

.kmk-expert-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  display: grid;
}

.kmk-expert-card {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.kmk-expert-profile {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.kmk-expert-photo, .kmk-expert-initials {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 72px;
  height: 72px;
}

.kmk-expert-initials {
  background: var(--surface-muted, #eef3f8);
  place-items: center;
  font-size: 1.25rem;
  font-weight: 800;
  display: grid;
}

.kmk-expert-profile h3 {
  margin: .15rem 0;
}

.kmk-expert-profile p {
  margin: 0;
}

.kmk-expert-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.kmk-expert-actions button, .kmk-expert-actions a {
  justify-content: center;
  align-items: center;
  min-height: 44px;
  display: inline-flex;
}

.kmk-expert-actions small {
  flex-basis: 100%;
}

.kmk-pagination {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  margin: 2rem 0;
  display: flex;
}

.kmk-pagination-pages {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.kmk-pagination-pages a, .kmk-pagination-pages strong {
  border: 1px solid var(--kmk-border, #d7ddd9);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: .35rem .55rem;
  text-decoration: none;
  display: inline-flex;
}

.kmk-pagination-pages strong {
  background: var(--kmk-surface-soft, #f3f6f4);
}

@media (max-width: 640px) {
  .kmk-pagination {
    align-items: stretch;
  }

  .kmk-pagination > .secondary {
    text-align: center;
    flex: 1;
  }

  .kmk-pagination-pages {
    order: 3;
    width: 100%;
  }
}

.kmk-blog-professional {
  border: 1px solid var(--kmk-color-border);
  background: linear-gradient(135deg, #f7fbff, #fff);
  border-radius: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  padding: 18px 20px;
  display: grid;
  box-shadow: 0 10px 30px #0d2b4512;
}

.kmk-blog-professional-profile {
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: grid;
}

.kmk-blog-professional-photo, .kmk-blog-professional-initials {
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  flex: none;
  width: 64px;
  height: 64px;
}

.kmk-blog-professional-initials {
  color: var(--kmk-color-heading);
  background: #eaf2f8;
  place-items: center;
  font-weight: 850;
  display: grid;
}

.kmk-blog-professional-copy {
  min-width: 0;
}

.kmk-blog-professional-copy .eyebrow {
  margin: 0 0 2px;
}

.kmk-blog-professional-copy h2 {
  margin: .1rem 0 .25rem;
  font-size: 1.25rem;
  line-height: 1.15;
}

.kmk-blog-professional-copy p:not(.eyebrow) {
  color: var(--kmk-color-muted);
  margin: 0;
  font-size: .9rem;
  line-height: 1.45;
}

.kmk-blog-professional-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.kmk-blog-professional-actions .kmk-button {
  justify-content: center;
  min-width: 118px;
}

.kmk-blog-related {
  margin-top: 18px;
}

@media (max-width: 680px) {
  .kmk-blog-professional {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .kmk-blog-professional-profile {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .kmk-blog-professional-photo, .kmk-blog-professional-initials {
    width: 54px;
    height: 54px;
  }

  .kmk-blog-professional-actions {
    justify-content: stretch;
  }

  .kmk-blog-professional-actions .kmk-button {
    flex: 1 1 0;
    min-width: 0;
  }
}

.kmk-blog-terms {
  border: 1px solid var(--kmk-color-border-soft);
  background: var(--kmk-color-surface-alt);
  border-radius: 18px;
  margin: 34px 0 0;
  padding: 20px;
}

.kmk-blog-terms .eyebrow {
  margin: 0 0 3px;
}

.kmk-blog-terms h2 {
  margin: .15rem 0 .8rem;
  font-size: 1.3rem;
}

.kmk-blog-terms > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.kmk-blog-terms a {
  border: 1px solid var(--kmk-color-border);
  min-height: 38px;
  color: var(--kmk-color-blue-700);
  background: #fff;
  border-radius: 999px;
  align-items: center;
  padding: 7px 10px;
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.kmk-blog-terms a:hover {
  text-decoration: underline;
}

.kmk-blog-terms a:focus-visible {
  outline: 3px solid var(--kmk-color-blue-600);
  outline-offset: 2px;
}

@media (max-width: 600px) {
  .kmk-blog-terms {
    padding: 16px;
  }

  .kmk-blog-terms a {
    font-size: .82rem;
  }
}

.kmk-blog-current {
  background: #f5faff;
  border: 1px solid #cfe2f6;
  border-radius: 18px;
  margin: 8px 0 28px;
  padding: 20px;
}

.kmk-blog-current .eyebrow {
  margin: 0 0 3px;
}

.kmk-blog-current > h2 {
  margin: .15rem 0 .9rem;
  font-size: 1.35rem;
}

.kmk-blog-current-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.kmk-blog-current-grid section {
  background: #fff;
  border: 1px solid #dbe9f5;
  border-radius: 13px;
  padding: 14px;
}

.kmk-blog-current-grid h3 {
  margin: 0 0 .35rem;
  font-size: 1rem;
}

.kmk-blog-current-grid p {
  margin: .25rem 0;
  font-size: .9rem;
  line-height: 1.55;
}

.kmk-blog-current-source {
  color: var(--kmk-color-muted);
}

.kmk-blog-current-source a {
  font-weight: 750;
}

.kmk-blog-current-note {
  color: var(--kmk-color-muted);
  margin: .85rem 0 0;
  font-size: .82rem;
}

.kmk-blog-current-note strong {
  color: var(--kmk-color-text);
}

@media (max-width: 680px) {
  .kmk-blog-current {
    padding: 16px;
  }

  .kmk-blog-current-grid {
    grid-template-columns: 1fr;
  }
}

.kmk-human-page-hero {
  gap: var(--kmk-space-6);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  align-items: center;
  display: grid;
}

.kmk-human-page-photo {
  border: 1px solid var(--kmk-color-border);
  border-radius: var(--kmk-radius-lg);
  background: var(--kmk-color-surface);
  box-shadow: var(--kmk-shadow-sm);
  aspect-ratio: 4 / 3;
  margin: 0;
  overflow: hidden;
}

.kmk-human-page-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.kmk-choice-human-side {
  gap: var(--kmk-space-3);
  align-items: end;
  display: grid;
}

.kmk-human-choice-cutout {
  border-radius: var(--kmk-radius-lg);
  background: var(--kmk-color-surface-alt);
  min-height: 205px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.kmk-human-choice-cutout img {
  object-fit: contain;
  width: min(360px, 95%);
  height: auto;
  max-height: 230px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 760px) {
  .kmk-human-page-hero {
    gap: var(--kmk-space-5);
    grid-template-columns: 1fr;
  }

  .kmk-human-page-photo {
    aspect-ratio: 16 / 9;
    max-height: 260px;
  }

  .kmk-human-choice-cutout {
    min-height: 180px;
  }

  .kmk-human-choice-cutout img {
    max-height: 205px;
  }
}

/*# sourceMappingURL=_0966akr1rg-vj._.css.map*/