:root {
  color-scheme: light;
  --page-blue: #e8f2fb;
  --ink: #173652;
  --ink-soft: #527fa5;
  --title: #173c5d;
  --line: #aec1d2;
  --menu-line: #c7daee;
  --menu-bg: #f8fbff;
  --fill: #f5f5f6;
  --paper: #ffffff;
  --bar: #1f6fae;
  --button: #0b70c9;
  --link: #075eaa;
  --deep-blue: #183c5b;
  --legacy-blue: #2478bf;
  --legacy-blue-dark: #174f7c;
  --legacy-blue-soft: #eaf4fc;
  --soft-blue: #eef6fd;
  --sand: #f2eadc;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--page-blue);
  color: var(--ink);
  font-family: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.38;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select {
  font: inherit;
}

a,
button {
  color: var(--link);
}

a {
  text-decoration: none;
}

a:hover,
button:hover {
  text-decoration: underline;
}

button {
  border: 1px solid #c0c0e0;
  background: #fff;
  cursor: pointer;
}

input,
select {
  min-height: 22px;
  border: 1px solid #b9c1d0;
  background: #fff;
  color: var(--ink);
  padding: 2px 5px;
}

.page {
  width: min(1013px, calc(100vw - 18px));
  margin: 0 auto;
  padding: 10px 0 52px;
}

.topline {
  display: none;
  justify-content: space-between;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #40638d;
  font-size: 10px;
}

.topline span:first-child {
  color: #29483d;
  font-weight: bold;
}

.local-migration-bridge,
.migration-workspace,
.internal-only {
  display: none !important;
}

.site-switch {
  display: none;
}

.tab {
  min-height: 28px;
  border: 0;
  border-right: 1px solid var(--menu-line);
  background: var(--menu-bg);
  color: #909090;
  font-size: 11px;
  text-transform: uppercase;
}

.tab:last-child {
  border-right: 0;
}

.tab.active {
  background: #fff;
  color: var(--deep-blue);
  font-weight: bold;
}

.route-context {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid var(--line);
  border-bottom: 0;
  background: #f7fbfb;
  padding: 8px;
  line-height: 1.35;
}

.route-context[hidden] {
  display: none;
}

.route-context strong {
  display: block;
  color: var(--title);
}

.route-context span {
  display: block;
  margin-top: 3px;
  color: #5f7f86;
  overflow-wrap: anywhere;
}

.route-context a {
  font-weight: bold;
}

.launch-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #c6b99f;
  border-bottom: 0;
  background: #fffaf2;
  padding: 8px;
  line-height: 1.35;
}

.launch-guard[hidden] {
  display: none;
}

.launch-guard strong {
  display: block;
  color: #684f21;
}

.launch-guard span,
.launch-guard p {
  display: block;
  margin: 3px 0 0;
  color: #6d5e43;
  overflow-wrap: anywhere;
}

.launch-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #6d5e43;
}

.launch-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #e4d7be;
  padding-top: 5px;
}

.launch-guard-checks summary {
  color: #684f21;
  cursor: pointer;
  font-weight: bold;
}

.launch-guard-checks li {
  margin: 2px 0;
}

.pilot-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #b8c7bb;
  border-bottom: 0;
  background: #f8fcf8;
  padding: 8px;
  line-height: 1.35;
}

.pilot-guard[hidden] {
  display: none;
}

.pilot-guard strong {
  display: block;
  color: #3f6345;
}

.pilot-guard span,
.pilot-guard p {
  display: block;
  margin: 3px 0 0;
  color: #526d58;
  overflow-wrap: anywhere;
}

.pilot-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #526d58;
}

.pilot-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #d4e2d5;
  padding-top: 5px;
}

.pilot-guard-checks summary {
  color: #3f6345;
  cursor: pointer;
  font-weight: bold;
}

.pilot-guard-checks li {
  margin: 2px 0;
}

.route-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #c79b9b;
  border-bottom: 0;
  background: #fff7f7;
  padding: 8px;
  line-height: 1.35;
}

.route-guard[hidden] {
  display: none;
}

.route-guard strong {
  display: block;
  color: #7b2727;
}

.route-guard span,
.route-guard p {
  display: block;
  margin: 3px 0 0;
  color: #744f55;
}

.route-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #744f55;
}

.route-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #e5caca;
  padding-top: 5px;
}

.route-guard-checks summary {
  color: #7b2727;
  cursor: pointer;
  font-weight: bold;
}

.route-guard-checks li {
  margin: 2px 0;
}

.auth-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #d0c0a4;
  border-bottom: 0;
  background: #fffdf6;
  padding: 8px;
  line-height: 1.35;
}

.auth-guard[hidden] {
  display: none;
}

.auth-guard strong {
  display: block;
  color: #66512b;
}

.auth-guard span,
.auth-guard p {
  display: block;
  margin: 3px 0 0;
  color: #6c5b40;
  overflow-wrap: anywhere;
}

.auth-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #6c5b40;
}

.auth-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #e8dfc8;
  padding-top: 5px;
}

.auth-guard-checks summary {
  color: #66512b;
  cursor: pointer;
  font-weight: bold;
}

.auth-guard-checks li {
  margin: 2px 0;
}

.payment-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #b6c7d3;
  border-bottom: 0;
  background: #f7fbff;
  padding: 8px;
  line-height: 1.35;
}

.payment-guard[hidden] {
  display: none;
}

.payment-guard strong {
  display: block;
  color: #2f5064;
}

.payment-guard span,
.payment-guard p {
  display: block;
  margin: 3px 0 0;
  color: #4d6574;
  overflow-wrap: anywhere;
}

.payment-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #4d6574;
}

.payment-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #d4e0e8;
  padding-top: 5px;
}

.payment-guard-checks summary {
  color: #2f5064;
  cursor: pointer;
  font-weight: bold;
}

.payment-guard-checks li {
  margin: 2px 0;
}

.module-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #c8cdd6;
  border-bottom: 0;
  background: #fbfbfd;
  padding: 8px;
  line-height: 1.35;
}

.module-guard[hidden] {
  display: none;
}

.module-guard strong {
  display: block;
  color: #46566e;
}

.module-guard span,
.module-guard p {
  display: block;
  margin: 3px 0 0;
  color: #5a6370;
  overflow-wrap: anywhere;
}

.module-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #5a6370;
}

.module-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #d9dde5;
  padding-top: 5px;
}

.module-guard-checks summary {
  color: #46566e;
  cursor: pointer;
  font-weight: bold;
}

.module-guard-checks li {
  margin: 2px 0;
}

.content-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #b7c9b4;
  border-bottom: 0;
  background: #f8fcf6;
  padding: 8px;
  line-height: 1.35;
}

.content-guard[hidden] {
  display: none;
}

.content-guard strong {
  display: block;
  color: #29483d;
}

.content-guard span,
.content-guard p {
  display: block;
  margin: 3px 0 0;
  color: #4f665b;
}

.content-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #4f665b;
}

.content-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #cfddca;
  padding-top: 5px;
}

.content-guard-checks summary {
  color: #29483d;
  cursor: pointer;
  font-weight: bold;
}

.visual-guard {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
  gap: 8px;
  border: 1px solid #b8c6d8;
  border-bottom: 0;
  background: #f7fbff;
  padding: 8px;
  line-height: 1.35;
}

.visual-guard[hidden] {
  display: none;
}

.visual-guard strong {
  display: block;
  color: #2f496b;
}

.visual-guard span,
.visual-guard p {
  display: block;
  margin: 3px 0 0;
  color: #4f637f;
}

.visual-guard ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #4f637f;
}

.visual-guard-checks {
  margin-top: 7px;
  border-top: 1px solid #d4dfec;
  padding-top: 5px;
}

.visual-guard-checks summary {
  color: #2f496b;
  cursor: pointer;
  font-weight: bold;
}

.route-context,
.launch-guard,
.pilot-guard,
.route-guard,
.auth-guard,
.payment-guard,
.module-guard,
.content-guard,
.visual-guard {
  display: none;
}

.tool {
  display: none;
}

.tool.active {
  display: block;
}

.modern-home {
  display: none;
  grid-template-columns: minmax(250px, 360px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  border: 1px solid var(--line);
  border-bottom: 0;
  background: #fff;
  color: var(--ink);
  padding: 22px 30px 20px;
}

.modern-home::after {
  display: none;
}

.modern-home-remedy::after {
  display: none;
}

.modern-home-homeopathy::after {
  display: none;
}

.modern-home-image {
  width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: contain;
  object-position: center;
  border: 1px solid #d8dfef;
  background: #f7f7f7;
}

.modern-home-content {
  width: min(560px, 100%);
}

.modern-kicker {
  margin: 0 0 6px;
  color: #6c87a6;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.modern-home h1 {
  margin: 0;
  color: var(--title);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 600;
}

.modern-home p {
  max-width: 560px;
  margin: 9px 0 0;
  color: #294861;
  font-size: 14px;
  line-height: 1.45;
}

.modern-method-steps {
  display: grid;
  gap: 5px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.modern-method-steps li {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  min-height: 27px;
  border: 1px solid #d8dfef;
  background: #f8f8f8;
  color: #294861;
  line-height: 1.3;
}

.modern-method-steps span {
  display: grid;
  align-items: center;
  justify-items: center;
  align-self: stretch;
  border-right: 1px solid #d8dfef;
  background: #eef4f6;
  color: #29483d;
  font-weight: bold;
}

.modern-search {
  display: grid;
  gap: 7px;
  width: min(560px, 100%);
  margin-top: 14px;
}

.modern-search label {
  color: #29483d;
  font-size: 13px;
  font-weight: 500;
}

.modern-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.modern-search-row input,
.modern-search-row button {
  min-height: 28px;
  font-size: 13px;
}

.modern-search-row input {
  border: 1px solid #b9c1d0;
  background: #fff;
  color: var(--ink);
  padding: 4px 7px;
}

.modern-search-row button,
.modern-quick-links a {
  border: 1px solid #c0c0e0;
  background: #fff;
  color: var(--ink);
  font-weight: 500;
}

.modern-search-row button {
  padding: 4px 10px;
}

.modern-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.modern-quick-links a {
  display: inline-grid;
  align-items: center;
  min-height: 25px;
  padding: 4px 8px;
}

.legacy-heritage-strip {
  display: grid;
  grid-template-columns: 112px minmax(170px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  border: 1px solid #d2d9e2;
  background: #f8fbfb;
  padding: 8px;
}

.legacy-heritage-strip:empty {
  display: none;
}

.legacy-heritage-strip img {
  max-width: 112px;
  max-height: 44px;
  object-fit: contain;
}

.legacy-heritage-strip dl {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 2px 7px;
  margin: 0;
  white-space: nowrap;
}

.legacy-heritage-strip dt {
  color: #6c87a6;
  font-size: 10px;
  text-transform: uppercase;
}

.legacy-heritage-strip dd {
  margin: 0;
  color: #29483d;
  font-weight: bold;
}

.legacy-heritage-strip p {
  margin: 0;
  color: #4f665b;
  font-size: 11px;
  line-height: 1.35;
}

.modern-home + .legacy-page {
  border-top: 1px solid var(--line);
}

.legacy-page {
  border: 1px solid var(--line);
  background: var(--paper);
  padding: 18px 29px 28px;
}

.legacy-header {
  display: grid;
  gap: 0;
}

.brand-row {
  display: grid;
  grid-template-columns: minmax(320px, 430px) minmax(360px, 1fr);
  align-items: start;
  gap: 22px;
  min-height: 98px;
}

.brand-row > img,
.brand-home-link {
  display: block;
  max-width: 100%;
  width: min(420px, 100%);
  height: auto;
}

.brand-home-link {
  color: inherit;
  text-decoration: none;
}

.brand-home-link img {
  display: block;
  width: 100%;
  height: auto;
}

.brand-home-link:focus-visible {
  outline: 2px solid #1f78bd;
  outline-offset: 6px;
  border-radius: 10px;
}

.brand-legacy-meta {
  display: grid;
  justify-items: end;
  gap: 10px;
  padding-top: 48px;
}

.sibling-links {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 22px;
  width: auto;
  min-height: 0;
  padding-top: 0;
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
}

.sibling-links span {
  color: #5e87ac;
  font-weight: 500;
}

.sibling-links a {
  margin-left: 0;
  color: var(--link);
  font-size: 12px;
  font-weight: 500;
}

.legacy-menu,
.legacy-utility {
  min-height: 35px;
  border-top: 1px solid var(--menu-line);
  border-left: 1px solid var(--menu-line);
  background: var(--menu-bg);
}

.legacy-menu {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b8d2e8 transparent;
  grid-template-columns: none;
}

.legacy-utility {
  display: grid;
}

.legacy-menu-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.legacy-menu-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.legacy-menu-7 {
  grid-template-columns: 1.35fr .74fr .82fr .9fr .92fr 1.08fr 92px;
}

.legacy-menu-8 {
  grid-template-columns: 1.32fr 1.66fr .62fr .72fr .82fr .82fr 1.02fr 92px;
}

.legacy-menu-9 {
  grid-template-columns: 1.28fr .78fr 1.56fr .58fr .7fr .82fr .72fr 1fr 92px;
}

.legacy-utility {
  grid-template-columns: repeat(3, minmax(120px, 1fr)) 118px;
  min-height: 27px;
  border-top: 0;
  background: #fff;
}

.legacy-menu a,
.legacy-menu select,
.legacy-utility a,
.legacy-utility select {
  display: grid;
  place-items: center;
  min-height: 35px;
  padding: 5px 7px;
  border-right: 1px solid var(--menu-line);
  border-bottom: 1px solid var(--menu-line);
  color: #1f5f96;
  text-align: center;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.18;
  text-transform: none;
  white-space: nowrap;
}

.legacy-menu a {
  flex: 1 0 max-content;
  min-width: max-content;
  padding-right: 12px;
  padding-left: 12px;
}

.legacy-menu select {
  flex: 0 0 92px;
  min-width: 92px;
}

.legacy-menu a:hover,
.legacy-menu select:hover,
.legacy-utility a:hover,
.legacy-utility select:hover {
  background: #e8f4ff;
  color: #084f91;
  text-decoration: none;
}

.legacy-utility a,
.legacy-utility select {
  min-height: 27px;
  color: #8092a0;
  font-size: 10px;
}

.legacy-menu select,
.legacy-utility select {
  width: 100%;
  border-top: 0;
  border-left: 0;
  background: #fff;
  color: #1f5f96;
}

.intro-grid {
  display: grid;
  grid-template-columns: 220px minmax(260px, 1fr) 148px 204px;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
  align-items: stretch;
}

.intro-grid > * {
  min-width: 0;
}

.hero-art {
  position: relative;
  min-height: 249px;
  overflow: hidden;
  border: 1px solid #e3e6ec;
  background: #eef2f7;
}

.hero-art.tall {
  min-height: 420px;
}

.hero-art img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-actions {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

.hero-actions a {
  flex: 1 1 50%;
  min-height: 100%;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: transparent;
  font-weight: bold;
  text-indent: -999px;
}

.hero-actions a:focus-visible {
  outline: 2px solid #1f497d;
  outline-offset: -4px;
}

.legacy-action-panel {
  display: grid;
  align-content: start;
  min-height: 249px;
  border: 1px solid #c6c6c6;
  background: #fff;
  color: var(--ink);
  line-height: 1.36;
}

.legacy-action-panel h2 {
  margin: 0;
  border-bottom: 1px solid #c6c6c6;
  background: var(--fill);
  color: var(--deep-blue);
  padding: 4px 8px;
  text-align: center;
  font-size: 13.5px;
  font-weight: 600;
}

.legacy-action-panel p {
  margin: 9px 12px 0;
}

.legacy-action-panel a {
  color: #082b4c;
  font-weight: 500;
  text-decoration: underline;
}

.legacy-primary-link {
  justify-self: center;
  margin-top: 10px;
  color: #008fc0 !important;
  font-size: 15px;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.legacy-primary-link::after {
  content: " \203A";
}

.legacy-media-cell {
  position: relative;
  display: grid;
  align-content: end;
  justify-items: center;
  min-height: 249px;
  margin: 0;
  border: 1px solid #c6c6c6;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 953px 249px;
  overflow: hidden;
}

.legacy-media-cell h2 {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 26px;
  margin: 0;
  border-bottom: 1px solid #c6c6c6;
  background: var(--fill);
  color: var(--deep-blue);
  padding: 4px 8px;
  text-align: center;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.16;
}

.legacy-media-cell--illness-doctor {
  background-image: url("legacy/illnessfinder-index-modern.jpg");
  background-size: cover;
  background-position: center center;
}

.legacy-media-cell--illness-demo {
  background-image: none;
}

.legacy-media-cell--remedy-doctor {
  background-image: url("legacy/remedyfinder-index-modern.jpg");
  background-size: cover;
  background-position: center center;
}

.legacy-media-cell--remedy-demo {
  background-image: none;
}

.legacy-media-cell--homeopathy-doctor {
  background-image: url("legacy/webhomeopath-index-modern.jpg");
  background-size: cover;
  background-position: center center;
}

.legacy-media-cell--homeopathy-demo {
  background-image: none;
}

.legacy-media-cell--illness-demo,
.legacy-media-cell--remedy-demo,
.legacy-media-cell--homeopathy-demo {
  align-content: center;
  padding: 44px 12px 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 250, 253, 0.95)),
    linear-gradient(135deg, rgba(36, 120, 191, 0.08), rgba(24, 60, 91, 0.03));
}

.legacy-media-cell--illness-demo::before,
.legacy-media-cell--remedy-demo::before,
.legacy-media-cell--homeopathy-demo::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  border: 1px solid #b8d1e8;
  border-radius: 50%;
  background:
    linear-gradient(135deg, transparent 44%, #1f6fae 45%, #1f6fae 56%, transparent 57%),
    #f7fbff;
  box-shadow: inset 0 0 0 8px rgba(31, 111, 174, 0.08);
}

.legacy-media-cell--illness-demo .legacy-demo-link,
.legacy-media-cell--remedy-demo .legacy-demo-link,
.legacy-media-cell--homeopathy-demo .legacy-demo-link {
  margin: 12px 0 0;
  border: 1px solid #b8d1e8;
  background: #fff;
  padding: 5px 12px;
  color: #123a5b;
  font-weight: 600;
  text-decoration: none;
}

.legacy-intro-source-map {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.legacy-demo-link {
  position: relative;
  z-index: 3;
  margin-bottom: 9px;
  color: #082b4c;
  font-weight: 500;
  text-decoration: underline;
}

.login-box,
.demo-panel,
.method-panel,
.closed-shop-panel {
  border: 1px solid var(--ink);
  background: var(--fill);
}

.login-box {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  min-height: 249px;
  padding: 0 10px 12px;
  overflow: hidden;
  background: #f8fbfe;
  color: var(--deep-blue);
  line-height: 1.3;
}

.login-box h2,
.demo-panel summary,
.method-panel summary,
.closed-shop-panel summary {
  margin: 0 -10px 8px;
  padding: 5px 9px;
  background: var(--bar);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.login-box h2 {
  text-align: center;
}

.login-box label {
  display: grid;
  gap: 4px;
  color: var(--deep-blue);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.login-box input {
  width: 100%;
  min-width: 0;
  min-height: 23px;
  border: 1px solid #b8c8d9;
  background: #fff;
}

.login-box input:disabled {
  background: #edf3f8;
  color: #6c7785;
}

.login-box button {
  justify-self: stretch;
  min-width: 0;
  min-height: 24px;
  border: 1px solid #b7c8dc;
  background: linear-gradient(#ffffff, #edf5fc);
  color: var(--button);
  font-weight: 500;
  cursor: pointer;
}

.login-box button:disabled {
  color: #7d8794;
  background: #edf3f8;
  cursor: default;
}

.login-box p {
  margin: 0;
  color: var(--deep-blue);
  font-size: 12px;
  line-height: 1.32;
}

.account-guard {
  color: #6c87a6;
  font-size: 11px;
  line-height: 1.25;
}

.account-trust-list {
  display: grid;
  gap: 4px;
  margin: 0;
}

.account-trust-list span {
  border: 1px solid #c8d9c9;
  background: #f6fbf6;
  padding: 4px 6px;
  color: #315b38;
  font-size: 11px;
  line-height: 1.2;
}

.shop-guard {
  margin: 0 8px 8px;
  border: 1px solid #c9c0a8;
  background: #fffdf5;
  color: #554a33;
}

.shop-guard strong {
  color: var(--title);
}

body[data-current-section=""] .legacy-step-strip,
body[data-current-section=""] .demo-panel,
body[data-current-section=""] .method-panel,
body[data-current-section=""] .info-grid {
  display: none;
}

body[data-current-section]:not([data-current-section=""]) .intro-grid,
body[data-current-section]:not([data-current-section=""]) .legacy-step-strip {
  display: none;
}

body[data-current-section]:not([data-current-section=""]):not([data-current-section$="-demo"]) .demo-panel {
  display: none;
}

body[data-current-section]:not([data-current-section=""]):not([data-current-section$="-method"]) .method-panel {
  display: none;
}

body[data-current-section]:not([data-current-section=""]):not([data-current-section$="-about"]):not([data-current-section$="-memberships"]):not([data-current-section$="-account"]):not([data-current-section$="-remedies"]):not([data-current-section$="-materia"]):not([data-current-section$="-legal"]) .info-grid {
  display: none;
}

body[data-current-section]:not([data-current-section=""]) .info-box:not([open]) {
  display: none;
}

body[data-current-section$="-method"] .intro-grid,
body[data-current-section$="-method"] .legacy-step-strip,
body[data-current-section$="-method"] .demo-panel,
body[data-current-section$="-method"] .info-grid,
body[data-current-section$="-method"] .method-panel > summary,
body[data-current-section$="-method"] .method-guard,
body[data-current-section$="-method"] .method-note {
  display: none;
}

body[data-current-section$="-method"] .method-panel {
  margin-top: 8px;
  border: 0;
  background: transparent;
  padding: 0;
}

.intro-video-hub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 10px;
  font-size: 11px;
  line-height: 1.35;
}

.intro-video-hub strong {
  margin-right: 4px;
  color: var(--title);
}

.intro-video-hub a,
.demo-continue-link {
  display: inline-block;
  border: 1px solid #9ba9c5;
  background: #f4f7fc;
  padding: 4px 7px;
  color: var(--link);
  font-weight: bold;
  text-decoration: underline;
}

.demo-continue-link {
  margin: 8px 10px 2px;
  border-color: #5f8d67;
  background: #eef9ef;
  color: #245f2b;
}

.migration-workspace {
  margin-top: 18px;
  border: 1px solid var(--line);
  background: #fff;
}

.migration-workspace > summary {
  display: block;
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--menu-bg);
  color: var(--title);
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
}

.migration-workspace:not([open]) > summary {
  border-bottom: 0;
}

.legacy-step-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 10px 0 0;
  padding: 0;
  border: 1px solid #c6c6c6;
  background: #fff;
  list-style: none;
}

.legacy-step-strip li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  min-height: 46px;
  border-right: 1px solid #d6dbea;
  color: var(--ink);
  line-height: 1.25;
}

.legacy-step-strip li:last-child {
  border-right: 0;
}

.legacy-step-strip span {
  display: grid;
  place-items: center;
  align-self: stretch;
  background: var(--bar);
  color: #fff;
  font-weight: 600;
}

.legacy-step-strip strong {
  display: block;
  padding: 7px 9px;
  font-size: 12.5px;
  font-weight: 500;
}

#panel-remedy .legacy-step-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.local-migration-bridge {
  margin-top: 10px;
  border: 1px solid #d8dfef;
  background: #fbfcfe;
}

.local-migration-bridge > summary {
  padding: 6px 8px;
  color: #6c87a6;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.local-migration-bridge:not([open]) > :not(summary) {
  display: none;
}

.local-migration-bridge[open] {
  padding-bottom: 8px;
}

.local-migration-bridge[open] > summary {
  border-bottom: 1px solid #d8dfef;
  background: #f4f7fb;
}

.site-readiness-bridge {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.site-readiness-card {
  min-height: 92px;
  border: 1px solid #d2ddcb;
  background: #fbfdf9;
  padding: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.site-readiness-card.primary {
  background: #f7fbf1;
}

.site-readiness-card.shell-scaffold-card {
  border-color: #d9d0bf;
  background: #fffdf8;
}

.site-readiness-card.shell-scaffold-card strong {
  color: #5d4f2d;
}

.site-readiness-card strong {
  display: block;
  margin-bottom: 5px;
  color: #2f5936;
}

.site-readiness-card p {
  margin: 5px 0 0;
  color: #526a58;
}

.site-readiness-card .stat-list {
  margin-bottom: 3px;
}

.site-priority-card ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-priority-card li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 6px;
  align-items: start;
}

.site-priority-card li > span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #c9d7dd;
  background: #f2f7f8;
  color: #31566a;
  font-size: 0.7rem;
}

.site-context-card small,
.site-priority-card b,
.site-priority-card small {
  display: block;
  overflow-wrap: anywhere;
}

.site-priority-card b {
  color: #24465b;
  font-size: 0.76rem;
}

.site-priority-card small {
  margin-top: 2px;
  color: #657985;
  font-size: 0.68rem;
}

.site-context-card small {
  margin-top: 4px;
  color: #6b7d5d;
  font-size: 0.7rem;
}

.site-priority-card p {
  margin-top: 3px;
  font-size: 0.73rem;
}

.live-reference-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.live-reference-card {
  min-height: 104px;
  border: 1px solid #d6dbea;
  background: #f9fbfd;
  padding: 8px;
  line-height: 1.35;
}

.live-reference-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--title);
}

