body.lcg-aaha-decision-criteria-page {
  --lcg-dc-navy: #02455c;
  --lcg-dc-blue: #005a92;
  --lcg-dc-light-blue: #54c0e8;
  --lcg-dc-pale: #b6e3ff;
  --lcg-dc-orange: #f98509;
  --lcg-dc-yellow: #ffdd00;
  --lcg-dc-green: #237039;
  --lcg-dc-wine: #8a1e41;
  --lcg-dc-black: #000;
  --lcg-dc-white: #fff;
}

body.lcg-aaha-decision-criteria-page,
body.lcg-aaha-decision-criteria-page button,
body.lcg-aaha-decision-criteria-page select {
  font-family: Montserrat, Avenir, "Segoe UI", Arial, sans-serif;
}

body.lcg-aaha-decision-criteria-page .site-content > .ast-container,
body.lcg-aaha-decision-criteria-page .site-content .ast-container,
body.lcg-aaha-decision-criteria-page #primary,
body.lcg-aaha-decision-criteria-page .entry-content,
body.lcg-aaha-decision-criteria-page .fl-builder-content,
body.lcg-aaha-decision-criteria-page .fl-row-fixed-width {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
}

body.lcg-aaha-decision-criteria-page :is(.fl-row, .fl-row-content, .fl-col-group, .fl-col, .fl-col-content, .fl-module, .fl-module-content) {
  box-sizing: border-box;
  min-width: 0;
}

body.lcg-aaha-decision-criteria-page .site-content > .ast-container {
  padding-inline: clamp(12px, 2vw, 30px);
}

body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-row > .fl-row-content-wrap {
  padding-inline: 0;
}

body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-row > .fl-row-content-wrap > .fl-row-content {
  width: 100%;
  max-width: none;
}

body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-hero {
  padding-top: 22px;
  border-top: 8px solid var(--lcg-dc-blue);
}
body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-hero h1 {
  margin: .2em 0;
  color: var(--lcg-dc-navy);
  font-size: clamp(32px, 4vw, 60px);
  line-height: 1.08;
}
body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-hero p,
body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-axis-heading h2 {
  color: var(--lcg-dc-navy);
}
body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-eyebrow {
  color: var(--lcg-dc-navy);
  font-weight: 900;
  letter-spacing: .08em;
}
body.lcg-aaha-decision-criteria-page .lcg-aaha-dc-source-note {
  padding: 16px;
  color: var(--lcg-dc-navy);
  background: var(--lcg-dc-pale);
  border-left: 6px solid var(--lcg-dc-light-blue);
}

body.lcg-aaha-decision-criteria-page .fl-builder-content { overflow: clip; }
body.lcg-aaha-decision-criteria-page :is(.lcg-aaha-dc-summary, .lcg-aaha-dc-comparison-controls, .lcg-aaha-dc-comparison-row) :is(select, button):focus-visible {
  outline: 3px solid var(--lcg-dc-navy);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--lcg-dc-orange);
}

.lcg-aaha-dc-summary {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) minmax(150px, .7fr) minmax(250px, 1.3fr) minmax(220px, 1fr);
  gap: 14px;
  align-items: stretch;
}
.lcg-aaha-dc-summary__axis,
.lcg-aaha-dc-summary__selector,
.lcg-aaha-dc-summary__status {
  display: grid;
  align-content: center;
  min-height: 108px;
  padding: 18px;
  border: 2px solid var(--lcg-dc-navy);
}
.lcg-aaha-dc-summary__axis { color: var(--lcg-dc-white); background: var(--lcg-dc-blue); text-align: center; }
.lcg-aaha-dc-summary__axis--ease { color: var(--lcg-dc-black); background: var(--lcg-dc-orange); }
.lcg-aaha-dc-summary__axis strong { font-size: clamp(30px, 3vw, 48px); line-height: 1; }
.lcg-aaha-dc-summary__axis span { font-weight: 800; }
.lcg-aaha-dc-summary__selector { gap: 8px; color: var(--lcg-dc-navy); background: var(--lcg-dc-white); font-weight: 850; }
.lcg-aaha-dc-summary select,
.lcg-aaha-dc-comparison-controls select { min-height: 44px; padding: 8px 38px 8px 12px; color: var(--lcg-dc-navy); background: var(--lcg-dc-white); border: 2px solid var(--lcg-dc-navy); font: inherit; }
.lcg-aaha-dc-summary__status { gap: 5px; color: var(--lcg-dc-navy); background: var(--lcg-dc-pale); }

