) ── */
.md-typeset .asb-ref table:not([class]) { border: 0; box-shadow: none; font-size: 0.72rem; }
.md-typeset .asb-ref table:not([class]) th {
background: transparent;
color: var(--asb-blue);
font-size: 0.62rem;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 2px solid var(--asb-rule-strong);
}
.md-typeset .asb-ref table:not([class]) tr:nth-child(even) { background: transparent; }
.md-typeset .asb-ref table:not([class]) td { border-top: 1px solid var(--asb-rule); vertical-align: top; }
.md-typeset .asb-ref table:not([class]) td:first-child code {
background: transparent;
color: var(--asb-blue);
font-weight: 500;
white-space: nowrap;
}
[data-md-color-scheme="slate"] .md-typeset .asb-ref table:not([class]) th,
[data-md-color-scheme="slate"] .md-typeset .asb-ref table:not([class]) td:first-child code { color: var(--asb-yellow); }
/* ── Comparison matrices (opt-in wrapper:
) ──
Small type, uppercase heads, the first column stays visible while the
table scrolls sideways inside its own wrapper. */
.md-typeset .asb-matrix table:not([class]) { font-size: 0.66rem; }
.md-typeset .asb-matrix table:not([class]) th {
font-size: 0.6rem;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
}
.md-typeset .asb-matrix table:not([class]) td { vertical-align: top; min-width: 9rem; }
.md-typeset .asb-matrix table:not([class]) :is(th, td):first-child {
position: sticky;
left: 0;
z-index: 1;
min-width: 7.5rem;
font-weight: 600;
background: var(--asb-surface-0);
box-shadow: 1px 0 0 var(--asb-rule-strong);
}
.md-typeset .asb-matrix table:not([class]) th:first-child { background: var(--asb-table-head-bg); }
.md-typeset .asb-matrix table:not([class]) tr:nth-child(even) td:first-child { background: var(--asb-table-stripe); }
@media screen and (max-width: 44.9375em) {
.md-typeset .asb-matrix table:not([class]) :is(th, td):first-child { min-width: 5.5rem; }
.md-typeset .asb-matrix table:not([class]) td { min-width: 7rem; }
}
/* ── Worked example frame ── */
.md-typeset .asb-example {
margin: 1.5rem 0;
padding: 0.2rem 1rem 0.6rem;
background: var(--asb-surface-0);
border: 1px solid var(--asb-rule);
border-radius: var(--asb-radius);
}
.md-typeset .asb-example > .asb-eyebrow { margin-top: 0.8rem; }
/* ── Figures and diagrams ── */
/* Material sizes figure elements to their content; a diagram figure takes
the full column so that the SVG can use the available width. */
.md-typeset figure.asb-figure,
.md-typeset .asb-figure {
display: block;
width: 100%;
max-width: 100%;
margin: 2rem 0;
text-align: center;
}
.md-typeset .asb-figure img,
.md-typeset .asb-figure svg { max-width: 100%; height: auto; }
.md-typeset .asb-figure figcaption {
max-width: 62ch;
margin: 0.6rem auto 0;
font-size: 0.7rem;
color: var(--md-default-fg-color--light);
}
.md-typeset .mermaid { text-align: center; }
/* Utility: start a section below a floated infobox */
.md-typeset .asb-clear { clear: both; }
/* ── Glossary (def_list inside
) ── */
.md-typeset .asb-glossary dl { margin: 1rem 0; }
.md-typeset .asb-glossary dt {
font-family: var(--asb-font-serif);
font-weight: 500;
font-size: 0.92rem;
color: var(--asb-blue);
margin-top: 1.1rem;
}
.md-typeset .asb-glossary dd {
margin: 0.25rem 0 0 0;
padding-left: 1rem;
border-left: 2px solid var(--asb-rule);
}
[data-md-color-scheme="slate"] .md-typeset .asb-glossary dt { color: var(--asb-paper); }
/* ── Card grids (Material grid cards): hairline and ambient shadow ── */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
border: 1px solid var(--asb-rule);
border-radius: var(--asb-radius);
background: var(--asb-surface-0);
box-shadow: none;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
border-color: var(--asb-rule-strong);
box-shadow: var(--asb-shadow-ambient);
}
.md-typeset .grid.cards > ul > li > hr { margin: 0.5rem 0; border-color: var(--asb-rule); }
.md-typeset .grid.cards strong a { color: var(--asb-blue); }
[data-md-color-scheme="slate"] .md-typeset .grid.cards strong a { color: var(--asb-paper); }
/* ── Sources: footnotes and explicit source lists ── */
.md-typeset .footnote,
.md-typeset .asb-sources {
font-size: 0.68rem;
line-height: 1.55;
color: var(--md-default-fg-color--light);
}
.md-typeset .footnote > hr { display: none; }
.md-typeset .footnote ol,
.md-typeset .asb-sources ol,
.md-typeset .asb-sources ul { margin-top: 0.4rem; }
.md-typeset .footnote li,
.md-typeset .asb-sources li { margin-bottom: 0.3em; overflow-wrap: anywhere; }
/* ── Clipboard icon ── */
.md-clipboard {
color: var(--asb-teal);
}
.md-clipboard:hover {
color: var(--asb-blue);
}
[data-md-color-scheme="slate"] .md-clipboard:hover {
color: var(--asb-yellow);
}
/* ── Footer ── */
.md-footer {
background: var(--asb-blue-ink);
color: var(--asb-paper);
}
.md-footer a {
color: var(--asb-yellow);
}
/* ── Selection ── */
::selection {
background: var(--asb-yellow);
color: var(--asb-blue);
}
/* ── Scrollbar (WebKit) ── */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb {
background: rgba(0, 40, 75, 0.2);
border-radius: 999px;
}
[data-md-color-scheme="slate"] *::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
}
/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.001ms !important;
transition-duration: 0.001ms !important;
}
}