.reference-page .reference-heading { margin: 1.4rem 0 .6rem; color: var(--accent); font-size: 1.2rem; }
.reference-page .reference-text { margin-top: 1rem; line-height: 1.8; overflow-wrap: anywhere; }
.reference-page .reference-text h2 { color: var(--accent); font-size: 1.2rem; }
.reference-page .reference-text h3 { font-size: 1.05rem; margin-top: 1.3rem; }
.reference-page .reference-text li { margin: .45rem 0; }
.reference-page .reference-text a, .reference-page .reference-toc a { color: var(--accent); text-decoration: underline; text-underline-offset: .16em; }
.reference-page .reference-toc ul { padding-left: 1.4rem; }
.reference-page .reference-toc li { margin: .35rem 0; }
.reference-page [id] { scroll-margin-top: 1rem; }
.reference-page .character-table th, .reference-page .character-table td { width: auto; }
.reference-page .character-table th:first-child { width: 38%; }
.reference-page .character-table th { overflow-wrap: anywhere; }
.reference-page .character-mobile-sort { display: none; }
@media (max-width: 850px) {
  .reference-page .character-mobile-sort:not([hidden]) { display: flex; }
}
.reference-page .character-table[data-columns="name cost effect"] th:nth-child(1) { width: 30%; }
.reference-page .character-table[data-columns="name cost effect"] th:nth-child(2) { width: 12%; }
.reference-page .character-table[data-columns="name cost effect"] th:nth-child(3) { width: 58%; }
.reference-page .character-table[data-columns="name owner cost stock"] th:nth-child(1) { width: 38%; }
.reference-page .character-table[data-columns="name owner cost stock"] th:nth-child(2) { width: 24%; }
.reference-page .character-table[data-columns="name owner cost stock"] th:nth-child(3) { width: 25%; }
.reference-page .character-table[data-columns="name owner cost stock"] th:nth-child(4) { width: 13%; }
.reference-page .character-table[data-columns="name owner cost effect"] th:nth-child(1) { width: 26%; }
.reference-page .character-table[data-columns="name owner cost effect"] th:nth-child(2) { width: 14%; }
.reference-page .character-table[data-columns="name owner cost effect"] th:nth-child(3) { width: 10%; }
.reference-page .character-table[data-columns="name owner cost effect"] th:nth-child(4) { width: 50%; }
.reference-page .character-detail-item { grid-template-columns: minmax(7rem, max-content) minmax(0, 1fr); }
.reference-page .character-detail-item p { white-space: pre-line; }
.reference-page .character-detail-item h3 { white-space: normal; overflow-wrap: anywhere; }
.reference-page .character-card-extra { margin: .5rem 0; font-size: .9rem; overflow-wrap: anywhere; }
.reference-page .character-card-extra > span { color: var(--text-muted); font-weight: 600; }
.reference-page .character-card-value-label { display: block; white-space: nowrap; color: var(--text-muted); font-size: .75rem; margin-bottom: .2rem; }
.reference-page .character-card-summary--with-value .character-card-value { flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
.reference-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }