.tie-guide .guide-section { line-height: 1.8; }
.tie-guide .guide-section h2,
.tie-guide [data-static-list] > h2 { color: var(--accent); font-size: 1.2rem; margin: 0 0 .8rem; }
.tie-guide .guide-group { margin: 2rem 0; min-width: 0; }
.tie-guide .guide-group > h2 { color: var(--accent); font-size: 1.35rem; border-bottom: 2px solid #a8cce1; padding-bottom: .65rem; }
.tie-guide .guide-group [data-static-list] > h3,
.tie-guide .guide-group .guide-section > h3 { color: var(--accent); font-size: 1.2rem; margin: 1.25rem 0 .8rem; }
.tie-guide .guide-group .guide-section h4 { color: var(--brand); font-size: 1.02rem; }
.tie-guide .guide-group .character-detail-item h4 { margin: 0; color: var(--brand); font-size: .82rem; line-height: 1.45; white-space: nowrap; }
.tie-guide .guide-toc--main h2 { font-size: 1.15rem; color: var(--accent); margin: 0 0 .65rem; }
.tie-guide .guide-toc--main > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 1rem; }
.tie-guide .guide-toc--local { margin: 0 0 1.25rem; }
.tie-guide .guide-back { text-align: right; margin: 1rem 0; }
.tie-guide .guide-back a { display: inline-flex; align-items: center; min-height: 44px; }
.tie-guide [data-static-list] > h2 { margin-top: 1.25rem; }
.tie-guide .guide-section h3 { font-size: 1.02rem; color: var(--brand); }
.tie-guide .guide-section ol,
.tie-guide .guide-section ul { padding-left: 1.5rem; }
.tie-guide .guide-section li + li { margin-top: .55rem; }
.tie-guide [id] { scroll-margin-top: 6.5rem; }
.tie-guide .guide-toc ul { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; padding: 0; margin: 0; list-style: none; }
.tie-guide .guide-toc a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.tie-guide .guide-dl { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 4fr); gap: .55rem 1rem; }
.tie-guide .guide-dl dt { font-weight: 800; }
.tie-guide .guide-dl dd { margin: 0; }
.tie-guide .guide-list-actions { display: flex; justify-content: flex-end; margin-bottom: .5rem; }
.tie-guide .guide-column-label { display: block; padding: .6rem; }
.tie-guide .character-table.guide-table { min-width: 0; }
.tie-guide .guide-table th:nth-child(n),
.tie-guide .guide-table td:nth-child(n) { width: auto; }
.tie-guide .guide-table th:first-child,
.tie-guide .guide-table td:first-child { width: 31%; }
.tie-guide .guide-table .character-detail-cell { width: auto !important; }
.tie-guide .guide-card-line { font-size: .88rem; line-height: 1.65; margin: .25rem .65rem .6rem; overflow-wrap: anywhere; }
.tie-guide .guide-card-label { display: block; color: var(--brand); font-weight: 800; font-size: .76rem; }
.tie-guide .character-card-summary { grid-template-columns: minmax(0, 1fr) minmax(4rem, 30%); }
.tie-guide .character-card-value { display: flex; flex-direction: column; gap: .15rem; border-radius: .6rem; padding: .35rem; }
.tie-guide .character-card-value > span:first-child { font-size: .68rem; font-weight: 500; }
.tie-guide .character-card-value > span:last-child { font-size: .8rem; }
.tie-guide .guide-empty { padding: 1rem; line-height: 1.7; }
.tie-guide .character-controls select { width: 100%; min-height: 44px; font: inherit; padding: .4rem; color: var(--text-main); border: 1px solid #a8cce1; border-radius: .5rem; background: #fff; }
.tie-guide .character-mobile-sort-button,
.tie-guide .character-name-button { min-height: 44px; }
@media (max-width: 850px) {
  .tie-guide .guide-group .character-detail-item h4 { font-size: .86rem; line-height: 1.38; }
  .tie-guide .guide-toc--main > ul { grid-template-columns: minmax(0, 1fr); }
  .tie-guide .character-mobile-list-head { display: flex; flex-wrap: wrap; padding: 0; }
  .tie-guide .character-mobile-list-head button { flex: 1 1 6rem; }
  .tie-guide .guide-dl { grid-template-columns: minmax(5rem, 1fr) minmax(0, 2.7fr); gap: .5rem; }
  .tie-guide .guide-toc ul { gap: .1rem .8rem; }
  .tie-guide .guide-section { line-height: 1.85; }
}

.tie-characters .character-table { min-width: 0; }
.tie-characters .character-table th:nth-child(1), .tie-characters .character-table td:nth-child(1) { width: 35%; }
.tie-characters .character-table th:nth-child(2), .tie-characters .character-table td:nth-child(2) { width: 30%; }
.tie-characters .character-table th:nth-child(3), .tie-characters .character-table td:nth-child(3) { width: 35%; }
.tie-characters .character-card-meta > span { display: flex; flex-wrap: wrap; gap: .5rem; }
.tie-characters .character-controls select { min-height: 44px; max-width: 100%; font: inherit; }
.tie-characters .character-control:has(select) > span { position: static; width: auto; height: auto; margin: 0 0 .3rem; overflow: visible; clip: auto; font-size: .85rem; font-weight: 700; color: var(--brand); }
.tie-characters .character-controls select { width: 100%; padding: .5rem .7rem; border: 1px solid #a8cce1; border-radius: .6rem; color: var(--text-main); background: #fff; }
.tie-characters .character-mobile-list-head { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.tie-guide .character-detail > dl { margin: 0; min-width: 0; padding: .65rem; border-radius: .55rem; background: rgba(255,255,255,.7); }
.tie-guide .character-detail dt { font-size: .82rem; font-weight: 800; color: var(--brand); margin-bottom: .3rem; }
.tie-guide .character-detail dd { margin: 0; line-height: 1.7; overflow-wrap: anywhere; }
.tie-guide .character-detail dd ol { margin: 0; padding-left: 1.2rem; }
.tie-guide .character-detail dd li + li { margin-top: .7rem; }
.tie-guide .character-card-value > span:first-child { font-size: .85rem; font-weight: 600; }
.tie-guide .character-name-button:disabled { opacity: 1; color: inherit; cursor: default; }
.tie-guide.tie-controls-ready .character-name-button[data-static-toggle]::after { content: "▼"; margin-left: .35em; font-size: .75em; }
.tie-guide.tie-controls-ready .character-name-button[data-static-toggle][aria-expanded="true"]::after { content: "▲"; }
.tie-guide .character-controls label:has(select) > span { position: static; display: block; width: auto; height: auto; margin-bottom: .25rem; overflow: visible; clip: auto; font-size: .85rem; font-weight: 700; color: var(--brand); }
.tie-guide .character-table td { overflow-wrap: anywhere; }

/* Long lists of facilities, members and acquisition conditions use the card width. */
.tie-guide :is(#sets, #units, #materials, #memories) .character-card-summary { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
.tie-guide :is(#sets, #units, #materials, #memories) .character-card-value { align-items: flex-start; text-align: left; }