.oi-layout {
  align-items: start;
}

body[data-ui-version="44"] .topbar-actions .global-store-filter-control[hidden] {
  display: none !important;
}

.oi-plan-advice {
  border-top: 4px solid var(--oi-mint);
}

.oi-plan-advice > header > b {
  white-space: nowrap;
}

.oi-plan-thesis {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: -2px 0 14px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #edf8f5;
  color: #176c5e;
}

.oi-plan-thesis small {
  color: #568279;
}

.oi-plan-list {
  display: grid;
  gap: 10px;
}

.oi-plan-list > article {
  display: grid;
  grid-template-columns: 76px minmax(260px, 1.35fr) minmax(240px, .8fr) minmax(170px, .65fr) auto;
  align-items: start;
  gap: 16px;
  padding: 16px;
  border: 1px solid #dfe7f1;
  border-radius: 12px;
  background: #fbfcfe;
}

.oi-plan-order {
  display: grid;
  gap: 6px;
}

.oi-plan-order span {
  color: var(--oi-blue);
  font: 800 25px Bahnschrift, "Arial Narrow", sans-serif;
}

.oi-plan-order em {
  color: var(--oi-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.oi-plan-copy h4,
.oi-plan-copy p,
.oi-plan-copy ol {
  margin: 0;
}

.oi-plan-copy {
  display: grid;
  gap: 6px;
}

.oi-plan-copy h4 {
  font-size: 15px;
}

.oi-plan-copy p,
.oi-plan-copy small,
.oi-plan-copy li {
  color: #5f6f86;
  font-size: 11px;
  line-height: 1.55;
}

.oi-plan-copy ol {
  display: grid;
  gap: 3px;
  padding-left: 18px;
}

.oi-plan-list dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0;
}

.oi-plan-list dl div {
  display: grid;
  gap: 2px;
}

.oi-plan-list dt,
.oi-plan-evidence b {
  color: var(--oi-muted);
  font-size: 9px;
  font-weight: 800;
}

.oi-plan-list dd {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
}

.oi-plan-evidence {
  display: grid;
  gap: 5px;
  padding-left: 14px;
  border-left: 2px solid #cbd8e8;
}

.oi-plan-evidence span {
  color: #53657e;
  font-size: 10px;
  white-space: nowrap;
}

.oi-scope-switch legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.oi-scope-brief {
  display: grid;
  grid-template-columns: minmax(150px, .55fr) minmax(0, 2.45fr);
  gap: 18px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid var(--oi-line);
  border-left: 4px solid var(--oi-blue);
  border-radius: 13px;
  background: #fff;
}

.oi-scope-brief > div,
.oi-scope-brief dl div {
  display: grid;
  gap: 4px;
}

.oi-scope-brief > div span,
.oi-scope-brief dt {
  color: var(--oi-muted);
  font-size: 10px;
  font-weight: 800;
}

.oi-scope-brief > div strong {
  font-size: 18px;
}

.oi-scope-brief dl {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.25fr;
  gap: 0;
  margin: 0;
}

.oi-scope-brief dl div {
  padding: 0 16px;
  border-left: 1px solid var(--oi-line);
}

.oi-scope-brief dd {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
}

.oi-gaps > .oi-gap-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.oi-gap-summary article {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid #e4eaf2;
  border-radius: 10px;
  background: #f8fafc;
}

.oi-gap-summary article > span {
  padding: 0;
  background: transparent;
  color: var(--oi-muted);
  font-size: 10px;
}

.oi-gap-summary strong {
  font: 800 22px Bahnschrift, "Arial Narrow", sans-serif;
}

.oi-gaps details {
  margin-top: 12px;
  border-top: 1px solid var(--oi-line);
}

.oi-gaps summary {
  padding: 12px 2px 0;
  color: var(--oi-blue);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.oi-gaps .oi-gap-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 1050px) {
  .oi-plan-list > article {
    grid-template-columns: 58px minmax(0, 1fr) minmax(220px, .8fr);
  }

  .oi-plan-evidence {
    grid-column: 2 / -1;
  }

  .oi-scope-brief {
    grid-template-columns: 1fr;
  }

  .oi-scope-brief dl div:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .oi-gaps > .oi-gap-summary,
  .oi-gaps .oi-gap-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .oi-plan-thesis {
    display: grid;
  }

  .oi-plan-list > article {
    grid-template-columns: 1fr;
  }

  .oi-plan-order {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .oi-plan-list dl,
  .oi-plan-evidence {
    grid-column: auto;
  }

  .oi-plan-evidence {
    padding: 10px 0 0;
    border-top: 2px solid #cbd8e8;
    border-left: 0;
  }

  .oi-scope-brief dl {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .oi-scope-brief dl div,
  .oi-scope-brief dl div:first-child {
    padding: 0;
    border-left: 0;
  }

  .oi-gaps > .oi-gap-summary,
  .oi-gaps .oi-gap-list {
    grid-template-columns: 1fr 1fr;
  }
}