s). Was base.css. */
table {
border-collapse: collapse;
}
th {
text-align: inherit;
font-weight: var(--font-weight-semibold);
}
/* --- Rules / dividers ---------------------------------------------------- */
hr {
border: 0;
border-top: var(--border-hairline);
margin: 1.5em 0;
}
/* --- Form controls ------------------------------------------------------- *
* Only the inheritance fix belongs in base — browsers do NOT inherit font or
* colour into form controls, so without this they'd render in the UA default.
* All *visual* form styling (fills, borders, focus) is a component concern. */
button, input, select, textarea {
margin: 0; /* browsers don't zero control margins; was supplied by base.css */
font: inherit;
color: inherit;
}
/* --- Text selection ------------------------------------------------------ */
::selection {
background-color: var(--accent-primary);
color: var(--text-on-dark-fill);
}
/* --- Font-preload hack --------------------------------------------------- *
* external_base/home_base render a (three throwaway
* glyph divs) to force the webfonts to paint early. It MUST be visually hidden and
* out of flow — its hide rule lived in grokkoli_base.css, which Heliomath does NOT
* load, so without this the divs render as stray text at the very top of every page
* (a light band above the content — most visible on the dark auth pages). A class,
* not a bare element, but it belongs with the global page defaults. */
.font-load-forcing {
position: absolute;
visibility: hidden;
}