.live-reference-card p {
  margin: 6px 0 0;
}

.live-reference-card .stat-list {
  margin-bottom: 4px;
}

.live-reference-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.live-reference-actions a {
  display: inline-grid;
  place-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid #c7d2e3;
  background: #fff;
  font-weight: bold;
}

.shell-starter-list {
  display: grid;
  gap: 10px;
}

.shell-starter-site {
  border: 1px solid #d9d0bf;
  background: #fff;
}

.shell-starter-site > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid #ece3d2;
  background: #fffaf0;
  padding: 8px;
}

.shell-starter-site > header strong {
  color: #5d4f2d;
}

.shell-starter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  padding: 8px;
}

.shell-starter-card {
  display: grid;
  gap: 6px;
  min-height: 170px;
  border: 1px solid #dde4d8;
  background: #fbfdf9;
  padding: 8px;
  line-height: 1.35;
}

.shell-starter-card--hold {
  align-content: start;
  border-color: #dfc7bf;
  background: #fff8f5;
}

.shell-starter-card__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}

.shell-starter-card__head strong {
  color: #29483d;
}

.shell-starter-card__head span {
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shell-starter-frame {
  width: 100%;
  min-height: 78px;
  border: 1px solid #d8dfef;
  background: #fff;
}

.shell-starter-card .stat-list {
  padding: 0;
}

.homepage-preview-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-preview-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 146px;
  border: 1px solid #d6dbea;
  background: #f9fbfd;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-preview-card.blocked {
  border-color: #dfc7bf;
  background: #fff8f5;
}

.homepage-preview-card__head {
  display: grid;
  gap: 2px;
}

.homepage-preview-card__head strong {
  color: var(--title);
}

.homepage-preview-card__head span {
  color: #6c87a6;
  font-size: 10px;
  text-transform: uppercase;
}

.homepage-preview-card p {
  margin: 0;
}

.homepage-preview-link {
  display: inline-grid;
  justify-self: start;
  place-items: center;
  min-height: 22px;
  border: 1px solid #c7d2e3;
  background: #fff;
  padding: 3px 7px;
  font-weight: bold;
}

.homepage-observation-list,
.homepage-worksheet-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-comparison-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.homepage-note-intake-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-adjustment-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-candidate-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-review-board-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.homepage-observation-card,
.homepage-worksheet-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 162px;
  border: 1px solid #d6dbea;
  background: #fbfcff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-worksheet-capture {
  display: grid;
  gap: 4px;
  margin: 0;
}

.homepage-worksheet-capture img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid #d6dbea;
  background: #fff;
  object-fit: cover;
  object-position: top center;
}

.homepage-worksheet-capture.mobile img {
  aspect-ratio: 390 / 844;
  max-height: 210px;
  object-fit: contain;
}

.homepage-worksheet-capture figcaption {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.homepage-comparison-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 250px;
  border: 1px solid #d6dbea;
  background: #fbfcff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-note-intake-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 205px;
  border: 1px solid #d6dbea;
  background: #fbfcff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-adjustment-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 210px;
  border: 1px solid #d3ddea;
  background: #fbfdff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-adjustment-card.P1 {
  border-color: #9fb5cd;
}

.homepage-candidate-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 190px;
  border: 1px solid #d3ddea;
  background: #fbfdff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-candidate-card.ready {
  border-color: #8eaa9b;
  background: #fbfffd;
}

.homepage-candidate-card.blocked {
  border-color: #d9b28e;
  background: #fffaf4;
}

.homepage-review-board-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 230px;
  border: 1px solid #d3ddea;
  background: #fbfdff;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.homepage-review-board-card.P1 {
  border-color: #a5b3c8;
  background: #f8fbff;
}

.homepage-review-check-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.homepage-review-check-list li {
  border: 1px solid #e0e7f0;
  background: #fff;
  padding: 4px 6px;
  color: #40546a;
  font-size: 12px;
}

.homepage-note-slot-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.homepage-note-slot-list li {
  display: grid;
  gap: 3px;
  border: 1px solid #e1e7f2;
  background: #fff;
  padding: 4px 6px;
  color: #516070;
  font-size: 12px;
}

.homepage-note-slot-list strong {
  color: #133554;
  font-size: 11px;
  text-transform: uppercase;
}

.homepage-note-slot-list span {
  color: #384d61;
}

.homepage-adjustment-task-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.homepage-adjustment-task-list li {
  border: 1px solid #e0e7f0;
  background: #fff;
  padding: 4px 6px;
  color: #40546a;
  font-size: 12px;
}

.homepage-comparison-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.homepage-comparison-shot {
  display: grid;
  gap: 4px;
  margin: 0;
  min-width: 0;
}

.homepage-comparison-shot img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid #d6dbea;
  background: #fff;
  object-fit: cover;
  object-position: top center;
}

.homepage-comparison-card.mobile .homepage-comparison-shot img {
  aspect-ratio: 390 / 844;
  max-height: 220px;
  object-fit: contain;
}

.homepage-comparison-shot figcaption {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.homepage-comparison-card p,
.homepage-note-intake-card p,
.homepage-review-board-card p,
.homepage-comparison-links {
  margin: 0;
}

.homepage-comparison-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.homepage-observation-card.blocked,
.homepage-worksheet-card.blocked {
  border-color: #dfc7bf;
  background: #fff8f5;
}

.homepage-worksheet-card.ready {
  border-color: #bdd6c1;
  background: #f7fcf8;
}

.homepage-observation-card__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 8px;
}

.homepage-observation-card__head strong {
  color: var(--title);
}

.homepage-observation-card__head span {
  border: 1px solid #c7d2e3;
  background: #fff;
  color: #46617f;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 5px;
}

.homepage-observation-card p,
.homepage-worksheet-card p {
  margin: 0;
}

.visual-acceptance-bridge {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  min-width: 0;
}

.visual-acceptance-card {
  min-height: 94px;
  border: 1px solid #d7d2c0;
  background: #fffdf6;
  min-width: 0;
  padding: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.visual-acceptance-card.primary {
  background: #fffaf0;
}

.visual-acceptance-card strong {
  display: block;
  margin-bottom: 5px;
  color: #695421;
}

.visual-acceptance-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.visual-acceptance-card a {
  font-weight: bold;
}

.visual-acceptance-card .stat-list {
  margin-bottom: 3px;
}

.visual-acceptance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.visual-acceptance-actions a {
  display: inline-grid;
  place-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid #d4c8a6;
  background: #fff;
  font-weight: bold;
}

.route-safety-bridge {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  min-width: 0;
}

.route-safety-card {
  min-height: 92px;
  border: 1px solid #d8c1c1;
  background: #fffafa;
  min-width: 0;
  padding: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.route-safety-card strong {
  display: block;
  margin-bottom: 5px;
  color: #7b2727;
}

.route-safety-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.route-safety-card a {
  font-weight: bold;
}

.route-safety-card .stat-list {
  margin-bottom: 3px;
}

.route-safety-checks {
  margin-top: 7px;
  border-top: 1px solid #eadada;
  padding-top: 5px;
}

.route-safety-checks summary {
  color: #7b2727;
  cursor: pointer;
  font-weight: bold;
}

.route-safety-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #744f55;
}

.route-safety-checks li {
  margin: 2px 0;
}

.visual-capture-bridge {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  min-width: 0;
}

.visual-capture-card {
  min-height: 94px;
  border: 1px solid #c8d6df;
  background: #f7fbfc;
  min-width: 0;
  padding: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.visual-capture-card strong {
  display: block;
  margin-bottom: 5px;
  color: #245569;
}

.visual-capture-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.visual-capture-card a {
  font-weight: bold;
}

.visual-capture-card .stat-list {
  margin-bottom: 3px;
}

.visual-capture-checks {
  margin-top: 7px;
  border-top: 1px solid #d9e4e9;
  padding-top: 5px;
}

.visual-capture-checks summary {
  color: #245569;
  cursor: pointer;
  font-weight: bold;
}

.visual-capture-checks strong {
  display: block;
  color: #245569;
}

.visual-capture-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #496573;
}

.visual-capture-checks li {
  margin: 2px 0;
}

.offline-dashboard-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.offline-dashboard-panel > * {
  min-width: 0;
}

.offline-transition-brief {
  margin-bottom: 8px;
}

.offline-transition-card {
  border: 1px solid #b7c9b0;
  background: #f8fff8;
  padding: 8px;
  line-height: 1.35;
  min-width: 0;
}

.offline-transition-card.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.offline-transition-card > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.offline-transition-card strong {
  color: #24465b;
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.offline-transition-card span,
.offline-transition-card small,
.offline-transition-card p {
  color: #526a75;
  font-size: 0.74rem;
}

.offline-transition-card p {
  margin: 6px 0 0;
}

.offline-transition-card small {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.offline-transition-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px 6px;
  margin: 7px 0 0;
  font-size: 0.72rem;
}

.offline-transition-card dt {
  color: #657985;
}

.offline-transition-card dd {
  margin: 0;
  color: #22343e;
  font-weight: bold;
  overflow-wrap: anywhere;
}

.offline-transition-step,
.offline-transition-ref {
  overflow-wrap: anywhere;
}

.database-term-seed-panel {
  border-top: 1px solid var(--line);
}

.term-seed-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.term-seed-brief {
  grid-column: 1 / -1;
  border: 1px solid #b7c9b0;
  background: #f8fff8;
  padding: 8px;
  min-width: 0;
}

.term-seed-brief.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.term-seed-brief strong,
.term-seed-site summary strong {
  color: #24465b;
  font-size: 0.84rem;
}

.term-seed-brief p,
.term-seed-site summary span,
.term-seed-site small,
.term-seed-site p {
  color: #526a75;
  font-size: 0.72rem;
}

.term-seed-brief p {
  margin: 5px 0 0;
}

.term-seed-site {
  border: 1px solid var(--line);
  background: #fff;
  min-width: 0;
}

.term-seed-site summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  cursor: pointer;
  padding: 7px;
}

.term-seed-site dl {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 6px;
  margin: 0;
  padding: 0 7px 7px;
  font-size: 0.72rem;
}

.term-seed-site dt {
  color: #657985;
}

.term-seed-site dd {
  margin: 0;
  color: #22343e;
  font-weight: bold;
}

.term-seed-row-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0 7px 7px 22px;
}

