.docs-masthead h1 { overflow-wrap: anywhere; }
.microbenchmark-operations { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.microbenchmark-selectors { display: grid; max-width: 28rem; gap: 1rem; margin: 1.3rem 0; }
.microbenchmark-selectors label { display: grid; gap: .5rem; color: #b8cee1; font-size: .8rem; font-weight: 700; }
.microbenchmark-selectors select { width: 100%; min-width: 0; min-height: 3rem; padding: .7rem; border: 1px solid var(--docs-line); border-radius: .4rem; color: #edf8ff; background: var(--docs-panel); font: inherit; color-scheme: dark; }
.microbenchmark-selectors select:focus-visible { outline: 2px solid var(--atrekes-cyan-accent); outline-offset: 3px; }
.microbenchmark-selectors select:disabled { opacity: .65; }
.microbenchmark-caption { padding: .85rem .9rem; color: #b8cee1; background: var(--docs-panel); font-size: .75rem; text-align: left; }
.microbenchmark-libhft th { box-shadow: inset 3px 0 var(--atrekes-cyan-accent); }
.microbenchmark-libhft th, .microbenchmark-libhft td { color: #e3faff; background: rgb(36 209 245 / 7%); }
.microbenchmark-unavailable td { color: var(--docs-muted); }
.microbenchmark-checksum code { overflow-wrap: anywhere; }
.microbenchmark-jumps { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--docs-line); }
.microbenchmark-language-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0; }
.microbenchmark-language-nav a { padding: .45rem .8rem; border: 1px solid var(--docs-line); border-radius: .35rem; color: #d9eefc; font-size: .8rem; text-decoration: none; }
.microbenchmark-language-nav a:hover, .microbenchmark-language-nav a:focus-visible { border-color: var(--atrekes-cyan-accent); color: var(--atrekes-cyan-accent); }
.microbenchmark-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); align-items: stretch; gap: .8rem; margin-top: 1.5rem; }
.microbenchmark-result { display: flex; flex-direction: column; min-width: 0; padding: .9rem; border: 1px solid var(--docs-line); border-radius: .45rem; background: linear-gradient(150deg, rgb(13 41 72 / 82%), rgb(4 24 47 / 94%)); }
.microbenchmark-result h3 { min-height: 2.6em; margin: 0 0 .35rem; font-size: 1rem; line-height: 1.3; }
.microbenchmark-result .microbenchmark-operation-note { min-height: 2.6em; margin: 0; color: var(--docs-muted); font-size: .74rem; line-height: 1.3; }
.microbenchmark-summary-wrap { margin: 1rem 0; }
.microbenchmark-summary { min-width: 0; table-layout: fixed; }
.microbenchmark-summary th, .microbenchmark-summary td { padding: .55rem .35rem; font-size: .72rem; }
.microbenchmark-summary thead th { font-size: .62rem; letter-spacing: .02em; }
.microbenchmark-summary th:first-child { width: 50%; overflow-wrap: anywhere; }
.microbenchmark-summary td { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.microbenchmark-summary thead th:not(:first-child) { text-align: right; }
.microbenchmark-summary .microbenchmark-unavailable td { white-space: normal; text-align: left; }
.microbenchmark-summary .microbenchmark-caption { height: 3.5rem; padding: .6rem .35rem; font-size: .68rem; }
.microbenchmark-details { margin-top: auto; border-top: 1px solid var(--docs-line); padding-top: .8rem; }
.microbenchmark-details > summary { color: var(--atrekes-cyan-accent); font-size: .78rem; font-weight: 750; cursor: pointer; }
.microbenchmark-details > summary:focus-visible, .microbenchmark-test-link:focus-visible { outline: 2px solid var(--atrekes-cyan-accent); outline-offset: 3px; }
.microbenchmark-result .microbenchmark-test-link { display: inline-block; margin-top: .85rem; font-size: .73rem; }
/* Expand the language's cards to full width when a detailed chart/table is open. */
.microbenchmark-results:has(.microbenchmark-details[open]) { grid-template-columns: 1fr; }
.microbenchmark-results:has(.microbenchmark-details[open]) .microbenchmark-result h3,
.microbenchmark-results:has(.microbenchmark-details[open]) .microbenchmark-operation-note { min-height: 0; }
.microbenchmark-reproduce { margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--docs-line); border-radius: .4rem; }
.microbenchmark-reproduce summary { color: #e3faff; font-size: .85rem; font-weight: 750; cursor: pointer; }
.microbenchmark-reproduce[open] summary { margin-bottom: 1rem; }
.microbenchmark-example { margin-top: 2rem; padding: .2rem 0 2rem; border-bottom: 1px solid var(--docs-line); }
.microbenchmark-example h3 { overflow-wrap: anywhere; }
.microbenchmark-example-label { margin: 1.2rem 0 .4rem; font-size: .75rem !important; font-weight: 750; }
.microbenchmark-fix-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.microbenchmark-fix-message code { padding: 0; background: none; color: inherit; font: inherit; }
.microbenchmark-test-steps { display: grid; gap: 1.15rem; margin: 1.5rem 0; }
.microbenchmark-test-steps > div { scroll-margin-top: 6rem; border-color: var(--docs-line); }
.microbenchmark-test-steps dt { margin-bottom: .4rem; color: #eef8ff; font-weight: 800; }
.microbenchmark-test-steps dt code { display: inline-block; margin-left: .35rem; font-size: .72rem; font-weight: 500; }
.microbenchmark-test-steps dd { margin: 0; color: #b8cee1; font-size: .9rem; }
.microbenchmark-build-example summary { color: var(--atrekes-cyan-accent); font-size: .8rem; font-weight: 750; cursor: pointer; }
@media (max-width: 760px) {
  .docs-masthead h1 { font-size: clamp(1.8rem, 8.5vw, 2.5rem); }
  .microbenchmark-operations, .microbenchmark-results { grid-template-columns: 1fr; }
  .microbenchmark-result h3, .microbenchmark-result .microbenchmark-operation-note { min-height: 0; }
  .microbenchmark-test-steps > div { grid-template-columns: 1fr; gap: .35rem; }
}