.lcg-aaha-dc-card {
  display: grid;
  gap: 12px;
  height: 100%;
  padding: clamp(18px, 2vw, 28px);
  color: var(--lcg-dc-navy);
  background: var(--lcg-dc-white);
  border: 2px solid var(--lcg-dc-navy);
  border-top: 10px solid var(--lcg-dc-blue);
  box-shadow: 0 10px 24px rgb(2 69 92 / 11%);
}
.lcg-aaha-dc-card--ease { border-top-color: var(--lcg-dc-orange); }
.lcg-aaha-dc-card header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.lcg-aaha-dc-card header > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--lcg-dc-white); background: var(--lcg-dc-navy); border-radius: 50%; font-weight: 900; }
.lcg-aaha-dc-card h3 { margin: 0; color: var(--lcg-dc-navy); font-size: clamp(18px, 1.6vw, 25px); }
.lcg-aaha-dc-card header > strong { min-width: 70px; padding: 8px; color: var(--lcg-dc-white); background: var(--lcg-dc-navy); border: 2px solid var(--lcg-dc-navy); text-align: center; }
.lcg-aaha-dc-card p { margin: 0; color: var(--lcg-dc-navy); }
.lcg-aaha-dc-card > div { display: grid; gap: 4px; padding: 12px; color: var(--lcg-dc-navy); background: var(--lcg-dc-pale); border-left: 5px solid var(--lcg-dc-light-blue); }

.lcg-aaha-dc-comparison-controls { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(320px, 2fr); gap: 18px; align-items: end; padding: 20px; color: var(--lcg-dc-navy); background: var(--lcg-dc-pale); border: 2px solid var(--lcg-dc-navy); }
.lcg-aaha-dc-comparison-controls label { display: grid; gap: 8px; font-weight: 850; }
.lcg-aaha-dc-comparison-controls p { margin: 0; }
.lcg-aaha-dc-axis-summary { display: grid; gap: 12px; padding: 18px 20px; color: var(--lcg-dc-navy); background: var(--lcg-dc-pale); border: 2px solid var(--lcg-dc-navy); border-left: 10px solid var(--lcg-dc-blue); }
.lcg-aaha-dc-axis-summary--ease { border-left-color: var(--lcg-dc-orange); }
.lcg-aaha-dc-axis-summary header { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; justify-content: space-between; }
.lcg-aaha-dc-axis-summary h2,
.lcg-aaha-dc-axis-summary p { margin: 0; color: var(--lcg-dc-navy); }
.lcg-aaha-dc-axis-summary p { font-weight: 800; }
.lcg-aaha-dc-axis-summary > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lcg-aaha-dc-axis-summary > div > span { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; justify-content: space-between; min-height: 44px; padding: 10px 12px; color: var(--lcg-dc-white); background: var(--lcg-dc-navy); }
.lcg-aaha-dc-axis-summary > div > span:nth-child(2) { color: var(--lcg-dc-black); background: var(--lcg-dc-orange); }
.lcg-aaha-dc-comparison-row { margin-block: 6px; }
.lcg-aaha-dc-comparison-row__trigger {
  display: grid;
  grid-template-columns: minmax(190px, 1.1fr) minmax(280px, 2fr) minmax(130px, .6fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 64px;
  padding: 10px 14px;
  color: var(--lcg-dc-navy);
  background: var(--lcg-dc-white);
  border: 2px solid var(--lcg-dc-light-blue);
  border-left: 7px solid var(--lcg-dc-blue);
  text-align: left;
  cursor: help;
}
.lcg-aaha-dc-comparison-row__trigger:hover { color: var(--lcg-dc-navy); background: #b6e3ff; border-color: var(--lcg-dc-navy); }
.lcg-aaha-dc-comparison-row__trigger:active,
.lcg-aaha-dc-comparison-row__trigger[aria-expanded="true"] { color: var(--lcg-dc-navy); background: var(--lcg-dc-pale); border-color: var(--lcg-dc-orange); }
.lcg-aaha-dc-comparison-row--ease .lcg-aaha-dc-comparison-row__trigger { border-left-color: var(--lcg-dc-orange); }
.lcg-aaha-dc-comparison-row__name { display: flex; gap: 10px; align-items: center; font-weight: 850; }
.lcg-aaha-dc-comparison-row__name b { display: grid; place-items: center; min-width: 36px; height: 36px; color: var(--lcg-dc-white); background: var(--lcg-dc-navy); border-radius: 50%; }
.lcg-aaha-dc-comparison-row__pair { display: grid; gap: 6px; }
.lcg-aaha-dc-comparison-row__pair > span { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(100px, auto) 58px; align-items: center; gap: 8px; }
.lcg-aaha-dc-comparison-row__pair i { position: relative; display: block; height: 12px; background: var(--lcg-dc-pale); overflow: hidden; }
.lcg-aaha-dc-comparison-row__pair i::after { content: ''; display: block; width: var(--dc-weight); height: 100%; background: var(--lcg-dc-navy); }
.lcg-aaha-dc-comparison-row__pair span:nth-child(2) i::after { background: var(--lcg-dc-orange); }
.lcg-aaha-dc-comparison-row__pair em { color: var(--lcg-dc-navy); font-style: normal; font-size: 13px; font-weight: 750; }
.lcg-aaha-dc-comparison-row__pair strong { font-variant-numeric: tabular-nums; text-align: right; }
.lcg-aaha-dc-comparison-row__delta { color: var(--lcg-dc-navy); font-size: 13px; font-weight: 850; text-align: right; }
.lcg-aaha-dc-comparison-row__delta.is-higher { color: var(--lcg-dc-green); }
.lcg-aaha-dc-comparison-row__delta.is-lower { color: var(--lcg-dc-wine); }

.lcg-aaha-dc-tooltip { position: fixed; z-index: 999999; display: grid; gap: 7px; width: min(360px, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow: auto; padding: 14px; color: var(--lcg-dc-white); background: var(--lcg-dc-navy); border: 3px solid var(--lcg-dc-orange); box-shadow: 0 12px 30px rgb(0 0 0 / 25%); }
.lcg-aaha-dc-tooltip[hidden] { display: none; }
.lcg-aaha-dc-tooltip strong { color: var(--lcg-dc-white); }
.lcg-aaha-dc-tooltip span { color: var(--lcg-dc-white); }

@media (max-width: 900px) {
  .lcg-aaha-dc-summary { grid-template-columns: 1fr 1fr; }
  .lcg-aaha-dc-summary__selector,
  .lcg-aaha-dc-summary__status { grid-column: 1 / -1; }
  .lcg-aaha-dc-comparison-controls { grid-template-columns: 1fr; }
  .lcg-aaha-dc-comparison-row__trigger { grid-template-columns: 1fr; }
  .lcg-aaha-dc-comparison-row__delta { text-align: left; }
}

@media (max-width: 520px) {
  .lcg-aaha-dc-summary { grid-template-columns: 1fr; }
  .lcg-aaha-dc-summary > * { grid-column: 1; }
  .lcg-aaha-dc-card header { grid-template-columns: 44px minmax(0, 1fr); }
  .lcg-aaha-dc-card header > strong { grid-column: 1 / -1; }
  .lcg-aaha-dc-axis-summary > div { grid-template-columns: 1fr; }
  .lcg-aaha-dc-comparison-row__pair > span { grid-template-columns: minmax(70px, 1fr) 80px 52px; }
}