.term-seed-row {
  min-width: 0;
}

.term-seed-row strong,
.term-seed-row small {
  display: block;
  overflow-wrap: anywhere;
}

.term-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.term-review-brief {
  grid-column: 1 / -1;
  border: 1px solid #b7c9b0;
  background: #f8fff8;
  padding: 8px;
  min-width: 0;
}

.term-review-brief.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.term-review-brief strong,
.term-review-kind summary strong {
  color: #24465b;
  font-size: 0.84rem;
}

.term-review-brief p,
.term-review-kind summary span,
.term-review-kind small {
  color: #526a75;
  font-size: 0.72rem;
}

.term-review-brief p {
  margin: 5px 0 0;
}

.term-review-kind {
  border: 1px solid var(--line);
  background: #fff;
  min-width: 0;
}

.term-review-kind summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  cursor: pointer;
  padding: 7px;
}

.term-review-kind dl {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 6px;
  margin: 0;
  padding: 0 7px 7px;
  font-size: 0.72rem;
}

.term-review-kind dt {
  color: #657985;
}

.term-review-kind dd {
  margin: 0;
  color: #22343e;
  font-weight: bold;
  overflow-wrap: anywhere;
}

.term-review-row-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0 7px 7px 22px;
}

.term-review-row {
  min-width: 0;
}

.term-review-row strong,
.term-review-row small {
  display: block;
  overflow-wrap: anywhere;
}

.search-quality-row {
  border-left: 3px solid #b7c9b0;
  padding-left: 6px;
}

.search-quality-row.watch {
  border-left-color: #d6bb74;
}

.search-quality-row.blocked {
  border-left-color: #c98282;
}

.search-quality-acceptance-kind summary strong {
  color: #24465b;
}

.search-quality-regression-kind summary strong {
  color: #24465b;
}

.search-quality-test-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0 7px 7px 22px;
}

.search-quality-test-list li {
  border-left: 3px solid #b7c9b0;
  padding-left: 6px;
  min-width: 0;
}

.search-quality-test-list li.blocked {
  border-left-color: #c98282;
}

.search-quality-test-list strong,
.search-quality-test-list small {
  display: block;
  overflow-wrap: anywhere;
}

.search-quality-gate {
  border-left: 3px solid #d6bb74;
  padding-left: 6px;
}

.search-quality-gate.controlled {
  border-left-color: #8fb27d;
  color: #2f6042;
}

.search-quality-gate.blocked {
  border-left-color: #c98282;
  color: #7a3636;
}

.search-quality-test-list p {
  margin: 3px 0 0;
  color: #3d5368;
  font-size: 0.72rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.search-quality-row p {
  margin: 4px 0 0;
  color: #3d5368;
  font-size: 0.72rem;
  line-height: 1.3;
}

.search-quality-signal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.search-quality-signal {
  display: inline-flex;
  align-items: center;
  border: 1px solid #cbd9e5;
  border-radius: 3px;
  background: #f2f7fb;
  padding: 1px 4px;
  color: #315d82;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.search-quality-signal--clinical {
  border-color: #b8d8c6;
  background: #edf8f1;
  color: #287047;
}

.search-quality-signal--mesh,
.search-quality-signal--medical-term {
  border-color: #bbd6ef;
  background: #edf6ff;
  color: #236195;
}

.search-quality-signal--fuzzy,
.search-quality-signal--synonym {
  border-color: #ead5a7;
  background: #fff8e8;
  color: #7b5c17;
}

.term-answer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.term-answer-brief {
  grid-column: 1 / -1;
  border: 1px solid #b7c9b0;
  background: #f8fff8;
  padding: 8px;
  min-width: 0;
}

.term-answer-brief.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.term-answer-brief strong,
.term-answer-kind summary strong {
  color: #24465b;
  font-size: 0.84rem;
}

.term-answer-brief p,
.term-answer-kind summary span,
.term-answer-kind small {
  color: #526a75;
  font-size: 0.72rem;
}

.term-answer-brief p {
  margin: 5px 0 0;
}

.term-answer-kind {
  border: 1px solid var(--line);
  background: #fff;
  min-width: 0;
}

.term-answer-kind summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  cursor: pointer;
  padding: 7px;
}

.term-answer-row-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0 7px 7px 22px;
}

.term-answer-row {
  min-width: 0;
}

.term-answer-row strong,
.term-answer-row small {
  display: block;
  overflow-wrap: anywhere;
}

.offline-site-list,
.offline-workstream-list,
.offline-action-list {
  margin-top: 10px;
  border-top: 1px solid var(--line);
  padding-top: 8px;
}

.offline-site-list h3,
.offline-workstream-list h3,
.offline-action-list h3 {
  margin: 0 0 6px;
  font-size: 0.78rem;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--muted);
}

.offline-site-list > div {
  display: grid;
  gap: 6px;
}

.offline-site-item {
  border: 1px solid #d9e4e9;
  background: #fbfdf9;
  padding: 6px;
}

.offline-site-item strong {
  display: block;
  color: #24465b;
  font-size: 0.82rem;
}

.offline-site-item dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px 6px;
  margin: 6px 0 0;
  font-size: 0.72rem;
}

.offline-site-item dt {
  color: #657985;
}

.offline-site-item dd {
  margin: 0;
  color: #22343e;
  font-weight: bold;
  overflow-wrap: anywhere;
}

.offline-site-item p {
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
  line-height: 1.35;
}

.offline-workstream-list ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.offline-workstream-list li {
  border: 1px solid #d9e4e9;
  background: #f7fbfd;
  padding: 6px;
}

.offline-workstream-list strong {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #24465b;
  font-size: 0.82rem;
}

.offline-workstream-list p,
.offline-workstream-list small {
  display: block;
  margin: 4px 0 0;
  color: #526a75;
  font-size: 0.74rem;
  line-height: 1.35;
}

.offline-workstream-list small {
  overflow-wrap: anywhere;
  color: #657985;
}

.offline-endpoint-list {
  display: grid;
  gap: 6px;
}

.offline-endpoint-item {
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  padding: 6px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.offline-endpoint-item.controlled {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.offline-endpoint-item.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.offline-endpoint-item summary {
  cursor: pointer;
}

.offline-endpoint-item summary span {
  display: block;
  margin-top: 3px;
  color: #657985;
  font-size: 0.74rem;
}

.offline-action-list ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.78rem;
  line-height: 1.35;
}

.offline-action-list li + li {
  margin-top: 5px;
}

.offline-action-item {
  border: 1px solid #d9e4e9;
  background: #fffdf7;
  padding: 6px;
}

.offline-action-item > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.offline-action-item strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #24465b;
  font-size: 0.8rem;
}

.offline-action-item strong span {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid #c9d7dd;
  background: #f2f7f8;
  color: #31566a;
  font-size: 0.7rem;
}

.offline-action-item em {
  flex: 0 0 auto;
  color: #657985;
  font-style: normal;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.offline-action-item p {
  margin: 5px 0 0;
  color: #526a75;
}

.offline-action-item .offline-action-expected {
  color: #24465b;
}

.offline-action-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f7faf8;
  font-size: 0.7rem;
}

.offline-action-checks dt {
  color: #657985;
}

.offline-action-checks dd {
  margin: 0;
  color: #22343e;
}

.offline-action-steps {
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #fbfcfa;
  color: #526a75;
}

.offline-action-steps strong {
  display: block;
  color: #24465b;
  font-size: 0.72rem;
}

.offline-action-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.offline-action-steps li + li {
  margin-top: 2px;
}

.offline-action-steps p {
  overflow-wrap: anywhere;
}

.offline-action-item dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 6px;
  margin: 5px 0 0;
  font-size: 0.7rem;
}

.offline-action-item dt {
  color: #657985;
}

.offline-action-item dd {
  margin: 0;
  color: #22343e;
  overflow-wrap: anywhere;
}

.offline-action-item small {
  display: block;
  margin-top: 5px;
  color: #657985;
  overflow-wrap: anywhere;
}

.visual-parity-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
}

.intro-video-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f7fbfb;
  padding: 10px;
}

.shell-starter-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fffdf8;
  padding: 10px;
}

.visual-preflight-panel {
  background: #f7faf4;
}

.visual-qa-panel {
  background: #fffaf4;
}

.visual-source-panel {
  background: #f7fbff;
}

.visual-preservation-panel {
  background: #f8fbf6;
}

.pilot-readiness-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f8f8f8;
  padding: 10px;
}

.pilot-preflight-panel {
  background: #f7faf4;
}

.production-launch-panel {
  background: #fffaf2;
}

.target-migration-panel {
  background: #f4f7fb;
}

.mesh-language-panel {
  background: #f7faf7;
}

.legacy-layout-capture-panel {
  background: #f8f6f1;
}

.ranking-golden-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
}

.ranking-preflight-panel {
  background: #fbf8ef;
}

.legacy-briefing-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff8f8;
  padding: 10px;
}

.legacy-algorithm-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f8fbff;
  padding: 10px;
}

.auth-reset-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
}

.access-review-panel {
  background: #fffdf5;
}

.access-review-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.access-approval-panel {
  background: #f7fbfb;
}

.access-preflight-panel {
  background: #f5fbf8;
}

.access-reversal-panel {
  background: #f8fbff;
}

.compact-check-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #44546a;
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.payment-shop-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f8f8f8;
  padding: 10px;
}

.payment-preflight-panel {
  background: #fbf6f2;
}

.content-depth-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #eef2f7;
  padding: 10px;
}

.content-plan-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.content-plan-panel > * {
  min-width: 0;
}

.content-approval-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.visual-approval-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.intro-video-review-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.public-route-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f8f8f8;
  padding: 10px;
}

.public-route-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.manual-capture-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-capture-panel > * {
  min-width: 0;
}

.manual-capture-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.visual-capture-workspace,
.legacy-layout-capture-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.production-launch-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.migration-risk-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #eef2f7;
  padding: 10px;
}

.content-preflight-panel {
  background: #f6fbf2;
}

.route-coverage-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #f8f8f8;
  padding: 10px;
}

.route-review-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
  padding: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.route-review-panel > * {
  min-width: 0;
}

.route-review-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.route-preflight-panel {
  background: #fff8f0;
}

.archive-board-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #eef2f7;
  padding: 10px;
}

.archive-board-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.offline-dashboard-panel h2,
.visual-parity-panel h2,
.intro-video-panel h2,
.pilot-readiness-panel h2,
.ranking-golden-panel h2,
.legacy-briefing-panel h2,
.legacy-algorithm-panel h2,
.auth-reset-panel h2,
.payment-shop-panel h2,
.content-depth-panel h2,
.content-plan-panel h2,
.manual-capture-panel h2,
.migration-risk-panel h2,
.route-coverage-panel h2,
.route-review-panel h2,
.archive-board-panel h2 {
  margin: 0 0 8px;
  color: var(--title);
  font-size: 12px;
}

.risk-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.offline-command-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.visual-parity-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.intro-video-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.intro-video-review-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.pilot-readiness-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.production-launch-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.ranking-golden-board {
  display: grid;
  gap: 8px;
}

.ranking-golden-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.ranking-golden-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.legacy-briefing-board {
  display: grid;
  gap: 8px;
}

.legacy-briefing-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.legacy-briefing-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.legacy-algorithm-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.legacy-algorithm-board {
  display: grid;
  gap: 8px;
}

.legacy-algorithm-site-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.legacy-algorithm-case-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.auth-reset-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.access-review-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.payment-shop-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.content-depth-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.content-plan-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.content-approval-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.visual-approval-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.public-route-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.public-route-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.manual-capture-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.manual-capture-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.visual-capture-site-list,
.legacy-layout-capture-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.route-site-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.route-review-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.route-review-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.archive-module-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.archive-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.risk-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.offline-command-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.visual-parity-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.intro-video-item {
  border: 1px solid #c8d7da;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.intro-video-review-site-item,
.visual-capture-site-item,
.legacy-layout-capture-site-item {
  min-height: 132px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.intro-video-review-site-item strong,
.visual-capture-site-item strong,
.legacy-layout-capture-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.intro-video-review-site-item p,
.intro-video-review-site-item small,
.visual-capture-site-item p,
.visual-capture-site-item small,
.legacy-layout-capture-site-item p,
.legacy-layout-capture-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.intro-video-review-site-item small,
.visual-capture-site-item small,
.legacy-layout-capture-site-item small {
  color: #657985;
}

.visual-parity-item summary {
  cursor: pointer;
}

.intro-video-item summary {
  cursor: pointer;
}

.visual-parity-item summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.intro-video-item summary span {
  display: block;
  margin-top: 3px;
  color: #5f7f86;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.visual-parity-item p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.intro-video-item p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.pilot-readiness-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.pilot-readiness-item.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.pilot-readiness-item.controlled {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.mesh-language-item[class*="blocked"] {
  border-color: #bda98d;
  background: #fffaf0;
}

.mesh-language-control-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-gap-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mesh-language-launch-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-briefing-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-source-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-source-preflight-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-source-transfer-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-review-sheet-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-term-sample-list {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.mesh-language-lookup-list {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.mesh-language-batch-list,
.mesh-language-batch-work-order-list {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.mesh-language-track-work-order-list {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.mesh-language-rollup {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 8px;
}

.mesh-language-rollup-card {
  border: 1px solid #b9c6c8;
  background: #f8fcfc;
  padding: 8px;
  min-width: 0;
}

.mesh-language-rollup-card strong {
  display: block;
  color: var(--title);
  overflow-wrap: anywhere;
}

.mesh-language-rollup-card span {
  display: block;
  margin-top: 3px;
  color: #60737b;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-rollup-rows {
  display: grid;
  gap: 3px;
  margin-top: 7px;
}

.mesh-language-rollup-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 7px;
  align-items: baseline;
  border-top: 1px solid #e3e9ea;
  padding-top: 3px;
}

.mesh-language-rollup-row b {
  color: var(--title);
  font-weight: normal;
  overflow-wrap: anywhere;
}

.mesh-language-rollup-row em,
.mesh-language-rollup-row small {
  color: #60737b;
  font-style: normal;
  white-space: nowrap;
}

.mesh-language-action-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-return-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-preflight-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-acceptance-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-promotion-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mesh-language-owner-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-transfer-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mesh-language-gate-matrix-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mesh-language-evidence-action-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mesh-language-side-queue-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-dispatch-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-return-monitor-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-return-preflight-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-return-inbox-guide-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-return-acceptance-queue-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-return-acceptance-review-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mesh-language-control-item {
  border-color: #b8c4bd;
  background: #f7fbf9;
}

.mesh-language-gap-item {
  border-color: #c5bc9b;
  background: #fffdf2;
}

.mesh-language-launch-item {
  border-color: #b6c4ce;
  background: #f7fbff;
}

.mesh-language-briefing-item {
  border-color: #b9c1d0;
  background: #f8faff;
}

.mesh-language-source-item {
  border-color: #aebfba;
  background: #f6fbf9;
}

.mesh-language-source-preflight-item {
  border-color: #b6c0a8;
  background: #f8fcf5;
}

.mesh-language-source-transfer-item {
  border-color: #b8b99d;
  background: #fffdf4;
}

.mesh-language-review-sheet-item {
  border-color: #bac0c7;
  background: #f8fafc;
}

.mesh-language-term-sample-item {
  border-color: #c5b8a2;
  background: #fffaf4;
}

.mesh-language-lookup-item {
  border-color: #b8c2a9;
  background: #f8fcf4;
}

.mesh-language-batch-item {
  border-color: #b7c4c0;
  background: #f7fbfa;
}

.mesh-language-batch-work-order-item {
  border-color: #c4bfaa;
  background: #fffdf5;
}

.mesh-language-track-work-order-item {
  border-color: #b8c4d0;
  background: #f7fbff;
}

.mesh-language-action-item {
  border-color: #d2c7a7;
  background: #fffdf6;
}

.mesh-language-return-item {
  border-color: #c2cdb4;
  background: #fbfdf7;
}

.mesh-language-preflight-item {
  border-color: #b7c5cf;
  background: #f7fbfd;
}

.mesh-language-acceptance-item {
  border-color: #bfc1d2;
  background: #f8f8fe;
}

.mesh-language-promotion-item {
  border-color: #c2b2cb;
  background: #fbf8ff;
}

.mesh-language-owner-item {
  border-color: #c5b7d0;
  background: #fbf7fd;
}

.mesh-language-transfer-item {
  border-color: #cbb5be;
  background: #fff8fb;
}

.mesh-language-gate-matrix-item {
  border-color: #d0b9ad;
  background: #fff9f6;
}

.mesh-language-evidence-action-item {
  border-color: #b8c0a9;
  background: #fbfdf6;
}

.mesh-language-side-queue-item {
  border-color: #b7c8c5;
  background: #f7fbfa;
}

.mesh-language-dispatch-item {
  border-color: #b8c4d0;
  background: #f7fbff;
}

.mesh-language-return-monitor-item {
  border-color: #c6b9a8;
  background: #fffaf5;
}

.mesh-language-return-preflight-item {
  border-color: #c0b8cf;
  background: #faf8ff;
}

.mesh-language-return-inbox-guide-item {
  border-color: #b8c7bc;
  background: #f8fcf8;
}

.mesh-language-return-acceptance-queue-item {
  border-color: #c7bca8;
  background: #fffaf4;
}

.mesh-language-return-acceptance-review-item {
  border-color: #c4b6c9;
  background: #fbf8fc;
}

.mesh-language-control-item > span {
  display: block;
  margin-top: 3px;
  color: #5d7768;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-gap-item > span {
  display: block;
  margin-top: 3px;
  color: #756d4b;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-launch-item > span {
  display: block;
  margin-top: 3px;
  color: #5d7483;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-briefing-item > span {
  display: block;
  margin-top: 3px;
  color: #65728b;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-source-item > span {
  display: block;
  margin-top: 3px;
  color: #57776e;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-source-preflight-item > span {
  display: block;
  margin-top: 3px;
  color: #627b58;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-source-transfer-item > span {
  display: block;
  margin-top: 3px;
  color: #777247;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-review-sheet-item > span {
  display: block;
  margin-top: 3px;
  color: #647184;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-term-sample-item > span {
  display: block;
  margin-top: 3px;
  color: #7d6a50;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-lookup-item > span {
  display: block;
  margin-top: 3px;
  color: #647a55;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-batch-item > summary > span,
.mesh-language-batch-work-order-item > summary > span,
.mesh-language-track-work-order-item > summary > span {
  display: block;
  margin-top: 3px;
  color: #60737b;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-action-item > span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-item > span {
  display: block;
  margin-top: 3px;
  color: #637a67;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-preflight-item > span {
  display: block;
  margin-top: 3px;
  color: #62798a;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-acceptance-item > span {
  display: block;
  margin-top: 3px;
  color: #6f6f92;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-promotion-item > span {
  display: block;
  margin-top: 3px;
  color: #745d80;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-owner-item > span {
  display: block;
  margin-top: 3px;
  color: #80648d;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-transfer-item > span {
  display: block;
  margin-top: 3px;
  color: #8c6074;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-gate-matrix-item > span {
  display: block;
  margin-top: 3px;
  color: #916c5e;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-evidence-action-item > span {
  display: block;
  margin-top: 3px;
  color: #6f7f58;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-side-queue-item > span {
  display: block;
  margin-top: 3px;
  color: #5f7a75;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-dispatch-item > span {
  display: block;
  margin-top: 3px;
  color: #60758a;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-monitor-item > span {
  display: block;
  margin-top: 3px;
  color: #7b6958;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-preflight-item > span {
  display: block;
  margin-top: 3px;
  color: #6f6684;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-inbox-guide-item > span {
  display: block;
  margin-top: 3px;
  color: #607661;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-acceptance-queue-item > span {
  display: block;
  margin-top: 3px;
  color: #7a6a56;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-return-acceptance-review-item > span {
  display: block;
  margin-top: 3px;
  color: #75607c;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mesh-language-site-item {
  border-color: #c4d1b8;
  background: #fbfdf7;
}

.pilot-readiness-item summary {
  cursor: pointer;
}

.pilot-readiness-item summary strong {
  overflow-wrap: anywhere;
}

.pilot-readiness-item summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.pilot-readiness-item p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.ranking-golden-item,
.ranking-golden-site {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.ranking-golden-item.blocked,
.ranking-golden-site.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.ranking-golden-item.controlled,
.ranking-golden-site.controlled,
.ranking-golden-item.ready,
.ranking-golden-site.ready {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.ranking-golden-item.needs_review,
.ranking-golden-site.needs_review {
  border-color: #c9c0a8;
  background: #fffdf5;
}

.ranking-golden-item summary,
.ranking-golden-site summary {
  cursor: pointer;
}

.ranking-golden-item summary span,
.ranking-golden-site summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
}

.ranking-golden-item p,
.ranking-golden-site p {
  margin: 6px 0 0;
}

.legacy-briefing-item {
  border: 1px solid #c9a8a8;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.legacy-briefing-item summary {
  cursor: pointer;
}

.legacy-briefing-item summary span {
  display: block;
  margin-top: 3px;
  color: #8a5f5f;
  font-size: 10px;
}

.legacy-briefing-item p {
  margin: 6px 0 0;
}

.legacy-algorithm-item,
.legacy-algorithm-site {
  border: 1px solid #b8c7d8;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.legacy-algorithm-item.illness_weighting_review {
  border-color: #c9c0a8;
  background: #fffdf5;
}

.legacy-algorithm-item.remedy_grouped_public_output_review {
  border-color: #a8bdc9;
  background: #f7fbfb;
}

.legacy-algorithm-item.mixed_legacy_target_candidate_review,
.legacy-algorithm-item.candidate_expectation_review {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.legacy-algorithm-item summary,
.legacy-algorithm-site summary {
  cursor: pointer;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.legacy-algorithm-item summary span,
.legacy-algorithm-site summary span {
  display: block;
  margin-top: 3px;
  color: #5f7288;
  font-size: 10px;
}

.legacy-algorithm-item p,
.legacy-algorithm-site p {
  margin: 6px 0 0;
}

.score-trace-case-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f7faf8;
  font-size: 10px;
}

.score-trace-case-review-checks dt {
  color: #5f7288;
}

.score-trace-case-review-checks dd {
  margin: 0;
  color: #22343e;
}

.score-trace-case-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfcfa;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.score-trace-case-review-steps strong {
  display: block;
  color: #24465b;
}

.score-trace-case-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.score-trace-case-review-steps li + li {
  margin-top: 2px;
}

.score-trace-case-review-steps p {
  overflow-wrap: anywhere;
}

.ranking-decision-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f7faf8;
  font-size: 10px;
}

.ranking-decision-review-checks dt {
  color: #5f7288;
}

.ranking-decision-review-checks dd {
  margin: 0;
  color: #22343e;
}

.ranking-decision-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfcfa;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ranking-decision-review-steps strong {
  display: block;
  color: #24465b;
}

.ranking-decision-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.ranking-decision-review-steps li + li {
  margin-top: 2px;
}

.ranking-decision-review-steps p {
  overflow-wrap: anywhere;
}

.auth-reset-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.auth-reset-item.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.auth-reset-item.controlled {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.auth-reset-item summary {
  cursor: pointer;
}

.auth-reset-item summary strong {
  overflow-wrap: anywhere;
}

.auth-reset-item summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.auth-reset-item p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.access-review-site-item {
  min-height: 128px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.access-review-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.access-review-site-item p,
.access-review-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.access-review-site-item small {
  color: #657985;
}

.access-evidence-review-panel {
  background: #fbfcff;
}

.access-evidence-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbff;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.access-evidence-review-checks dt {
  color: #5f7288;
}

.access-evidence-review-checks dd {
  margin: 0;
  color: #22343e;
}

.access-evidence-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.access-evidence-review-steps strong {
  display: block;
  color: #24465b;
}

.access-evidence-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.access-evidence-review-steps li + li {
  margin-top: 2px;
}

.access-evidence-review-steps p {
  overflow-wrap: anywhere;
}

.payment-shop-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.payment-shop-item.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.payment-shop-item.controlled {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.payment-shop-item summary {
  cursor: pointer;
}

.payment-shop-item summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
}

.payment-shop-item p {
  margin: 6px 0 0;
}

.payment-shop-bridge {
  display: grid;
  gap: 6px;
  margin: 8px 0;
  min-width: 0;
}

.payment-shop-card {
  border: 1px solid #cdd9e4;
  background: #f8fbff;
  padding: 7px 8px;
  line-height: 1.35;
}

.payment-shop-card strong {
  display: block;
  margin-bottom: 5px;
  color: #2f5064;
}

.payment-shop-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.payment-shop-card .stat-list {
  margin-bottom: 3px;
}

.payment-shop-checks {
  margin-top: 7px;
  border-top: 1px solid #d3e2ea;
  padding-top: 5px;
}

.payment-shop-checks summary {
  color: #2f5064;
  cursor: pointer;
  font-weight: bold;
}

.payment-shop-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #4d6574;
}

.payment-shop-checks li {
  margin: 2px 0;
  overflow-wrap: anywhere;
}

.content-depth-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.content-depth-item summary {
  cursor: pointer;
}

.content-depth-item summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
}

.content-depth-item p {
  margin: 6px 0 0;
}

.content-plan-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.content-approval-site-item {
  min-height: 142px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.content-approval-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.content-approval-site-item p,
.content-approval-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.content-approval-site-item small {
  color: #657985;
}

.content-evidence-rollup-type-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 8px 0;
}

.content-evidence-rollup-site-item,
.content-evidence-rollup-type-item,
.content-evidence-review-site-item,
.content-evidence-review-type-item {
  min-height: 118px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.content-evidence-rollup-site-item strong,
.content-evidence-rollup-type-item strong,
.content-evidence-review-site-item strong,
.content-evidence-review-type-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.content-evidence-rollup-site-item p,
.content-evidence-rollup-site-item small,
.content-evidence-review-site-item p,
.content-evidence-review-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.content-evidence-rollup-site-item small,
.content-evidence-review-site-item small {
  color: #657985;
}

.content-evidence-rollup-checks,
.content-evidence-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbfc;
  font-size: 10px;
}

.content-evidence-rollup-checks dt,
.content-evidence-review-checks dt {
  color: #5f7288;
}

.content-evidence-rollup-checks dd,
.content-evidence-review-checks dd {
  margin: 0;
  color: #22343e;
}

.content-evidence-rollup-steps,
.content-evidence-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.content-evidence-rollup-steps strong,
.content-evidence-review-steps strong {
  display: block;
  color: #24465b;
}

.content-evidence-rollup-steps ol,
.content-evidence-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.content-evidence-rollup-steps li + li,
.content-evidence-review-steps li + li {
  margin-top: 2px;
}

.content-evidence-rollup-steps p,
.content-evidence-review-steps p {
  overflow-wrap: anywhere;
}

.visual-approval-site-item {
  min-height: 142px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.visual-approval-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.visual-approval-site-item p,
.visual-approval-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.visual-approval-site-item small {
  color: #657985;
}

.visual-evidence-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbfc;
  font-size: 10px;
}

.visual-evidence-review-checks dt {
  color: #5f7288;
}

.visual-evidence-review-checks dd {
  margin: 0;
  color: #22343e;
}

.visual-evidence-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.visual-evidence-review-steps strong {
  display: block;
  color: #24465b;
}

.visual-evidence-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.visual-evidence-review-steps li + li {
  margin-top: 2px;
}

.visual-evidence-review-steps p {
  overflow-wrap: anywhere;
}

.content-plan-item.waiting_route_capture {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.content-plan-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.content-plan-item summary span {
  color: #6c87a6;
  font-size: 10px;
}

.content-plan-item p {
  margin: 6px 0 0;
}

.public-route-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.public-route-site-item {
  min-height: 132px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.public-route-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.public-route-site-item p,
.public-route-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.public-route-site-item small {
  color: #657985;
}

.public-route-item.unresolved_live_lookup {
  border-color: #d2c29a;
  background: #fffdf5;
}

.public-route-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.public-route-item summary span {
  color: #6c87a6;
  font-size: 10px;
}

.public-route-item p {
  margin: 6px 0 0;
}

.public-route-checks {
  margin-top: 7px;
  border-top: 1px solid #dfe5ee;
  padding-top: 5px;
}

.public-route-checks strong {
  display: block;
  color: #3d5870;
}

.public-route-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #526a75;
}

.public-route-checks li {
  margin: 2px 0;
}

.manual-capture-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.manual-capture-site-item {
  min-height: 132px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.manual-capture-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.manual-capture-site-item p,
.manual-capture-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.manual-capture-site-item small {
  color: #657985;
}

.manual-capture-item.P0 {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.manual-capture-checks {
  margin-top: 7px;
  border-top: 1px solid #e3e1ed;
  padding-top: 5px;
}

.manual-capture-checks strong {
  display: block;
  color: #49546f;
}

.manual-capture-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #526075;
}

.manual-capture-checks li {
  margin: 2px 0;
}

.production-launch-site-item {
  min-height: 138px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.production-launch-site-item.controlled {
  border-color: #b7c9b0;
  background: #f8fff8;
}

.production-launch-site-item.blocked {
  border-color: #c9a8a8;
  background: #fff8f8;
}

.production-launch-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.production-launch-site-item p,
.production-launch-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.production-launch-site-item small {
  color: #657985;
}

.manual-capture-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.manual-capture-item summary span {
  color: #6c87a6;
  font-size: 10px;
}

.manual-capture-item p {
  margin: 6px 0 0;
}

.offline-command-item strong {
  display: block;
  margin-bottom: 4px;
  color: var(--title);
}

.offline-command-item code {
  display: block;
  color: #6c87a6;
  font-family: inherit;
  font-size: 10px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.offline-command-item p {
  margin: 0;
  color: #6c87a6;
}

.route-site-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.route-review-item {
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 6px 8px;
  line-height: 1.35;
}

.route-review-site-item {
  min-height: 136px;
  border: 1px solid #d6dbea;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.route-review-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.route-review-site-item p,
.route-review-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.route-review-site-item small {
  color: #657985;
}

.route-review-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.route-review-item summary span {
  color: #6c87a6;
  font-size: 10px;
}

.route-review-item p {
  margin: 6px 0 0;
}

.route-evidence-rollup-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbfc;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.route-evidence-rollup-checks dt {
  color: #5f7288;
}

.route-evidence-rollup-checks dd {
  margin: 0;
  color: #22343e;
}

.route-evidence-rollup-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.route-evidence-rollup-steps strong {
  display: block;
  color: #24465b;
}

.route-evidence-rollup-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.route-evidence-rollup-steps li + li {
  margin-top: 2px;
}

.route-evidence-rollup-steps p {
  overflow-wrap: anywhere;
}

.route-evidence-decision-sequence-list {
  grid-column: 1 / -1;
}

.route-evidence-decision-sequence-item summary span {
  overflow-wrap: anywhere;
}

.production-launch-evidence-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbfc;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.production-launch-evidence-review-checks dt {
  color: #5f7288;
}

.production-launch-evidence-review-checks dd {
  margin: 0;
  color: #22343e;
}

.production-launch-evidence-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.production-launch-evidence-review-steps strong {
  display: block;
  color: #24465b;
}

.production-launch-evidence-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.production-launch-evidence-review-steps li + li {
  margin-top: 2px;
}

.production-launch-evidence-review-steps p {
  overflow-wrap: anywhere;
}

.data-evidence-review-panel {
  background: #fbfcf8;
}

.data-evidence-review-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbf7;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.data-evidence-review-checks dt {
  color: #5f7288;
}

.data-evidence-review-checks dd {
  margin: 0;
  color: #22343e;
}

.data-evidence-review-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fcfdf9;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.data-evidence-review-steps strong {
  display: block;
  color: #24465b;
}

.data-evidence-review-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.data-evidence-review-steps li + li {
  margin-top: 2px;
}

.data-evidence-review-steps p {
  overflow-wrap: anywhere;
}

.archive-module-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.archive-site-item {
  min-height: 132px;
  border: 1px solid #cbd9e5;
  background: #fbfdff;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.archive-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.archive-site-item p,
.archive-site-item small {
  display: block;
  margin: 5px 0 0;
  color: #526a75;
  font-size: 0.74rem;
}

.archive-site-item small {
  color: #657985;
}

.legacy-archive-evidence-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 5px;
  border: 1px solid #d9e4e9;
  background: #f8fbfc;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.legacy-archive-evidence-checks dt {
  color: #5f7288;
}

.legacy-archive-evidence-checks dd {
  margin: 0;
  color: #22343e;
}

.legacy-archive-evidence-steps {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d9e4e9;
  background: #fbfdff;
  color: #526a75;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.legacy-archive-evidence-steps strong {
  display: block;
  color: #24465b;
}

.legacy-archive-evidence-steps ol {
  margin: 4px 0 0 16px;
  padding: 0;
}

.legacy-archive-evidence-steps li + li {
  margin-top: 2px;
}

.legacy-archive-evidence-steps p {
  overflow-wrap: anywhere;
}

.route-site-item strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.archive-module-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.archive-module-item summary span {
  color: #6c87a6;
  font-size: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.archive-module-item p {
  margin: 6px 0 0;
}

.route-site-item .stat-list {
  padding: 0;
}

.route-site-item p {
  margin: 0;
  color: #6c87a6;
}

.risk-item summary {
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.risk-item summary span {
  color: #6c87a6;
  font-size: 10px;
}

.risk-item p {
  margin: 6px 0 0;
}

.method-panel {
  margin-top: 18px;
  padding: 0 10px 12px;
  scroll-margin-top: 8px;
}

.method-panel summary,
.closed-shop-panel summary {
  margin: 0 -10px 12px;
}

.closed-shop-panel {
  margin-top: 18px;
  padding: 0 10px 12px;
  scroll-margin-top: 8px;
}

.closed-shop-panel:not([open]) {
  display: none;
}

.closed-shop-panel p {
  margin: 0;
  color: #344f68;
  line-height: 1.45;
}

.review-box {
  margin: 0 0 12px;
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 7px 8px;
}

.review-box h3 {
  margin: 0 0 6px;
  color: var(--title);
  font-size: 12px;
}

.review-box details {
  margin-top: 5px;
  color: #5f6c7d;
}

.review-box summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: bold;
}

.review-box p {
  margin: 5px 0 0;
  line-height: 1.35;
}

.review-queue {
  display: grid;
  gap: 6px;
  margin: -4px 0 12px;
}

.review-item {
  border: 1px solid #d6dbea;
  background: #fff;
  padding: 6px 8px;
  line-height: 1.35;
}

.review-item.cleared {
  color: #5f6c7d;
}

.review-item summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  cursor: pointer;
}

.review-item summary span,
.review-meta {
  color: #6c87a6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.review-item p {
  margin: 6px 0 0;
}

.ranking-capture-bridge {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
  min-width: 0;
}

.ranking-capture-card {
  min-height: 104px;
  border: 1px solid #d8d1b8;
  background: #fffdf4;
  min-width: 0;
  padding: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ranking-capture-card strong {
  display: block;
  margin-bottom: 5px;
  color: #66512b;
}

.ranking-capture-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.ranking-capture-card .stat-list {
  margin-bottom: 3px;
}

.ranking-capture-checks {
  margin-top: 7px;
  border-top: 1px solid #e8dfc8;
  padding-top: 5px;
}

.ranking-capture-checks summary {
  color: #66512b;
  cursor: pointer;
  font-weight: bold;
}

.ranking-capture-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #6c5b40;
}

.ranking-capture-checks li {
  margin: 2px 0;
}

.demo-panel {
  margin-top: 18px;
  padding: 0 10px 10px;
  scroll-margin-top: 8px;
}

.demo-panel:not([open]) {
  padding-bottom: 0;
}

.demo-panel:not([open]) summary {
  margin-bottom: 0;
}

.method-panel:not([open]) {
  padding-bottom: 0;
}

.method-panel:not([open]) summary {
  margin-bottom: 0;
}

.method-panel:not([open]) > :not(summary) {
  display: none;
}

.video-frame {
  aspect-ratio: 16 / 9;
  border: 1px solid #c6c6c6;
  background: #000;
}

.video-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.original-demo {
  display: inline-block;
  margin-top: 8px;
  font-weight: bold;
}

.demo-route-bridge {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  min-width: 0;
}

.demo-route-card {
  border: 1px solid #d6dbea;
  background: #fff;
  min-width: 0;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.demo-route-card strong {
  display: block;
  margin-bottom: 5px;
  color: var(--title);
}

.demo-route-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.controls {
  display: grid;
  grid-template-columns: 160px 160px;
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
}

.remedy-controls,
.homeopathy-controls {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.homeopathy-controls {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}

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

.controls label,
.finder-box label {
  display: grid;
  gap: 5px;
  color: var(--ink);
  font-weight: bold;
}

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

.finder-grid > *,
.info-grid > *,
.content-import-bridge > *,
.payment-shop-bridge > *,
.access-entitlement-bridge > * {
  min-width: 0;
}

.finder-box,
.output,
.selected-row {
  border: 1px solid #c6c6c6;
  background: #fff;
}

.finder-box {
  display: grid;
  gap: 8px;
  min-height: 230px;
  padding: 8px;
}

.search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

.search-row input {
  min-width: 0;
  width: 100%;
}

.search-row.compact {
  grid-template-columns: minmax(0, 1fr);
}

.search-row button,
.controls button,
.run {
  min-height: 23px;
  color: var(--button);
  font-weight: bold;
}

.preview-signup-form {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  border: 1px solid #c9d9e6;
  background: #fbfdff;
  padding: 14px;
}

.signup-head {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: center;
  justify-content: space-between;
}

.preview-signup-form h3,
.signup-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
}

.signup-head span {
  border: 1px solid #d8c79d;
  background: #fff9e8;
  padding: 3px 8px;
  color: #6b5316;
  font-size: 12px;
  font-weight: 700;
}

.signup-assurance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.signup-assurance-grid span {
  border: 1px solid #d7e0e8;
  background: #fff;
  padding: 8px;
  color: #31495d;
  font-size: 12px;
  font-weight: 700;
}

.preview-signup-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.preview-signup-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: bold;
}

.preview-signup-form input,
.preview-signup-form select {
  min-width: 0;
  width: 100%;
  min-height: 30px;
}

.preview-signup-form button {
  justify-self: start;
  min-height: 32px;
  border: 1px solid #8fb0ca;
  background: linear-gradient(#ffffff, #edf5fc);
  padding: 0 14px;
  color: var(--button);
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
}

.preview-signup-note {
  margin: 0;
  color: #687584;
  font-size: 12px;
}

.preview-consent {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  border: 1px solid #dccca5;
  background: #fffaf0;
  padding: 9px 10px;
  color: #554a33;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.preview-consent input {
  margin-top: 2px;
}

.signup-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.preview-signup-output {
  min-height: 20px;
  color: #315f8f;
  font-size: 13px;
  font-weight: bold;
}

.preview-signup-output.is-warning {
  color: #8a4f00;
}

.preview-signup-output.is-success,
.test-account-output.is-success {
  color: #2d7b55;
}

.test-account-output {
  min-width: 0;
  min-height: 18px;
  color: #315f8f;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.test-account-output.is-warning {
  color: #8a4f00;
}

.results {
  display: grid;
  align-content: start;
  gap: 5px;
  max-height: 292px;
  overflow: auto;
}

.compact-results {
  max-height: 168px;
}

.pick,
.result-row {
  display: grid;
  gap: 2px;
  width: 100%;
  border: 1px solid #ced6f7;
  background: #fcfcfc;
  padding: 6px;
  text-align: left;
}

.pick strong,
.result-row strong {
  color: var(--ink);
  font-size: 12px;
}

.pick small,
.result-row small {
  display: block;
  color: #6c87a6;
  font-size: 10px;
}

.pick.is-review-candidate {
  border-style: dashed;
  border-color: #d8c894;
  background: #fffdf5;
}

.pick.is-review-candidate strong {
  color: #604d13;
}

.pick.is-review-candidate small {
  color: #806a25;
}

.result-row .score-trace {
  color: #73808f;
}

.pick .match-trace,
.result-row .match-trace {
  display: block;
  color: #5f7588;
  font-size: 10px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.pick .match-signal-list,
.result-row .match-signal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  min-width: 0;
}

.pick .match-signal,
.result-row .match-signal {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: 1px solid #cbd9e5;
  border-radius: 3px;
  background: #f2f7fb;
  padding: 1px 4px;
  color: #315d82;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.pick .match-signal--clinical,
.result-row .match-signal--clinical {
  border-color: #b8d8c6;
  background: #edf8f1;
  color: #287047;
}

.pick .match-signal--mesh,
.result-row .match-signal--mesh,
.pick .match-signal--medical-term,
.result-row .match-signal--medical-term {
  border-color: #bbd6ef;
  background: #edf6ff;
  color: #236195;
}

.pick .match-signal--fuzzy,
.result-row .match-signal--fuzzy,
.pick .match-signal--synonym,
.result-row .match-signal--synonym {
  border-color: #ead5a7;
  background: #fff8e8;
  color: #7b5c17;
}

.pick-shell {
  display: grid;
  gap: 0;
  min-width: 0;
}

.pick-shell > .pick {
  width: 100%;
}

.match-trace-detail {
  border: 1px solid #d7e1ea;
  border-top: 0;
  background: #f8fbfd;
  padding: 0 6px 5px;
  color: #3d5368;
  font-size: 10px;
  line-height: 1.25;
}

.match-trace-detail summary {
  cursor: pointer;
  color: #315d82;
  font-weight: 600;
  line-height: 1.7;
}

.match-trace-detail dl {
  display: grid;
  grid-template-columns: minmax(70px, max-content) minmax(0, 1fr);
  gap: 2px 6px;
  margin: 2px 0 0;
}

.match-trace-detail dt,
.match-trace-detail dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.match-trace-detail dt {
  color: #6c7f90;
  font-weight: 600;
}

.selected-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 110px;
  gap: 10px;
  margin-top: 12px;
  padding: 8px;
  align-items: start;
}

.selected-row.single {
  grid-template-columns: minmax(0, 1fr) 110px;
}

.selected-title {
  color: #6c87a6;
  font-weight: bold;
}

.chips {
  min-height: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
  margin-top: 6px;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  border: 1px solid #ced6f7;
  background: var(--fill);
  padding: 4px 6px;
  font-size: 11px;
}

.chip button {
  min-width: 18px;
  height: 18px;
  padding: 0;
  border: 1px solid #ced6f7;
}

.chip.interactive {
  cursor: pointer;
}

.chip.interactive:focus-visible {
  outline: 2px solid #3b6ea5;
  outline-offset: -2px;
}

.run {
  align-self: end;
  min-height: 28px;
  background: #fff;
}

.output {
  min-height: 250px;
  margin-top: 12px;
  padding: 8px;
}

.method-panel {
  margin-top: 18px;
  border: 1px solid #b7c5d4;
  background: #fff;
  padding: 0 12px 14px;
}

.method-panel summary,
.closed-shop-panel summary {
  margin: 0 -12px 12px;
  border: 1px solid var(--legacy-blue-dark);
  background: var(--legacy-blue);
  color: #fff;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: bold;
}

.method-panel:not([open]) {
  padding-bottom: 0;
}

.method-panel:not([open]) summary {
  margin-bottom: 0;
}

.method-panel:not([open]) > :not(summary) {
  display: none;
}

.method-guard {
  margin: 0 0 10px;
  border: 1px solid #d3dfeb;
  background: #f9fcff;
  padding: 8px 10px;
  color: #344f68;
  line-height: 1.45;
}

.public-tool-heading {
  margin: 0 0 12px;
  border: 1px solid #c6c6c6;
  background: #fff;
  padding: 12px 14px;
}

.legacy-tool-kicker {
  margin: 0 0 4px;
  color: #6c7c88;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.public-tool-heading h2 {
  margin: 0 0 5px;
  color: #233e58;
  font-size: 17px;
  line-height: 1.18;
}

.public-tool-heading p:last-child {
  margin: 0;
  color: #4f6578;
  font-size: 12px;
  line-height: 1.45;
}

.tool-flow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 14px;
  padding: 0;
  border: 1px solid #c6c6c6;
  list-style: none;
}

.tool-flow-steps.remedy-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tool-flow-steps li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  min-height: 44px;
  border-right: 1px solid #d5dde6;
  background: #fff;
  align-items: center;
}

.tool-flow-steps li:last-child {
  border-right: 0;
}

.tool-flow-steps span,
.tool-section-title span {
  display: grid;
  align-self: stretch;
  background: #2478bf;
  color: #fff;
  place-items: center;
  font-weight: bold;
}

.tool-flow-steps strong {
  padding: 0 10px;
  color: #233e58;
  font-size: 12px;
  line-height: 1.25;
}

.tool-section-title {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 34px;
  margin: 12px 0 8px;
  border: 1px solid #b9c8d8;
  background: #eef5fc;
  align-items: stretch;
}

.tool-section-title strong {
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #233e58;
  font-size: 13px;
}

.method-panel .controls {
  margin-bottom: 12px;
  border: 1px solid #c6c6c6;
  background: #fbfbfc;
  padding: 10px;
}

.method-panel .finder-grid {
  gap: 10px;
}

.method-panel .finder-box {
  border: 1px solid #b8c6d4;
  background: #fff;
  padding: 0;
  gap: 0;
  min-height: 238px;
}

.method-panel .finder-box > label {
  display: block;
  border-bottom: 1px solid #cdd8e4;
  background: #eef5fc;
  padding: 7px 9px;
  color: #233e58;
  font-size: 12px;
  font-weight: bold;
}

.method-panel .search-row {
  padding: 8px;
  border-bottom: 1px solid #e2e8ef;
  background: #fbfdff;
}

.method-panel .search-row button,
.method-panel .controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border: 1px solid #9fbcd5;
  border-radius: 4px;
  background: linear-gradient(#ffffff, #edf6fd);
  color: #1d5f93;
  padding: 3px 10px;
  font-weight: 600;
  line-height: 1.15;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.method-panel .search-row button:hover,
.method-panel .controls button:hover {
  border-color: #6d9cc5;
  background: #e6f2fb;
  color: #174f7c;
  text-decoration: none;
}

.method-panel .search-row button:focus-visible,
.method-panel .controls button:focus-visible,
.method-panel .run:focus-visible {
  outline: 2px solid #8abbe7;
  outline-offset: 2px;
}

.method-panel .results {
  max-height: 260px;
  padding: 8px;
  gap: 4px;
}

.method-panel .pick,
.method-panel .result-row {
  border: 1px solid #d6e0ea;
  background: #fff;
  padding: 7px 8px;
}

.method-panel .pick:hover,
.method-panel .result-row.interactive:hover {
  border-color: #2478bf;
  background: #f2f8ff;
  text-decoration: none;
}

.method-panel .selected-row,
.method-panel .output,
.method-panel .result-detail {
  border: 1px solid #b8c6d4;
  background: #fff;
}

.method-panel .selected-row {
  margin-top: 0;
}

.method-panel .output {
  min-height: 220px;
}

.method-panel .result-detail {
  margin-top: 10px;
  padding: 10px;
  line-height: 1.45;
}

.method-panel .result-detail h3 {
  margin-top: 0;
  color: #233e58;
}

.method-panel .run {
  min-height: 34px;
  align-self: stretch;
}

.method-note {
  margin: 10px 0 0;
  color: #5e7282;
  font-size: 11px;
  line-height: 1.45;
}

.method-panel .review-box,
.method-panel .review-queue,
.method-panel .ranking-capture-bridge,
.method-panel .ranking-capture-card {
  display: none !important;
}

.method-panel .public-tool-heading,
.method-panel .tool-flow-steps,
.method-panel .tool-section-title,
.method-panel .finder-grid,
.method-panel .selected-row {
  display: none;
}

.legacy-tool-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
  margin: 8px 0 0;
}

.legacy-tool-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 566px;
  border: 1px solid #c7d1da;
  background: #fff;
}

.legacy-column-header {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  min-height: 88px;
  border-bottom: 1px solid #d5d5d5;
  background: #f7f8fa;
}

.legacy-column-header span {
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, #3184c1 0%, #226ba5 100%);
  color: #fff;
  font-weight: bold;
  line-height: 1.05;
  text-transform: uppercase;
}

.legacy-column-header span small {
  display: block;
  font-size: 10px;
  line-height: 1;
}

.legacy-column-header span b {
  display: block;
  font-size: 30px;
  line-height: .95;
}

.legacy-column-header strong {
  align-self: end;
  padding: 8px 10px 2px;
  color: var(--deep-blue);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.08;
}

.legacy-column-header p {
  margin: 0;
  padding: 0 10px 8px;
  color: #3f5b73;
  font-size: 12px;
  line-height: 1.25;
}

.legacy-column-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  padding: 9px;
}

.legacy-mini-actions {
  display: flex;
  justify-content: flex-end;
  min-height: 22px;
}

.legacy-mini-actions button,
.legacy-mini-actions .legacy-mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  min-height: 25px;
  border: 1px solid #9fbcd5;
  border-radius: 4px;
  background: linear-gradient(#ffffff, #edf6fd);
  color: #1d5f93;
  padding: 3px 10px;
  font-weight: 600;
  line-height: 1.15;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.legacy-mini-actions button:hover,
.legacy-mini-actions .legacy-mini-link:hover {
  border-color: #6d9cc5;
  background: #e6f2fb;
  color: #174f7c;
  text-decoration: none;
}

.legacy-source-list {
  display: grid;
  gap: 11px;
  margin: 6px 0 0;
  border: 0;
  padding: 0;
}

.legacy-source-list label {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--deep-blue);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.legacy-source-list input {
  width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 1px 0 0;
  padding: 0;
}

.legacy-source-note {
  margin: auto 0 0;
  border-top: 1px solid #dfe7ef;
  padding-top: 8px;
  color: #55718b;
  font-size: 11.5px;
  line-height: 1.25;
}

.legacy-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.legacy-field-grid label,
.legacy-search-block > label,
.legacy-chosen-box .selected-title {
  color: var(--deep-blue);
  font-size: 13px;
  font-weight: 500;
}

.legacy-field-grid label {
  display: grid;
  gap: 4px;
}

.legacy-search-block {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}

.legacy-search-block.compact-block {
  flex: 0 0 auto;
}

.legacy-primary-search-block {
  flex: 1 1 auto;
  min-height: 0;
}

.legacy-primary-search-block .tall-results {
  min-height: 390px;
}

.legacy-search-block .search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
}

.legacy-search-block .search-row input {
  width: 100%;
}

.legacy-tool-board .results {
  flex: 1 1 auto;
  min-height: 156px;
  max-height: none;
  overflow: auto;
  border: 1px solid #dfe7ef;
  background: #fbfdff;
  padding: 0;
}

.legacy-tool-board .tall-results {
  min-height: 398px;
}

.legacy-tool-board .compact-results {
  min-height: 92px;
  max-height: 128px;
}

.legacy-browse-drawer {
  flex: 0 0 auto;
  position: relative;
  border-top: 1px solid #dfe7ef;
  padding-top: 6px;
}

.legacy-browse-drawer summary {
  min-height: 28px;
  cursor: pointer;
  color: var(--deep-blue);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.25;
}

.legacy-browse-drawer summary:hover {
  color: #005ea8;
}

.legacy-browse-drawer-body {
  display: grid;
  gap: 9px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  left: 0;
  z-index: 30;
  max-height: min(420px, 62vh);
  overflow: auto;
  border: 1px solid #b8c8d7;
  background: #fff;
  padding: 10px;
  box-shadow: 0 14px 28px rgba(24, 54, 82, 0.18);
}

.legacy-browse-drawer:not([open]) .legacy-browse-drawer-body {
  display: none;
}

.legacy-browse-drawer[open] summary {
  color: #005ea8;
}

.legacy-browse-drawer[open] summary::after {
  content: " - close";
  color: #58728b;
  font-size: 11px;
  font-weight: 500;
}

.legacy-browse-drawer-body .compact-block {
  flex: 0 0 auto;
}

.legacy-browse-drawer-body .compact-results {
  max-height: 116px;
}

@media (max-width: 860px) {
  .legacy-browse-drawer-body {
    bottom: auto;
    top: calc(100% + 6px);
    max-height: 58vh;
  }
}

.legacy-browse-drawer-body {
  padding-top: 8px;
}

.legacy-letter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1px 3px;
  align-items: center;
}

.legacy-letter-row button {
  width: auto;
  min-width: 10px;
  min-height: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--deep-blue);
  padding: 0 1px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.legacy-letter-row button:hover {
  color: #005ea8;
  text-decoration: underline;
}

.legacy-inline-select {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: var(--deep-blue);
  font-size: 11.5px;
  font-weight: 600;
}

.legacy-inline-select select,
#homeopathy-illness {
  width: 100%;
  min-width: 0;
}

.legacy-inline-select.hidden-select {
  display: none;
}

.legacy-or-divider {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #6a8197;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.legacy-or-divider::before,
.legacy-or-divider::after {
  content: "";
  height: 1px;
  background: #cfdbe5;
}

.legacy-tool-board .pick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 8px;
  align-items: center;
  min-height: 30px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #dfe7ef;
  background: #fff;
  padding: 5px 6px;
  color: var(--deep-blue);
}

.legacy-tool-board .pick:last-child {
  border-bottom: 0;
}

.legacy-tool-board .pick-shell {
  border-bottom: 1px solid #dfe7ef;
  background: #fff;
}

.legacy-tool-board .pick-shell:last-child {
  border-bottom: 0;
}

.legacy-tool-board .pick-shell .pick {
  border-bottom: 0;
}

.legacy-tool-board .pick-shell .match-trace-detail {
  border: 0;
  border-top: 1px solid #e5edf4;
  background: #fbfdff;
  padding: 0 6px 5px;
}

.legacy-tool-board .pick-shell .match-trace-detail dl {
  grid-template-columns: minmax(0, 1fr);
}

.legacy-tool-board .pick:hover {
  background: var(--legacy-blue-soft);
  text-decoration: none;
}

.legacy-tool-board .pick strong {
  grid-column: 1;
  color: var(--deep-blue);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
}

.legacy-tool-board .pick small {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  color: #8798a7;
  font-size: 10px;
  line-height: 1;
  text-align: right;
}

.legacy-tool-board .pick .match-trace {
  grid-column: 1 / -1;
  color: #60788f;
  font-size: 10px;
  line-height: 1.25;
}

.legacy-tool-board .pick .match-signal-list {
  grid-column: 1 / -1;
}

.legacy-tool-board .pick.has-match-trace {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  min-height: 54px;
}

.legacy-tool-board .pick.has-match-signals {
  min-height: 44px;
}

.legacy-tool-board .pick.has-match-trace strong,
.legacy-tool-board .pick.has-match-trace small,
.legacy-tool-board .pick.has-match-trace .match-signal-list,
.legacy-tool-board .pick.has-match-trace .match-trace {
  grid-column: 1;
  grid-row: auto;
  text-align: left;
}

.legacy-chosen-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 112px;
  border-top: 1px solid #e3e8ee;
  padding-top: 10px;
}

.legacy-chosen-box .chips {
  flex: 1 1 auto;
  align-content: flex-start;
  min-height: 74px;
  display: block;
  overflow: auto;
  border: 1px solid #dfe7ef;
  background: #fbfdff;
  padding: 0;
}

.legacy-chosen-box .chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  align-items: center;
  width: 100%;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #dfe7ef;
  background: #fff;
  padding: 5px 6px;
  color: var(--deep-blue);
}

.legacy-chosen-box .chip:last-child {
  border-bottom: 0;
}

.legacy-chosen-box .chip span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.legacy-chosen-box .chip button {
  justify-self: end;
  min-width: 18px;
  height: 18px;
  border-color: #c6d7e8;
  background: #fff;
  color: #617a91;
}

.legacy-chosen-box .chip.interactive:hover {
  background: #f6faff;
}

.legacy-chosen-box.tall-chosen {
  flex: 1 1 auto;
  min-height: 340px;
}

.legacy-chosen-box.remedy-risk-chosen {
  min-height: 82px;
}

.legacy-chosen-box.remedy-risk-chosen .chips {
  min-height: 48px;
  max-height: 88px;
}

.legacy-tool-board .secondary-action {
  width: 100%;
  border: 1px solid #9eb4c7;
  border-radius: 4px;
  background: #f7fafc;
  padding: 7px 10px;
  color: var(--deep-blue);
  font: inherit;
  cursor: pointer;
}

.legacy-warning {
  border: 2px solid #294f6e;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  color: var(--deep-blue);
  line-height: 1.25;
}

.legacy-warning strong {
  display: block;
  color: #d90000;
  text-transform: uppercase;
}

.legacy-warning p {
  margin: 4px 0 0;
}

.legacy-consent {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  margin-top: 9px;
  border-top: 1px solid #d6e1ea;
  padding-top: 8px;
  color: var(--deep-blue);
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.25;
}

.legacy-consent.compact-consent {
  margin-top: 0;
  color: #496981;
  font-size: 11px;
}

.legacy-consent input {
  width: 14px;
  height: 14px;
  min-height: 14px;
  margin: 1px 0 0;
  padding: 0;
}

.legacy-tool-board .run:disabled {
  border-color: #bdc7d0;
  background: #d8e0e8;
  color: #718294;
  cursor: not-allowed;
  text-decoration: none;
}

.legacy-tool-board .output {
  flex: 1 1 auto;
  min-height: 220px;
  max-height: 310px;
  overflow: auto;
  margin: 0;
  border: 1px solid #dfe7ef;
  background: #fbfdff;
  padding: 5px;
}

.legacy-tool-board .result-detail {
  max-height: 146px;
  overflow: auto;
  margin-top: 0;
  border-color: #dfe7ef;
  padding: 8px;
}

.legacy-tool-board .result-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 31px;
  margin: 0 0 6px;
  border: 1px solid #1e6ba5;
  background: var(--legacy-blue);
  padding: 6px 8px;
}

.legacy-tool-board .result-row.interactive:hover {
  border-color: var(--legacy-blue-dark);
  background: #1d6eaa;
  text-decoration: none;
}

.legacy-tool-board .result-row .rank {
  display: none;
}

.legacy-tool-board .result-row strong,
.legacy-tool-board .pick strong {
  color: var(--deep-blue);
}

.legacy-tool-board .result-row strong {
  color: #fff;
  font-size: 13px;
}

.legacy-tool-board .result-row small {
  color: #d7e9f7;
}

.legacy-tool-board .score {
  color: #a9c7dd;
}

.result-pagination {
  display: grid;
  gap: 6px;
  position: sticky;
  bottom: 0;
  z-index: 2;
  border-top: 1px solid #b8cfe1;
  background: rgba(247, 251, 255, 0.97);
  padding: 8px;
}

.result-pagination__status {
  margin: 0;
  color: #315f8f;
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.result-pagination__more {
  width: 100%;
  border: 1px solid #1e6ba5;
  border-radius: 3px;
  background: #fff;
  padding: 7px 10px;
  color: #174f7c;
  font-weight: 700;
  cursor: pointer;
}

.result-group-summary {
  margin: 0 0 8px;
  border: 1px solid #c7d9e8;
  background: #f2f8fd;
  padding: 7px 8px;
  color: #315f8f;
  font-size: 12px;
  font-weight: 700;
}

.result-group {
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0 0 10px;
}

.result-group__heading {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: sticky;
  top: -5px;
  z-index: 1;
  margin: 0 0 5px;
  border-bottom: 2px solid #1e6ba5;
  background: #eef6fc;
  padding: 6px 8px;
  color: #174f7c;
  font-size: 13px;
}

.result-group__heading span {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #1e6ba5;
  padding: 1px 7px;
  color: #fff;
  font-size: 11px;
}

#remedy-output .result-row {
  grid-template-columns: 30px minmax(0, 1fr) 52px;
}

#remedy-output .result-row .rank {
  display: block;
  color: #d7e9f7;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.remedy-route-capability {
  margin: 8px;
  border: 1px solid #d8b675;
  background: #fff8e8;
  padding: 9px 10px;
  color: #654b16;
  font-size: 12px;
  line-height: 1.4;
}

.remedy-route-capability strong {
  display: block;
  margin-bottom: 2px;
  color: #5a3f0e;
}

.legacy-tool-board .run {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  border-color: var(--legacy-blue-dark);
  border-radius: 4px;
  background: linear-gradient(#2b82c4, #1f6fae);
  color: #fff;
  padding: 5px 12px;
  font-weight: 600;
  line-height: 1.15;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.legacy-tool-board .run:hover:not(:disabled) {
  border-color: #123f66;
  background: #1c669f;
  color: #fff;
  text-decoration: none;
}

.legacy-tool-board .run:disabled {
  border-color: #bdc7d0;
  background: #d8e0e8;
  color: #718294;
  box-shadow: none;
  cursor: not-allowed;
  text-decoration: none;
}

.info-box > .stat-list,
.info-box > .legacy-depth-bridge,
.info-box > .public-content-bridge,
.info-box > .access-entitlement-bridge,
.info-box > .payment-shop-bridge,
.info-box > .archive-title {
  display: none;
}

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

#panel-remedy .info-grid,
#panel-homeopathy .info-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.info-box {
  border: 1px solid #c6c6c6;
  background: #f6f6f6;
  min-width: 0;
  scroll-margin-top: 8px;
}

.info-box summary {
  margin: 0;
  padding: 4px 8px;
  background: var(--bar);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.info-box:not([open]) > :not(summary) {
  display: none;
}

.info-box[open] {
  grid-column: 1 / -1;
}

.info-box p {
  margin: 0;
  padding: 8px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.public-page-copy {
  display: grid;
  gap: 10px;
  border-top: 1px solid #d7e2ec;
  background: #fff;
  padding: 14px 16px 16px;
  color: var(--deep-blue);
  font-size: 15px;
  line-height: 1.42;
}

.public-page-copy p {
  margin: 0;
  padding: 0;
}

.public-page-copy h3 {
  margin: 5px 0 0;
  color: var(--title);
  font-size: 16px;
  font-weight: 600;
}

.public-page-copy ul {
  margin: 0;
  padding-left: 19px;
}

.public-page-copy li {
  margin: 3px 0;
}

.membership-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.membership-tier-grid article {
  min-width: 0;
  border: 1px solid #d3e0eb;
  background: #fbfdff;
  padding: 10px;
}

.membership-tier-grid article h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.membership-tier-grid article p {
  color: #425d76;
  font-size: 14px;
}

.membership-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.membership-plan-grid article {
  min-width: 0;
  border: 1px solid #c8d9e8;
  background: linear-gradient(#ffffff, #f8fbfe);
  padding: 12px;
}

.membership-plan-grid article h3 {
  margin: 0 0 6px;
  color: var(--title);
  font-size: 16px;
  font-weight: 600;
}

.membership-plan-grid article p {
  color: #425d76;
  font-size: 14px;
}

.membership-plan-grid dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 4px 10px;
  margin: 10px 0 0;
  color: #38536d;
  font-size: 13px;
}

.membership-plan-grid dt {
  color: #6c7f90;
  font-weight: 600;
}

.membership-plan-grid dd {
  margin: 0;
  min-width: 0;
}

.membership-table-wrap {
  overflow-x: auto;
  border: 1px solid #c8d9e8;
  background: #fff;
}

.membership-compare-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.membership-compare-table-wide {
  min-width: 820px;
}

.membership-compare-table th,
.membership-compare-table td {
  border: 1px solid #c8d9e8;
  padding: 8px 10px;
  vertical-align: middle;
}

.membership-compare-table th {
  background: #f3f8fc;
  color: var(--title);
  font-weight: 600;
  text-align: center;
}

.membership-compare-table th:first-child,
.membership-compare-table td:first-child {
  width: 48%;
  text-align: left;
}

.membership-compare-table td:not(:first-child) {
  text-align: center;
  white-space: nowrap;
}

.plan-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  color: #2f9f64;
}

.plan-check::before {
  content: "\2713";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.membership-compare-table tbody tr:nth-child(even) {
  background: #fbfdff;
}

.payment-strategy-box {
  border: 1px solid #c8d9e8;
  background: #f4f9fd;
  padding: 12px 14px;
}

.payment-strategy-box h3 {
  margin: 0 0 7px;
  color: var(--title);
  font-size: 15px;
  font-weight: 600;
}

.payment-strategy-box ul {
  margin: 0;
}

.account-page-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 110px;
  gap: 10px;
  align-items: end;
  border: 1px solid #d3e0eb;
  background: #fbfdff;
  padding: 12px;
}

.account-page-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--title);
  font-size: 13px;
  font-weight: 500;
}

.account-page-form input {
  width: 100%;
  min-height: 30px;
  border-color: #bdcad8;
  background: #f4f8fc;
}

.account-page-form button {
  min-height: 30px;
  border: 1px solid #a5bfd8;
  background: linear-gradient(#ffffff, #edf5fc);
  color: var(--button);
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}

.account-page-form + .test-account-output {
  margin-top: 8px;
  font-size: 13px;
}

.account-control-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  border: 1px solid #cbd8e5;
  background: #f9fbfd;
  padding: 14px;
}

.account-control-panel header {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid #dce5ed;
  padding-bottom: 10px;
}

.account-control-panel h3,
.account-control-panel p {
  margin: 0;
}

.account-control-panel h3 {
  color: var(--title);
  font-size: 16px;
}

.account-control-panel header p {
  margin-top: 3px;
  color: #667788;
  font-size: 12px;
}

.account-status-pill {
  border: 1px solid #d7c48a;
  background: #fff8df;
  padding: 5px 9px;
  color: #6b5316;
  font-size: 12px;
  font-weight: 800;
}

.account-control-panel.is-signed-in .account-status-pill {
  border-color: #aac9ae;
  background: #eff9f1;
  color: #285f33;
}

.account-control-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.account-control-grid article {
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid #d9e3ec;
  background: #fff;
  padding: 10px;
  min-width: 0;
}

.account-control-grid span {
  color: #6c7a86;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.account-control-grid strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-control-grid small {
  color: #667788;
  font-size: 11px;
  line-height: 1.35;
}

.account-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, .9fr);
  gap: 10px;
}

.account-control-form {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  border: 1px solid #d9e3ec;
  background: #fff;
  padding: 12px;
}

.account-control-form h4 {
  margin: 0;
  color: var(--title);
  font-size: 14px;
}

.account-control-form p {
  padding: 0;
  color: #526a7f;
  font-size: 12px;
}

.account-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.account-control-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--title);
  font-size: 12px;
  font-weight: 600;
}

.account-control-form input,
.account-control-form select {
  min-width: 0;
  width: 100%;
  min-height: 28px;
  border: 1px solid #bdcad8;
  background: #f7fafc;
}

.account-action-row button {
  min-height: 30px;
  border: 1px solid #b7c8dc;
  background: #fff;
  padding: 0 12px;
  color: var(--button);
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
}

.account-control-form button {
  justify-self: start;
  min-height: 30px;
  border: 1px solid #a5bfd8;
  background: linear-gradient(#ffffff, #edf5fc);
  padding: 0 12px;
  color: var(--button);
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
}

.account-control-form button:disabled,
.account-action-row button:disabled {
  color: #788898;
  background: #edf1f4;
  cursor: not-allowed;
}

.account-action-output {
  min-height: 18px;
  color: #315f8f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.account-action-output.is-warning {
  color: #8a4f00;
}

.account-action-output.is-success {
  color: #2d7b55;
}

.site-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  align-items: center;
  justify-content: center;
  margin: 24px -29px -28px;
  border-top: 1px solid #d7e0e8;
  background: #f8fafc;
  padding: 12px 18px 14px;
  color: #6f7b86;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}

.site-footer strong {
  color: var(--deep-blue);
  font-size: inherit;
  letter-spacing: 0;
}

.site-footer-brandline,
.site-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.site-footer-brandline {
  gap: 0;
  margin: 0;
  color: #6f7b86;
  font-size: inherit;
}

.site-footer-brandline > * + *::before {
  content: "\00b7";
  margin: 0 8px;
  color: #9aa0a6;
}

.site-footer-links {
  gap: 0;
  font-size: inherit;
}

.site-footer-links::before {
  content: "\00b7";
  margin: 0 8px 0 0;
  color: #9aa5af;
}

.site-footer-links a + a::before {
  content: "\00b7";
  margin: 0 8px;
  color: #9aa5af;
}

.site-footer a {
  color: #1f5f96;
  font-weight: 500;
}

.site-footer-email a {
  color: #0f5f9f;
}

.site-footer-note {
  display: none;
}

.mini-tool {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 0 8px 8px;
}

.legacy-depth-bridge {
  display: grid;
  gap: 6px;
  margin: 0 8px 8px;
  border: 1px solid #d6dbea;
  background: #fbfbfd;
  min-width: 0;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.legacy-depth-bridge strong {
  display: block;
  color: var(--title);
  overflow-wrap: anywhere;
}

.legacy-depth-bridge dl {
  padding: 0;
}

.legacy-depth-bridge ul {
  margin: 0;
  padding-left: 16px;
  overflow-wrap: anywhere;
}

.legacy-depth-bridge li {
  margin: 2px 0;
  overflow-wrap: anywhere;
}

.public-content-bridge {
  display: grid;
  gap: 6px;
  margin: 0 8px 8px;
  min-width: 0;
}

.content-import-bridge {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 8px;
  margin: 0 0 2px;
  min-width: 0;
}

.content-import-card {
  min-height: 104px;
  border: 1px solid #cad8cf;
  background: #f9fcf8;
  padding: 8px;
  line-height: 1.35;
}

.content-import-card strong {
  display: block;
  margin-bottom: 5px;
  color: #29483d;
}

.content-import-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.content-import-card .stat-list {
  margin-bottom: 3px;
}

.content-import-checks {
  margin-top: 7px;
  border-top: 1px solid #dbe8dd;
  padding-top: 5px;
}

.content-import-checks summary {
  color: #29483d;
  cursor: pointer;
  font-weight: bold;
}

.content-import-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #4f675d;
}

.content-import-checks li {
  margin: 2px 0;
}

.access-entitlement-bridge {
  display: grid;
  gap: 6px;
  margin: 8px 0;
  min-width: 0;
}

.access-entitlement-card {
  border: 1px solid #ded3bd;
  background: #fffdf6;
  padding: 7px 8px;
  line-height: 1.35;
}

.access-entitlement-card strong {
  display: block;
  margin-bottom: 5px;
  color: #66512b;
}

.access-entitlement-card p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}

