/* Compact entry points and the original identification demonstrators. */
.research-demo-links {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 12px 0 18px;
  padding: 10px 0;
  border-block: 1px solid var(--rule, #e1e5e8);
  font-size: 11px;
}
.research-demo-links > span { color: var(--muted, #606b74); }
.research-demo-links a { text-underline-offset: 3px; }
.research-demo-links a[aria-current="page"] { color: var(--ink, #24292f); text-decoration: none; }
.publication-demo { font-size: inherit; text-underline-offset: 3px; }
.graph-demo-links { margin: 5px 0 8px; font-size: 11px; }
.graph-demo-links a { display: inline-block; margin-right: 12px; }
.page-identification .demo-section-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 12px 0; font-size: 11px; }
.page-identification #identificationStatus { display: block; min-height: 2.8em; margin: 8px 0; font-size: 11px; color: var(--muted, #606b74); }
.page-identification #identificationStatus[data-error="true"] { color: #9b303d; }
.page-identification :is(#protocol, #regular-protocol) > .w3-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding-block: 12px;
}
.page-identification :is(#protocol, #regular-protocol) > .w3-row::before,
.page-identification :is(#protocol, #regular-protocol) > .w3-row::after { content: none; }
.page-identification :is(#protocol, #regular-protocol) .w3-col { width: auto; float: none; min-width: 0; }
.page-identification :is(#protocol, #regular-protocol) .w3-col > article {
  position: relative;
  height: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 10px 52px !important;
  border: 1px solid var(--rule, #e1e5e8);
  border-radius: 5px;
  background: #fff;
  font-size: 11px !important;
  line-height: 1.65;
}
.page-identification .demo-step-heading { font: 400 11px/1.5 Verdana, sans-serif; margin: 0 0 8px; color: var(--ink, #24292f); }
.page-identification .demo-step-equations { margin: 8px 0; font-size: 11px; }
.page-identification .demo-step-equations math { font-size: 1em !important; }
.page-identification .demo-step-equations > span { display: block; margin: 3px 0; }
.page-identification .w3-display-bottomright { left: 0; right: auto; max-width: 100%; padding: 10px !important; }
.page-identification button[disabled] { opacity: .45; cursor: not-allowed; box-shadow: none !important; }
.page-identification [name$="wynik"] { font-weight: 600; color: #245d7b; }
.page-identification #benchAll tr > :last-child { text-align: right; font-variant-numeric: tabular-nums; }
.page-identification #benchAll th { font-weight: 400; }
.page-identification #benchAll tr:first-child th { font-weight: 600; }
.page-identification .demo-scope-note { font-size: 11px; line-height: 1.65; margin: 8px 0; }
@media (max-width: 1100px) {
  .page-identification :is(#protocol, #regular-protocol) > .w3-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .page-identification :is(#protocol, #regular-protocol) > .w3-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .research-demo-links { gap: 8px 14px; }
  .research-demo-links > span { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .page-identification :is(#protocol, #regular-protocol) > .w3-row { grid-template-columns: minmax(0, 1fr); }
}