.sun-app-guide .guide-section { line-height:1.8; }
.sun-app-guide .guide-group { margin:1.5rem 0; min-width:0; }
.sun-app-guide .guide-group > h2 { color:var(--accent); font-size:1.35rem; }
.sun-app-guide .guide-section h3 { color:var(--accent); font-size:1.1rem; }
.sun-app-guide .guide-toc ul { display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; padding:0; margin:0; list-style:none; }
.sun-app-guide .guide-toc a,.sun-app-guide .guide-back a { display:inline-flex; align-items:center; min-height:44px; }
.sun-app-guide .guide-toc h2 { margin:0 0 .6rem; font-size:1.15rem; color:var(--accent); }
.sun-app-guide .guide-dl { display:grid; grid-template-columns:minmax(7rem,1fr) minmax(0,3fr); gap:.5rem 1rem; }
.sun-app-guide .guide-dl dt { font-weight:700; }
.sun-app-guide .guide-dl dd { margin:0; }
.sun-app-guide .guide-back { text-align:right; }
.sun-app-guide [id] { scroll-margin-top:6.5rem; }
.sun-app-guide .character-table th:first-child { width:41%; }
.sun-app-guide .character-table { min-width:0; }
.sun-app-guide .character-table th:nth-child(2) { width:28%; }
.sun-app-guide .character-table th:nth-child(3) { width:31%; }
.sun-app-guide .character-card-meta { display:flex; flex-wrap:wrap; gap:4px 10px; margin:0; padding:0 12px 8px; font-size:.85rem; }
.sun-app-guide .character-card-meta > span { display:inline-flex; gap:6px; }
.sun-app-guide .character-card-value { display:inline-flex; gap:4px; }
.sun-app-guide .character-card-value > span:first-child { white-space:nowrap; }
.sun-app-guide .character-filter-select { min-height:44px; }
.sun-app-guide .character-mobile-list-head { grid-template-columns:minmax(0,1fr) 8rem; }
.sun-app-guide .character-card-summary { grid-template-columns:minmax(0,1fr); }
.sun-app-guide .character-card-missing-value { display:none; }
.sun-app-guide .character-card-summary--with-value { grid-template-columns:minmax(0,1fr) 8rem; }
@media(min-width:851px) and (max-width:1100px) { .sun-app-guide .character-detail { grid-template-columns:1fr; } }
@media(max-width:600px) { .sun-app-guide .guide-dl { grid-template-columns:1fr; gap:.15rem; } .sun-app-guide .guide-dl dd { margin-bottom:.7rem; } }
.sun-app-index .guide-group > h2 { border-bottom:2px solid #a8cce1; padding-bottom:.6rem; }
.sun-app-index .guide-group > .panel + .panel { margin-top:1rem; }
.sun-app-index .guide-section li + li { margin-top:.6rem; }
.sun-app-index .guide-list-actions { display:flex; justify-content:flex-end; margin-top:.5rem; }
.sun-app-index .guide-table th:nth-child(n),.sun-app-index .guide-table td:nth-child(n) { width:auto; }
.sun-app-index .guide-table th:first-child { width:42%; }
.sun-app-index .guide-table .character-detail-cell { width:auto; }
.sun-app-index .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); }
.sun-app-index .character-controls select { width:100%; min-height:44px; padding:.5rem .7rem; font:inherit; color:var(--text-main); border:1px solid #a8cce1; border-radius:.6rem; background:#fff; }
.sun-app-index .character-mobile-list-head { display:flex; flex-wrap:wrap; padding:0; }
.sun-app-index .character-mobile-list-head button { flex:1 1 6rem; }
.sun-app-index .character-card-summary--with-value { grid-template-columns:minmax(0,1fr) minmax(5rem,32%); }
.sun-app-index .character-card-value { flex-direction:column; align-items:flex-start; gap:.2rem; }
.sun-app-index .character-card-value > span:first-child { font-size:.8rem; font-weight:700; }
.sun-app-index .character-card-value > span:last-child { font-size:.85rem; }
.sun-app-index .character-name-button,.sun-app-index .character-mobile-sort-button { min-height:44px; }
.sun-app-index .character-detail > dl { margin:0; min-width:0; padding:.65rem; border-radius:.55rem; background:rgba(255,255,255,.7); }
.sun-app-index .character-detail dt { font-size:.82rem; font-weight:800; color:var(--brand); margin-bottom:.3rem; }
.sun-app-index .character-detail dd { margin:0; line-height:1.7; overflow-wrap:anywhere; }
.sun-app-index .guide-empty { padding:1rem; line-height:1.7; }
@media(min-width:851px) { .sun-app-index .guide-toc--main > ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }
.sun-app-index .character-card-value > span:first-child { white-space:normal; overflow-wrap:anywhere; }
.sun-app-index .guide-track { white-space:nowrap; }