.sun-quartet-guide .guide-section { line-height: 1.8; }
.sun-quartet-guide .guide-section h2 { color: var(--accent); font-size: 1.2rem; margin: 0 0 .8rem; }
.sun-quartet-guide .guide-dl { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 4fr); gap: .55rem 1rem; }
.sun-quartet-guide .guide-dl dt { font-weight: 800; }
.sun-quartet-guide .guide-dl dd { margin: 0; }
.sun-quartet-guide .character-table { min-width: 0; }
.sun-quartet-guide .character-table th:first-child { width: 56%; }
.sun-quartet-guide .character-table th:nth-child(2) { width: 44%; }
.sun-quartet-guide .character-mobile-list-head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sun-quartet-guide .character-detail { grid-template-columns: minmax(0, 1fr); }
.sun-quartet-guide .character-name-button { min-height: 44px; }
@media(max-width: 850px) {
 .sun-quartet-guide .guide-dl { grid-template-columns: minmax(5rem, 1fr) minmax(0, 2.7fr); gap: .5rem; }
}

.sun-quartet-guide .character-card-value { display: inline-flex; gap: .35em; }

.sun-quartet-guide .guide-toc h2 { margin: 0 0 .65rem; color: var(--accent); font-size: 1.1rem; }
.sun-quartet-guide .guide-toc ul { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; padding: 0; margin: 0; list-style: none; }
.sun-quartet-guide .guide-toc a { display: inline-block; padding: .4rem 0; text-underline-offset: .2em; }
.sun-quartet-guide .guide-section h3 { margin: 1.25rem 0 .5rem; font-size: 1.04rem; }
.sun-quartet-guide .guide-section li + li { margin-top: .5rem; }
.sun-quartet-guide .guide-section .character-detail h3 { margin: 0 0 .4rem; }
.sun-quartet-guide .guide-kind { display: block; font-size: .85em; color: var(--text-muted, #596579); }
.sun-quartet-guide [id] { scroll-margin-top: 6rem; }
.sun-quartet-guide .guide-toc a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }