/* Game-specific content inside the copied notebook page frame. */
.guide-section,.guide-list,.guide-toc { margin-top: 12px; scroll-margin-top: 80px; }
.guide-section p,.guide-section li { line-height: 1.8; overflow-wrap: anywhere; }
.guide-section h3 { margin-top: 20px; margin-bottom: 8px; font-size: 1rem; }
.guide-section h2,.guide-list>h2,.guide-toc h2 { font-size: 1.15rem; margin: 0 0 12px; }
.guide-section ul,.guide-section ol { padding-left: 1.5em; }
.guide-section li+li { margin-top: 8px; }
.guide-steps { padding-left: 1.6em; }
.guide-toc ul { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-left: 1.4em; margin: 0; }
.guide-stage { scroll-margin-top: 80px; border-top: 1px solid var(--line,#d7dee6); padding-top: 4px; margin-top: 18px; }
.guide-card-meta { display: grid; gap: 6px; margin-top: 8px; font-size: 13px; line-height: 1.6; }
.guide-card-meta>div { display: grid; grid-template-columns: minmax(5.5em,auto) minmax(0,1fr); gap: 10px; align-items: baseline; }
.guide-label { color: var(--muted,#58677a); font-size: 12px; }
.guide-card-meta span { overflow-wrap: anywhere; }
.guide-list .character-table { table-layout: fixed; }
#car-list .character-table th:nth-child(1) { width: 34%; }
#car-list .character-table th:nth-child(2) { width: 13%; }
#car-list .character-table th:nth-child(3) { width: 21%; }
#car-list .character-table th:nth-child(4) { width: 12%; }
#car-list .character-table th:nth-child(5) { width: 20%; }
#rival-conditions .character-table th:nth-child(1) { width: 13%; }
#rival-conditions .character-table th:nth-child(2) { width: 30%; }
#rival-conditions .character-table th:nth-child(3) { width: 18%; }
#rival-conditions .character-table th:nth-child(4) { width: 22%; }
#rival-conditions .character-table th:nth-child(5) { width: 17%; }
#perks .character-table th:nth-child(1) { width: 29%; }
#perks .character-table th:nth-child(2) { width: 14%; }
#perks .character-table th:nth-child(3) { width: 44%; }
#perks .character-table th:nth-child(4) { width: 13%; }
#achievements .character-table th:nth-child(1) { width: 28%; }
#achievements .character-table th:nth-child(2) { width: 16%; }
#achievements .character-table th:nth-child(3) { width: 56%; }
#aura .character-table th:nth-child(1) { width: 48%; }
#aura .character-table th:nth-child(2) { width: 52%; }
#bad-name .character-table th:nth-child(1) { width: 28%; }
#bad-name .character-table th:nth-child(2) { width: 16%; }
#bad-name .character-table th:nth-child(3) { width: 56%; }
.guide-list .character-table td { vertical-align: top; overflow-wrap: anywhere; }
.guide-list .character-name-cell { min-width: 10em; }
.guide-list .character-filter-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 8px; }
.guide-list .character-mobile-list-head { flex-wrap: wrap; }
.guide-simple-table { overflow-x: auto; }
.guide-simple-table table { border-collapse: collapse; width: 100%; }
.guide-simple-table th,.guide-simple-table td { padding: 8px 12px; border: 1px solid var(--line,#d7dee6); text-align: left; }
.guide-list .character-detail { line-height: 1.7; }
.page-links-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
@media(max-width:767px) {
 .guide-section h3 { margin-top: 16px; }
 .guide-card-meta>div { grid-template-columns: 6em minmax(0,1fr); }
 .guide-list .character-card-summary--with-value { grid-template-columns: minmax(0,1fr) auto; }
 .guide-list .character-card-value { max-width: 10em; overflow-wrap: anywhere; }
 .guide-list .character-name-button { text-align: left; }
 .page-links-grid { grid-template-columns: minmax(0,1fr); }
}