.access-entitlement-card .stat-list {
  margin-bottom: 3px;
}

.access-entitlement-checks {
  margin-top: 7px;
  border-top: 1px solid #e8dfc8;
  padding-top: 5px;
}

.access-entitlement-checks summary {
  color: #66512b;
  cursor: pointer;
  font-weight: bold;
}

.access-entitlement-checks ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #6c5b40;
}

.access-entitlement-checks li {
  margin: 2px 0;
}

.public-content-summary,
.public-content-card {
  border: 1px solid #d6dbea;
  background: #fff;
  min-width: 0;
  padding: 7px 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.public-content-summary strong,
.public-content-card strong {
  color: var(--title);
}

.public-content-summary p,
.public-content-card p {
  margin: 5px 0 0;
  padding: 0;
  overflow-wrap: anywhere;
}

.public-content-card summary {
  cursor: pointer;
}

.public-content-card.current-route {
  border-color: #7a98b7;
  background: #f7fbfb;
}

.public-content-card summary span {
  display: block;
  margin-top: 3px;
  color: #6c87a6;
  font-size: 10px;
}

.content-approval-gate {
  margin-top: 7px;
  border-top: 1px solid #d6dbea;
  background: #fbfbfd;
  padding: 7px 8px 0;
}

.content-approval-gate strong {
  color: #29483d;
}

.content-approval-gate ul {
  margin: 4px 0 0;
  padding-left: 15px;
  color: #5f6f7f;
}

.content-gate-checks {
  margin-top: 5px;
}

.content-gate-checks summary {
  color: var(--title);
  cursor: pointer;
  font-weight: bold;
}

.detail-box {
  min-height: 44px;
  border: 1px solid #d8dce5;
  background: #fff;
  padding: 7px;
  line-height: 1.38;
}

.detail-box h3 {
  margin: 0 0 5px;
  color: var(--title);
  font-size: 12px;
}

.detail-box p {
  padding: 0;
  margin: 0 0 6px;
}

.detail-box .meta {
  color: #6c87a6;
  font-size: 10px;
}

.source-detail {
  min-height: 126px;
  border-color: #c7d2e3;
  background: #f8fbff;
}

.source-detail p:last-child {
  max-height: 148px;
  overflow: auto;
  color: #25394f;
  font-size: 11px;
}

.source-lineage-chain {
  max-height: 220px;
  overflow: auto;
  border-top: 1px solid #d7e0ec;
  padding: 8px;
}

.source-lineage-chain h4 {
  margin: 0 0 6px;
  color: var(--title);
  font-size: 11px;
}

.source-lineage-chain ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
}

