.work-detail-page{max-width:var(--max-w-content);padding:var(--space-6) var(--space-4);margin:0 auto}.work-detail-page .breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-4);display:flex}.work-detail-page .breadcrumbs a{color:var(--accent);text-decoration:none}.work-detail-page .breadcrumbs a:hover{text-decoration:underline}.work-detail-page .breadcrumb-separator{color:var(--text-faint)}.work-detail-page .detail-header{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.work-detail-page .header-left{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.work-detail-page .job-icon-wrap{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.work-detail-page .job-title{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--text);margin-bottom:2px}.work-detail-page .pal-count-badge{font-size:.75rem;font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-full)}.work-detail-page .job-long-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.work-detail-page .worth-section{margin-bottom:var(--space-6)}.work-detail-page .worth-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.work-detail-page .section-title{font-size:var(--text-lg);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-1)}.work-detail-page .section-subtext{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.work-detail-page .table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.work-detail-page .worth-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-xs)}.work-detail-page .worth-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)}.work-detail-page .worth-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text)}.work-detail-page .worth-table tr:last-child td{border-bottom:none}.work-detail-page .lvl-badge{font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-xs);font-weight:700;display:inline-block}.work-detail-page .ranked-section{margin-bottom:var(--space-8)}.work-detail-page .level-group{margin-top:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.work-detail-page .level-group-header{align-items:center;gap:var(--space-3);background-color:var(--surface-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);display:flex}.work-detail-page .group-lvl-badge{font-size:.8rem;font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-xs);font-weight:700}.work-detail-page .group-count{font-size:var(--text-xs);color:var(--text);font-weight:600}.work-detail-page .group-speed{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.work-detail-page .pals-table-wrap{overflow-x:auto}.work-detail-page .pals-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-xs)}.work-detail-page .pals-table th{background-color:var(--surface-3);color:var(--text-muted);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:.7rem}.work-detail-page .pals-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}.work-detail-page .pals-table tr:last-child td{border-bottom:none}.work-detail-page .pal-cell-link{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:inline-flex}.work-detail-page .pal-cell-link:hover .pal-name{color:var(--accent)}.work-detail-page .pal-cell-link img{border-radius:var(--radius-xs)}.work-detail-page .pal-name-box{flex-direction:column;gap:2px;display:flex}.work-detail-page .pal-name{color:var(--text);font-weight:600}.work-detail-page .nocturnal-tag{font-size:.65rem;font-family:var(--font-mono);color:var(--electric);background-color:var(--surface-3);border-radius:var(--radius-xs);width:fit-content;padding:1px 4px}.work-detail-page .element-icons{align-items:center;gap:4px;display:flex}.work-detail-page .other-work-chips{flex-wrap:wrap;gap:4px;display:flex}.work-detail-page .other-chip{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:.65rem;font-family:var(--font-mono);align-items:center;gap:3px;padding:1px 4px;display:inline-flex}.work-detail-page .ow-name{color:var(--text-muted)}.work-detail-page .ow-lvl{color:var(--accent);font-weight:700}.work-detail-page .editorial-section{margin-top:var(--space-8)}.work-detail-page .editorial-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.work-detail-page .editorial-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.work-detail-page .editorial-title{font-size:var(--text-base);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.work-detail-page .editorial-body{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.work-detail-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}@media (width<=640px){.work-detail-page .worth-card{padding:var(--space-2)}.work-detail-page .worth-table{table-layout:fixed;width:100%}.work-detail-page .worth-table th.th-mult,.work-detail-page .worth-table td.td-mult{display:none}.work-detail-page .worth-table th.th-lvl{width:28%}.work-detail-page .worth-table th.th-speed{width:22%}.work-detail-page .worth-table th.th-bonus{width:50%}.work-detail-page .pals-table th.th-other-work,.work-detail-page .pals-table td.td-other-work{display:none}}