.mounts-page{max-width:var(--max-w-content);padding:var(--space-6) var(--space-4);margin:0 auto}.mounts-page .page-header{margin-bottom:var(--space-6)}.mounts-page .page-title{font-size:var(--text-3xl);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.mounts-page .page-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:800px;line-height:var(--leading-normal)}.mounts-page .jump-nav{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.mounts-page .jump-btn{align-items:center;gap:var(--space-2);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text);font-size:var(--text-xs);transition:border-color var(--transition-fast), background-color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.mounts-page .jump-btn:hover{border-color:var(--accent);background-color:var(--surface-2)}.mounts-page .jump-count{font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);border-radius:var(--radius-xs);padding:1px 6px;font-size:.7rem}.mounts-page .mount-section{margin-bottom:var(--space-8)}.mounts-page .section-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.mounts-page .section-title{font-size:var(--text-xl);font-family:var(--font-display);color:var(--text)}.mounts-page .sort-hint{font-size:var(--text-xs);color:var(--text-faint)}.mounts-page .table-container{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.mounts-page .mounts-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-xs)}.mounts-page .mounts-table th{background-color:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;user-select:none;transition:color var(--transition-fast);font-size:.7rem}.mounts-page .mounts-table th:hover,.mounts-page .mounts-table th.is-active-sort{color:var(--accent)}.mounts-page .mounts-table th.is-active-sort:after{content:" ▼";font-size:.6rem}.mounts-page .mounts-table th.sort-asc:after{content:" ▲";font-size:.6rem}.mounts-page .mounts-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.mounts-page .mounts-table tr:last-child td{border-bottom:none}.mounts-page .pal-cell-link{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:inline-flex}.mounts-page .pal-cell-link:hover .pal-name{color:var(--accent)}.mounts-page .pal-cell-link img{border-radius:var(--radius-xs);flex-shrink:0}.mounts-page .pal-icon-placeholder{border-radius:var(--radius-xs);background-color:var(--surface-3);border:1px solid var(--border);width:32px;height:32px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mounts-page .pal-info-box{flex-direction:column;gap:2px;display:flex}.mounts-page .pal-name{color:var(--text);font-weight:600}.mounts-page .element-icons{align-items:center;gap:3px;display:flex}.mounts-page .highlight-stat{color:var(--accent);font-weight:700}.mounts-page .saddle-cell{align-items:center;gap:var(--space-2);display:flex}.mounts-page .saddle-name{font-size:var(--text-xs);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mounts-page .saddle-lvl{font-size:.7rem;font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);border-radius:var(--radius-xs);flex-shrink:0;padding:1px 6px;font-weight:700}.mounts-page .saddle-none{color:var(--text-faint)}.mounts-page .saddle-passive-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--good);background-color:var(--surface-3);border-radius:var(--radius-xs);padding:1px 6px}.mounts-page .td-perk{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=640px){.mounts-page .col-hide-mobile{display:none}.mounts-page .mounts-table{table-layout:fixed;width:100%}.mounts-page .th-pal{width:48%}.mounts-page .th-sprint{width:22%}.mounts-page .th-saddle{width:30%}.mounts-page .saddle-name{display:none}}