.source-lineage-chain li {
  color: #25394f;
  font-size: 10px;
}

.source-lineage-chain strong,
.source-lineage-chain span,
.source-lineage-chain em,
.source-lineage-chain small,
.source-lineage-chain p {
  display: block;
}

.source-lineage-chain strong {
  color: #173b62;
}

.source-lineage-chain em {
  margin-top: 4px;
  color: #627894;
  font-style: normal;
  font-weight: 700;
}

.source-lineage-chain p {
  margin: 1px 0 0;
}

.source-lineage-chain small {
  margin-top: 4px;
  color: #6c87a6;
}

.potency-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

.potency-list span {
  border: 1px solid #ced6f7;
  background: var(--fill);
  padding: 2px 4px;
}

.stat-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  margin: 0;
  padding: 0 8px 8px;
}

.compact-stat-list {
  max-width: 260px;
  padding: 0;
}

.archive-title {
  margin: 2px 8px 6px;
  color: var(--title);
  font-size: 11px;
}

.stat-list dt,
.stat-list dd {
  margin: 0;
}

.stat-list dt {
  color: #6c87a6;
}

.stat-list dd {
  color: var(--title);
  font-weight: bold;
  text-align: right;
}

.result-row {
  grid-template-columns: 30px minmax(0, 1fr) 60px;
  align-items: center;
  margin-bottom: 6px;
}

.result-row.interactive {
  cursor: pointer;
}

.result-row.interactive:hover {
  border-color: var(--bar);
  text-decoration: none;
}

@media (max-width: 520px) {
  .result-pagination,
  .result-group-summary,
  .result-group__heading,
  .remedy-route-capability {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  #remedy-output .result-row {
    grid-template-columns: 24px minmax(0, 1fr) 42px;
  }

  .result-group__heading {
    top: -5px;
  }
}

.result-detail {
  margin-top: 10px;
}

.mechanism-review-panel {
  margin-top: 10px;
  border-color: #bfd4c5;
  background: #fbfefb;
  max-height: 430px;
  overflow: auto;
}

.illnessfinder-database-status-panel {
  border-color: #d7c4b0;
  background: #fffdf9;
  max-height: 460px;
}

.illnessfinder-database-status-panel .mechanism-review-head strong,
.illnessfinder-database-status-panel .mechanism-review-metrics dd {
  color: #684315;
}

.illnessfinder-database-status-kind {
  border-color: #e1cbb3;
}

.medical-term-review-panel {
  border-color: #c7d3df;
  background: #fbfcfe;
  max-height: 360px;
}

.legacy-tool-board + .medical-term-review-panel {
  margin-top: 10px;
  max-height: 420px;
}

.mechanism-review-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: baseline;
  margin-bottom: 6px;
}

.mechanism-review-head strong {
  color: #194f36;
  font-size: 12px;
}

.mechanism-review-head span,
.mechanism-review-types,
.mechanism-review-grid small {
  color: #627084;
  font-size: 10px;
}

.mechanism-review-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin: 0 0 7px;
}

.mechanism-review-metrics dt,
.mechanism-review-metrics dd {
  margin: 0;
}

.mechanism-review-metrics dt {
  color: #627084;
  font-size: 9px;
  text-transform: uppercase;
}

.mechanism-review-metrics dd {
  color: #194f36;
  font-size: 12px;
  font-weight: bold;
}

.mechanism-review-types {
  margin-bottom: 7px;
}

.medical-term-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 7px;
}

.medical-term-review-filters button {
  min-height: 20px;
  border: 1px solid #c7d3df;
  border-radius: 3px;
  background: #fff;
  padding: 1px 6px;
  color: #324960;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  line-height: 1.2;
}

.medical-term-review-filters button:hover,
.medical-term-review-filters button:focus-visible,
.medical-term-review-filters button.active {
  border-color: #537491;
  background: #eef4f9;
}

.mechanism-review-grid {
  display: grid;
  gap: 7px;
}

.medical-term-review-panel .mechanism-review-grid section {
  display: grid;
  gap: 7px 10px;
}

.medical-term-review-panel .mechanism-review-grid h4 {
  grid-column: 1 / -1;
}

@media (min-width: 760px) {
  .medical-term-review-panel .mechanism-review-grid section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mechanism-review-grid h4 {
  margin: 0 0 4px;
  color: var(--title);
  font-size: 11px;
}

.mechanism-review-grid article {
  border-top: 1px solid #d8e3dc;
  padding-top: 5px;
}

.mechanism-review-grid article:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.mechanism-review-row-title {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: baseline;
}

.mechanism-review-grid strong,
.mechanism-review-grid small {
  display: block;
}

.mechanism-review-status {
  border: 1px solid #cbd8cf;
  border-radius: 3px;
  background: #fff;
  padding: 0 4px;
  color: #526070;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.4;
}

.mechanism-review-status--approved {
  border-color: #95c2a4;
  background: #eff8f1;
  color: #27633e;
}

.mechanism-review-status--rejected {
  border-color: #d4a3a3;
  background: #fff3f3;
  color: #8a3434;
}

.mechanism-review-status--needs_source_check {
  border-color: #d5c288;
  background: #fff9e8;
  color: #66521a;
}

.mechanism-review-audit {
  max-height: 42px;
  overflow: auto;
  margin: 3px 0 0;
  color: #5f6c7d;
  font-size: 9.5px;
  line-height: 1.25;
}

.mechanism-review-audit span {
  color: #194f36;
  font-weight: 700;
}

.mechanism-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

.mechanism-review-actions button {
  min-height: 20px;
  border: 1px solid #b7cec0;
  border-radius: 3px;
  background: #fff;
  padding: 1px 6px;
  color: #194f36;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  line-height: 1.2;
}

.mechanism-review-actions button:hover,
.mechanism-review-actions button:focus-visible {
  border-color: #2c7a4f;
  background: #eef8f1;
}

.mechanism-review-actions button:disabled {
  cursor: wait;
  opacity: 0.6;
}

.source-review-actions {
  margin-top: 7px;
}

.source-review-decision-state {
  border-left: 2px solid #2c7a4f;
  padding-left: 6px;
  color: #194f36;
  font-weight: 700;
}

.mechanism-review-evidence {
  display: grid;
  gap: 4px;
  margin-top: 4px;
}

.mechanism-review-evidence p {
  max-height: 58px;
  overflow: auto;
  margin: 0;
  border-left: 2px solid #d8e3dc;
  padding-left: 5px;
  color: #2a3a4c;
  font-size: 10.5px;
  overflow-wrap: anywhere;
}

.mechanism-review-evidence span {
  display: block;
  margin-bottom: 1px;
  color: #627084;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.method-note {
  margin: 8px 0 0;
  color: #5f6c7d;
  font-size: 10px;
  line-height: 1.35;
}

.method-guard {
  margin: 0 0 10px;
  border: 1px solid #c9c0a8;
  background: #fffdf5;
  padding: 7px 9px;
  color: #554a33;
  line-height: 1.35;
}

.method-guard strong {
  color: var(--title);
}

.rank {
  display: grid;
  place-items: center;
  min-height: 22px;
  border: 1px solid #c6c6c6;
  background: #f5f5f6;
  font-weight: bold;
}

.score {
  justify-self: end;
  color: #29483d;
  font-weight: bold;
}

.detail-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.detail-links a,
.detail-links span {
  border: 1px solid #ced6f7;
  background: var(--fill);
  padding: 3px 6px;
  font-size: 10px;
}

.empty {
  color: #6c87a6;
  padding: 8px;
}

@media (max-width: 860px) {
  .page {
    width: 100%;
    padding: 0;
  }

  .modern-home {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 14px 16px;
  }

  .modern-home::after,
  .modern-home-remedy::after,
  .modern-home-homeopathy::after {
    display: none;
  }

  .modern-home h1 {
    font-size: 24px;
    line-height: 1.16;
  }

  .modern-home p {
    font-size: 13.5px;
  }

  .modern-home-image {
    max-height: 210px;
  }

  .modern-search-row {
    grid-template-columns: 1fr;
  }

  .modern-search-row button {
    width: 100%;
  }

  .modern-quick-links a {
    flex: 1 1 148px;
    justify-content: center;
    text-align: center;
  }

  .legacy-heritage-strip {
    grid-template-columns: 1fr;
  }

  .legacy-heritage-strip dl {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    white-space: normal;
  }

  .legacy-page {
    padding: 12px;
  }

  .legacy-action-panel {
    min-height: 0;
    padding-bottom: 12px;
  }

  .legacy-media-cell {
    justify-self: center;
    width: 100%;
  }

  .legacy-media-cell--illness-doctor,
  .legacy-media-cell--remedy-doctor,
  .legacy-media-cell--homeopathy-doctor {
    max-width: 286px;
  }

  .legacy-media-cell--illness-demo,
  .legacy-media-cell--remedy-demo,
  .legacy-media-cell--homeopathy-demo {
    max-width: 232px;
  }

  .site-switch,
  .brand-row,
  .intro-grid,
  .legacy-step-strip,
  .route-context,
  .launch-guard,
  .pilot-guard,
  .route-guard,
  .auth-guard,
  .payment-guard,
  .module-guard,
  .content-guard,
  .visual-guard,
  .site-readiness-bridge,
  .live-reference-strip,
  .shell-starter-site > header,
  .homepage-preview-list,
  .homepage-observation-list,
  .homepage-worksheet-list,
  .homepage-comparison-list,
  .homepage-note-intake-list,
  .homepage-adjustment-list,
  .homepage-candidate-list,
  .homepage-review-board-list,
  .homepage-comparison-pair,
  .visual-acceptance-bridge,
  .route-safety-bridge,
  .visual-capture-bridge,
  .demo-route-bridge,
  .ranking-capture-bridge,
  .content-import-bridge,
  .term-seed-grid,
  .term-review-grid,
  .term-answer-grid,
  .finder-grid,
  .signup-assurance-grid,
  .preview-signup-grid,
  .membership-plan-grid,
  .membership-tier-grid,
  .account-page-form,
  .account-control-grid,
  .account-workspace-grid,
  .account-form-grid,
  .selected-row,
  .selected-row.single,
  .info-grid,
  #panel-remedy .info-grid,
  #panel-homeopathy .info-grid,
  .site-footer,
  .legacy-tool-board,
  .controls,
  .remedy-controls,
  .homeopathy-controls {
    grid-template-columns: 1fr;
  }

  .legacy-menu,
  .legacy-utility {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .legacy-menu {
    display: grid;
    grid-template-columns: repeat(4, minmax(76px, 1fr));
    overflow: visible;
    scrollbar-width: none;
  }

  .legacy-menu a,
  .legacy-utility a,
  .legacy-menu select,
  .legacy-utility select {
    min-height: 32px;
    padding: 4px 8px;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .legacy-menu a,
  .legacy-menu select {
    flex: initial;
    min-width: 0;
  }

  .brand-row {
    gap: 8px;
    min-height: 0;
  }

  .brand-legacy-meta {
    justify-items: start;
    gap: 8px;
    padding-top: 4px;
  }

  .sibling-links {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 14px;
    width: 100%;
    min-height: 0;
    padding-top: 4px;
    font-size: 12px;
    text-align: left;
  }

  .sibling-links span {
    width: 100%;
  }

  .sibling-links a {
    display: inline-block;
    margin: 0;
    font-size: 12px;
  }

  .site-footer-brandline,
  .site-footer-links {
    justify-content: center;
  }

  .site-switch {
    right: 8px;
    bottom: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: calc(100vw - 16px);
  }

  .tab {
    font-size: 10px;
    line-height: 1.1;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .legacy-step-strip li {
    border-right: 0;
    border-bottom: 1px solid #d6dbea;
  }

  .legacy-step-strip li:last-child {
    border-bottom: 0;
  }

  .legacy-tool-column {
    min-height: 0;
  }

  .legacy-tool-board .tall-results {
    min-height: min(320px, 55vh);
  }

  .legacy-chosen-box.tall-chosen {
    min-height: 210px;
  }

  .site-footer {
    margin-right: -12px;
    margin-left: -12px;
  }

  .offline-dashboard-panel,
  .visual-parity-panel,
  .intro-video-panel,
  .shell-starter-panel,
  .pilot-readiness-panel,
  .ranking-golden-panel,
  .legacy-briefing-panel,
  .legacy-algorithm-panel,
  .auth-reset-panel,
  .payment-shop-panel,
  .content-depth-panel,
  .content-plan-panel,
  .public-route-panel,
  .manual-capture-panel,
  .migration-risk-panel,
  .route-coverage-panel,
  .route-review-panel,
  .archive-board-panel,
  .offline-command-list,
  .visual-parity-list,
  .pilot-readiness-list,
  .production-launch-site-list,
  .intro-video-review-site-list,
  .ranking-golden-list,
  .ranking-golden-site-list,
  .legacy-briefing-list,
  .legacy-algorithm-list,
  .legacy-algorithm-site-list,
  .legacy-algorithm-case-list,
  .auth-reset-list,
  .access-review-site-list,
  .payment-shop-list,
  .content-depth-list,
  .content-plan-list,
  .content-approval-site-list,
  .visual-approval-site-list,
  .public-route-site-list,
  .public-route-list,
  .manual-capture-site-list,
  .visual-capture-site-list,
  .legacy-layout-capture-site-list,
  .manual-capture-list,
  .risk-list,
  .route-site-list,
  .route-review-site-list,
  .route-review-list,
  .ranking-capture-bridge,
  .content-import-bridge,
  .archive-site-list,
  .archive-module-list {
    grid-template-columns: 1fr;
  }

  .review-item summary {
    grid-template-columns: 1fr;
  }

  .hero-art.tall {
    min-height: 0;
  }
}

@media (min-width: 700px) and (max-width: 860px) {
  .legacy-tool-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .method-panel .finder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .method-panel .controls {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }

  .method-panel .remedy-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .method-panel .homeopathy-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .method-panel .selected-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 130px;
  }

  .method-panel .selected-row.single {
    grid-template-columns: minmax(0, 1fr) 130px;
  }
}

@media (max-width: 360px) {
  .legacy-menu {
    grid-template-columns: repeat(3, minmax(72px, 1fr));
  }
}

body[data-current-panel="homeopathy"] {
  --ink: #223644;
  --ink-soft: #5a7180;
  --title: #223644;
  --line: #b9c9d4;
  --menu-line: #d5e0e7;
  --menu-bg: #f6f9fb;
  --fill: #f7f9fa;
  --paper: #fffdf8;
  --bar: #2f769f;
  --button: #315f79;
  --link: #235f82;
  --deep-blue: #223644;
  --legacy-blue: #4f89b1;
  --legacy-blue-dark: #294f6e;
  --legacy-blue-soft: #eef5fa;
}

body[data-current-panel="homeopathy"] .page {
  width: min(1013px, calc(100vw - 18px));
}

#panel-homeopathy .legacy-page {
  background: #fffdf8;
  border-color: #b9c9d4;
  box-shadow: none;
}

#panel-homeopathy .brand-row {
  grid-template-columns: minmax(300px, 388px) minmax(360px, 1fr);
  min-height: 92px;
}

#panel-homeopathy .brand-home-link {
  width: min(388px, 100%);
}

#panel-homeopathy .brand-legacy-meta {
  padding-top: 36px;
}

#panel-homeopathy .sibling-links,
#panel-homeopathy .sibling-links a {
  color: #5a7180;
}

#panel-homeopathy .sibling-links span {
  color: #5a7180;
  font-weight: 600;
}

#panel-homeopathy .legacy-menu {
  background: #f6f9fb;
  border-color: #d5e0e7;
}

#panel-homeopathy .legacy-menu a,
#panel-homeopathy .legacy-menu select {
  border-color: #d5e0e7;
  color: #315f79;
  font-weight: 500;
}

#panel-homeopathy .legacy-menu a:hover,
#panel-homeopathy .legacy-menu select:hover {
  background: #edf5fa;
  color: #223644;
}

#panel-homeopathy .intro-grid {
  gap: 8px;
}

#panel-homeopathy .legacy-action-panel,
#panel-homeopathy .legacy-media-cell,
#panel-homeopathy .login-box,
#panel-homeopathy .legacy-tool-column,
#panel-homeopathy .info-box,
#panel-homeopathy .demo-panel,
#panel-homeopathy .method-panel,
#panel-homeopathy .closed-shop-panel {
  border-color: #b9c9d4;
  background-color: #fffefa;
}

#panel-homeopathy .legacy-action-panel h2,
#panel-homeopathy .legacy-media-cell h2,
#panel-homeopathy .legacy-column-header {
  background: #f7f9fa;
  border-color: #d8e2e8;
  color: #223644;
}

#panel-homeopathy .legacy-column-header span {
  background: linear-gradient(180deg, #6a9ec1 0%, #4f89b1 100%);
  border-right: 1px solid #467796;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

#panel-homeopathy .legacy-column-header strong,
#panel-homeopathy .legacy-source-list label,
#panel-homeopathy .legacy-field-grid label,
#panel-homeopathy .legacy-search-block > label,
#panel-homeopathy .legacy-chosen-box .selected-title,
#panel-homeopathy .legacy-inline-select,
#panel-homeopathy .legacy-browse-drawer summary {
  color: #223644;
}

#panel-homeopathy input,
#panel-homeopathy select,
#panel-homeopathy .legacy-tool-board .results,
#panel-homeopathy .legacy-chosen-box .chips,
#panel-homeopathy .legacy-tool-board .output,
#panel-homeopathy .legacy-tool-board .result-detail {
  border-color: #dce6eb;
  background: #fffdf9;
  color: #223644;
}

#panel-homeopathy input:focus,
#panel-homeopathy select:focus {
  border-color: #4f89b1;
  outline: 1px solid #4f89b1;
}

#panel-homeopathy .legacy-tool-board .pick,
#panel-homeopathy .legacy-chosen-box .chip {
  background: #fffefa;
  border-color: #dce6eb;
  color: #223644;
}

#panel-homeopathy .legacy-tool-board .pick:hover,
#panel-homeopathy .legacy-chosen-box .chip.interactive:hover {
  background: #eef5fa;
}

#panel-homeopathy .legacy-mini-actions button,
#panel-homeopathy .legacy-mini-actions .legacy-mini-link,
#panel-homeopathy .login-box button,
#panel-homeopathy .legacy-tool-board .run {
  border-color: #c2d0d9;
  background: #e4edf3;
  color: #5b7180;
  box-shadow: none;
}

#panel-homeopathy .legacy-mini-actions button:hover,
#panel-homeopathy .legacy-mini-actions .legacy-mini-link:hover,
#panel-homeopathy .login-box button:hover,
#panel-homeopathy .legacy-tool-board .run:hover:not(:disabled) {
  border-color: #8fa9b9;
  background: #d8e7ef;
  color: #223644;
  text-decoration: none;
}

#panel-homeopathy .login-box h2,
#panel-homeopathy .demo-panel summary,
#panel-homeopathy .method-panel summary,
#panel-homeopathy .closed-shop-panel summary {
  background: #2f769f;
}

#panel-homeopathy .legacy-warning {
  border-color: #294f6e;
  background: #fff;
}

#panel-homeopathy .legacy-tool-board .result-row {
  border-color: #4f89b1;
  background: #4f89b1;
}

#panel-homeopathy .legacy-tool-board .result-row.interactive:hover {
  border-color: #294f6e;
  background: #467b9f;
}

#panel-homeopathy .site-footer {
  background: #f7f5f1;
  border-color: #d8e2e8;
}

#panel-illness {
  --ink: #223644;
  --ink-soft: #5a7180;
  --title: #1f3b50;
  --line: #b9c9d4;
  --menu-line: #d5e0e7;
  --menu-bg: #f6f9fb;
  --fill: #f5f8fa;
  --paper: #fffdf8;
  --bar: #2f6f95;
  --button: #285f81;
  --link: #235f82;
  --deep-blue: #1f3f59;
  --legacy-blue: #3f789b;
  --legacy-blue-dark: #214f70;
  --legacy-blue-soft: #edf5f9;
  color: var(--ink);
}

#panel-illness strong,
#panel-illness b {
  font-weight: 500;
}

#panel-illness .legacy-page {
  border-color: var(--line);
  background: var(--paper);
}

#panel-illness .brand-row {
  min-height: 92px;
  align-items: center;
}

#panel-illness .brand-home-link {
  width: min(388px, 100%);
}

#panel-illness .brand-legacy-meta {
  padding-top: 36px;
}

#panel-illness .sibling-links,
#panel-illness .sibling-links a,
#panel-illness .sibling-links span {
  color: var(--ink-soft);
  font-weight: 400;
  letter-spacing: 0;
}

#panel-illness .sibling-links a {
  color: var(--link);
  font-weight: 500;
}

#panel-illness .legacy-menu,
#panel-illness .legacy-utility {
  border-color: var(--menu-line);
  background: var(--menu-bg);
}

#panel-illness .legacy-menu a,
#panel-illness .legacy-menu select,
#panel-illness .legacy-utility a,
#panel-illness .legacy-utility select {
  border-color: var(--menu-line);
  color: #315f79;
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness .legacy-menu a:hover,
#panel-illness .legacy-menu select:hover,
#panel-illness .legacy-utility a:hover,
#panel-illness .legacy-utility select:hover {
  background: #edf5f9;
  color: #214f70;
}

#panel-illness .legacy-tool-column {
  border-color: var(--line);
  background: #fffefa;
}

#panel-illness .legacy-column-header {
  height: 88px;
  min-height: 88px;
  overflow: hidden;
  border-bottom-color: #d8e2e8;
  background: #f7f9fa;
}

#panel-illness .legacy-column-header span {
  background: linear-gradient(180deg, #5e93b2 0%, #2f6f95 100%);
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness .legacy-column-header span b {
  font-weight: 500;
}

#panel-illness .legacy-column-header strong {
  color: var(--title);
  font-size: 16.5px;
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness .legacy-column-header p {
  color: #5d717b;
  font-size: 11.4px;
  font-weight: 400;
  line-height: 1.16;
}

#panel-illness .legacy-field-grid label,
#panel-illness .legacy-search-block > label,
#panel-illness .legacy-chosen-box .selected-title,
#panel-illness .legacy-inline-select,
#panel-illness .legacy-browse-drawer summary {
  color: var(--title);
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness input,
#panel-illness select {
  border-color: #c5d2da;
  color: var(--ink);
}

#panel-illness input:focus,
#panel-illness select:focus {
  outline-color: rgba(47, 111, 149, 0.28);
  border-color: #2f6f95;
}

#panel-illness .legacy-mini-actions button,
#panel-illness .legacy-mini-actions .legacy-mini-link,
#panel-illness .legacy-tool-board .run,
#panel-illness .legacy-letter-row button,
#panel-illness .legacy-or-divider {
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness .legacy-tool-board .results,
#panel-illness .legacy-chosen-box .chips,
#panel-illness .legacy-tool-board .output,
#panel-illness .legacy-tool-board .result-detail {
  border-color: #dce6eb;
  background: #fffdf9;
}

#panel-illness .legacy-tool-board .pick,
#panel-illness .legacy-chosen-box .chip {
  border-bottom-color: #e1e8ec;
  color: var(--ink);
}

#panel-illness .legacy-tool-board .pick:hover,
#panel-illness .legacy-chosen-box .chip.interactive:hover {
  background: #edf5f9;
}

#panel-illness .legacy-tool-board .pick strong,
#panel-illness .legacy-tool-board .result-row strong {
  font-weight: 500;
  letter-spacing: 0;
}

#panel-illness .legacy-tool-board .pick strong {
  color: var(--title);
}

#panel-illness .legacy-tool-board .result-row {
  border-color: var(--legacy-blue-dark);
  background: var(--legacy-blue);
}

#panel-illness .legacy-tool-board .run:not(:disabled) {
  border-color: #214f70;
  background: linear-gradient(180deg, #477fa1 0%, #285f81 100%);
  color: #fffdf8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

#panel-illness .legacy-tool-board .run:hover:not(:disabled) {
  border-color: #183d59;
  background: #214f70;
  color: #fffdf8;
}

#panel-illness .legacy-tool-board .run:disabled {
  border-color: #c2d0d9;
  background: #e4edf3;
  color: #5b7180;
  box-shadow: none;
}

#panel-illness .legacy-warning {
  border-color: #1f3f59;
  color: var(--title);
}

#panel-illness .legacy-warning strong {
  color: #b3261e;
  font-weight: 600;
}

#panel-illness .legacy-consent {
  color: var(--title);
  font-weight: 400;
}

#panel-illness .site-footer {
  border-top-color: #d8cdb9;
  background: #f7f4ee;
  color: #65716f;
  font-weight: 400;
}

#panel-illness .site-footer strong {
  color: #344849;
  font-weight: 400;
}

#panel-illness .site-footer a,
#panel-illness .site-footer-email a {
  color: #365b59;
  font-weight: 400;
}

@media (max-width: 760px) {
  #panel-illness .brand-row,
  #panel-homeopathy .brand-row {
    grid-template-columns: 1fr;
  }

  #panel-illness .brand-legacy-meta,
  #panel-homeopathy .brand-legacy-meta {
    padding-top: 4px;
  }
}

/* Remedyfinder display-only score trace. The trace is collapsed by default
   and never changes rank, score or result grouping. */
.customer-surface #remedy-output .remedy-trace-context {
  margin: 0 0 10px;
  border: 1px solid #b9d0e1;
  border-radius: 4px;
  background: #f8fbfd;
  padding: 7px 9px;
  color: #264e69;
  font-size: 11px;
  line-height: 1.4;
}

.customer-surface #remedy-output .remedy-trace-context summary,
.customer-surface #remedy-output .remedy-result-trace summary {
  color: #174f7c;
  font-weight: 700;
  cursor: pointer;
}

.customer-surface #remedy-output .remedy-trace-context p,
.customer-surface #remedy-output .remedy-result-trace p {
  margin: 6px 0;
}

.customer-surface #remedy-output .remedy-trace-context dl,
.customer-surface #remedy-output .remedy-result-trace dl {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.4fr);
  gap: 3px 8px;
  margin: 7px 0 0;
}

.customer-surface #remedy-output .remedy-trace-context dt,
.customer-surface #remedy-output .remedy-result-trace dt {
  color: #567084;
}

.customer-surface #remedy-output .remedy-trace-context dd,
.customer-surface #remedy-output .remedy-result-trace dd {
  min-width: 0;
  margin: 0;
  color: #173e59;
  overflow-wrap: anywhere;
}

.customer-surface #remedy-output .result-copy {
  min-width: 0;
}

.customer-surface #remedy-output .remedy-result-trace {
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  padding-top: 4px;
  color: #e8f3fa;
  font-size: 10px;
  line-height: 1.35;
}

.customer-surface #remedy-output .remedy-result-trace summary,
.customer-surface #remedy-output .remedy-result-trace dt,
.customer-surface #remedy-output .remedy-result-trace dd,
.customer-surface #remedy-output .remedy-result-trace code {
  color: #eef7fc;
}

.customer-surface #remedy-output .remedy-trace-sources {
  display: grid;
  gap: 4px;
  margin: 5px 0 0;
  padding-left: 16px;
}

.customer-surface #remedy-output .remedy-trace-sources code,
.customer-surface #remedy-output .remedy-trace-context code {
  display: block;
  max-width: 100%;
  font-size: 9px;
  overflow-wrap: anywhere;
  white-space: normal;
}

@media (max-width: 520px) {
  .customer-surface #remedy-output .remedy-trace-context dl,
  .customer-surface #remedy-output .remedy-result-trace dl {
    grid-template-columns: 1fr;
  }

  .customer-surface #remedy-output .remedy-trace-context dd,
  .customer-surface #remedy-output .remedy-result-trace dd {
    margin-bottom: 3px;
  }
}
.customer-surface .original-demo,
.customer-surface .demo-route-bridge,
.customer-surface .local-migration-bridge {
  display: none !important;
}

.customer-surface [data-test-login-form],
.customer-surface [data-preview-signup],
.customer-surface [data-account-control] {
  min-height: 0;
}

.customer-surface .account-guard {
  max-width: 44rem;
  margin: 0.55rem 0 0;
  color: var(--muted);
  line-height: 1.55;
}

body.customer-surface {
  font-size: 16px;
  line-height: 1.5;
}

.customer-surface .results[hidden] {
  display: none !important;
}

.customer-surface .page {
  width: min(1120px, calc(100vw - 32px));
}

/* Remedyfinder customer hierarchy: compact preview account notice, restrained
   display weight and a slightly airier primary path. */
.customer-surface #panel-remedy .brand-row {
  grid-template-columns: minmax(260px, 312px) minmax(420px, 1fr);
  align-items: center;
  gap: 38px;
  min-height: 80px;
}

.customer-surface #panel-remedy .brand-home-link {
  width: min(312px, 100%);
}

.customer-surface #panel-remedy .brand-legacy-meta {
  padding-top: 20px;
}

.customer-surface #panel-remedy .login-box {
  align-self: start;
  min-height: 0;
}

.customer-surface #panel-remedy .legacy-action-panel h2,
.customer-surface #panel-remedy .legacy-media-cell h2,
.customer-surface #panel-remedy .login-box h2,
.customer-surface #panel-remedy .legacy-column-header strong,
.customer-surface #panel-remedy .public-page-copy h3,
.customer-surface #panel-remedy .info-box summary,
.customer-surface #panel-remedy .result-group__heading {
  font-weight: 500;
}

.customer-surface #panel-remedy .legacy-menu a,
.customer-surface #panel-remedy .legacy-menu select {
  padding-inline: 12px;
}

@media (max-width: 760px) {
  .customer-surface .page {
    width: calc(100vw - 16px);
  }

  .customer-surface #panel-remedy .brand-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .customer-surface #panel-remedy .brand-home-link {
    width: min(312px, 82vw);
  }

  .customer-surface #panel-remedy .brand-legacy-meta {
    padding-top: 4px;
  }

  .customer-surface #panel-remedy .legacy-menu a,
  .customer-surface #panel-remedy .legacy-menu select {
    padding-inline: 8px;
  }
}

/* Finder R25: Webhomeopath's coherent workspace, without four visual columns. */

#panel-remedy .legacy-step-strip {
  display: none;
}

#panel-remedy .legacy-tool-board-remedy {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(292px, .88fr) !important;
  grid-template-areas:
    "context context"
    "search selected"
    "results results";
  gap: 14px;
  align-items: start;
  margin-top: 12px;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) {
  grid-area: context;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(2) {
  grid-area: search;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(3) {
  grid-area: selected;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) {
  grid-area: results;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column {
  display: flex;
  min-height: 0;
  border-color: #cadbe3;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 5px 16px rgba(35, 72, 91, .045);
}

#panel-remedy .legacy-tool-board-remedy .legacy-column-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px;
  min-height: 0;
  padding: 12px 14px 11px;
  border-bottom-color: #d7e3e8;
  background: #fff;
}

#panel-remedy .legacy-tool-board-remedy .legacy-column-header > span {
  display: none;
}

#panel-remedy .legacy-tool-board-remedy .legacy-column-header > strong {
  margin: 0;
  padding: 0;
  color: #183c4d;
  font-size: 18px;
  line-height: 1.15;
}

#panel-remedy .legacy-tool-board-remedy .legacy-column-header > p {
  margin: 0;
  padding: 0;
  color: #607783;
  font-size: 11.5px;
  line-height: 1.3;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column > .legacy-column-body {
  min-height: 0;
  padding: 12px 14px 14px;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) > .legacy-column-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) .legacy-search-block,
#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) .remedy-risk-chosen {
  min-height: 0;
  margin: 0;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) .secondary-action {
  grid-column: 2;
  align-self: end;
}

#panel-remedy .legacy-tool-board-remedy .tall-results {
  min-height: 0;
  max-height: 360px;
}

#panel-remedy .legacy-tool-board-remedy .tall-chosen {
  min-height: 0;
  max-height: 420px;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) > .legacy-column-body {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 2.28fr);
  gap: 12px;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .legacy-warning {
  grid-column: 1;
  grid-row: 1 / span 2;
}

#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .output,
#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .result-detail {
  grid-column: 2;
  min-height: 0;
  max-height: 480px;
}

@media (max-width: 760px) {
  #panel-remedy .legacy-tool-board-remedy {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "context"
      "search"
      "selected"
      "results";
    gap: 10px;
  }

  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) > .legacy-column-body,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) > .legacy-column-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(1) .secondary-action,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .legacy-warning,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .output,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .result-detail {
    grid-column: 1;
    grid-row: auto;
  }

  #panel-remedy .legacy-tool-board-remedy .tall-results,
  #panel-remedy .legacy-tool-board-remedy .tall-chosen,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .output,
  #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) .result-detail {
    max-height: min(520px, 62vh);
  }
}