.ref-page{padding-top:5rem}.ref-header{padding:var(--space-10) var(--space-8) var(--space-5);border-bottom:var(--border-subtle)}.ref-header-inner{max-width:var(--max-width);margin:0 auto}.ref-body{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-16)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs .sep{color:var(--color-text-muted)}.ref-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15;margin-bottom:var(--space-3)}.ref-subtitle{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6;max-width:640px}.composer-header{display:flex;gap:var(--space-8);align-items:flex-start}.composer-portrait{width:160px;height:160px;border-radius:var(--radius-lg);object-fit:cover;border:var(--border-medium);flex-shrink:0}.composer-meta{flex:1;min-width:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:var(--radius-xl);border:1px solid rgba(196,160,85,.15);color:var(--color-text-secondary);background:#c4a0550f;white-space:nowrap}.badge--period{color:var(--color-accent);border-color:#c4a05540;background:#c4a05514}.badge--form{color:var(--cream-dim);border-color:#f5f0e81f;background:#f5f0e80a}.badge--scope{color:var(--cream-dim)}.badge--language{color:var(--color-text-secondary);font-style:italic;text-transform:none;letter-spacing:.02em}.badge--difficulty{font-variant-numeric:tabular-nums}.badge-group{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin:var(--space-4) 0}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.meta-value{font-size:.95rem;color:var(--color-text-primary)}.meta-value a{color:var(--color-accent);text-decoration:none;transition:color .2s}.meta-value a:hover{color:var(--color-accent-hover)}.prose{font-size:.95rem;line-height:1.75;color:var(--color-text-secondary);max-width:680px}.prose p{margin-bottom:var(--space-4)}.prose strong{color:var(--color-text-primary);font-weight:500}.ref-section{padding:0;margin-top:var(--space-8)}[data-search-group]{content-visibility:auto;contain-intrinsic-size:0 600px}.ref-section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:400;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-subtle)}.ref-section-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);margin-left:var(--space-2)}.work-list{list-style:none}.work-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;padding:var(--space-3) var(--space-2);border-bottom:var(--border-subtle);border-radius:var(--radius-sm);transition:background .15s;min-width:0}.work-row:hover{background:#c4a0550a}.work-row-link{display:flex;flex-direction:column;gap:3px;text-decoration:none;min-width:0;overflow:hidden}.work-title{font-size:.88rem;color:var(--color-text-primary);transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-row:hover .work-title{color:var(--color-accent)}.work-key-sub{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-secondary);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-key{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);text-align:right;white-space:nowrap}.work-row-right{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0}.work-row-stat{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.work-stat-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.work-stat-value{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-primary);white-space:nowrap}.work-difficulty-bars{display:flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.diff-bar{width:3px;border-radius:1px;background:#c4a0551f;flex-shrink:0}.diff-bar:nth-child(1){height:4px}.diff-bar:nth-child(2){height:5px}.diff-bar:nth-child(3){height:6px}.diff-bar:nth-child(4){height:7px}.diff-bar:nth-child(5){height:8px}.diff-bar:nth-child(6){height:9px}.diff-bar:nth-child(7){height:10px}.diff-bar:nth-child(8){height:11px}.diff-bar:nth-child(9){height:12px}.diff-bar:nth-child(10){height:14px}.collapsible-summary-body{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;margin-right:var(--space-4)}.collapsible-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--color-text-primary);text-decoration:none;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsible summary:hover .collapsible-title{color:var(--color-accent)}.collapsible-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:var(--space-4)}.catalogue-badge{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--color-accent);background:#c4a0551a;border:1px solid rgba(196,160,85,.2);padding:.2rem .55rem;border-radius:var(--radius-xl);white-space:nowrap}.works-count{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-secondary);letter-spacing:.03em;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.card{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color .2s,transform .2s;text-decoration:none;display:block}.card:hover{border-color:#c4a05533;transform:translateY(-2px)}.card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;margin-bottom:var(--space-2);color:var(--color-text-primary)}.card-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-secondary);letter-spacing:.05em;margin-top:var(--space-3)}.card--composer{display:flex;gap:var(--space-4);align-items:center}.card--composer .card-portrait{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;border:var(--border-subtle)}.card--composer .card-body{flex:1;min-width:0}.term-list{list-style:none}.term-item{padding:var(--space-4) 0;border-bottom:var(--border-subtle)}.term-item:first-child{padding-top:0}.term-name{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1)}.term-name a{color:inherit;text-decoration:none;transition:color .2s}.term-name a:hover{color:var(--color-accent)}.term-def{font-size:.88rem;color:var(--color-text-secondary);line-height:1.65}.term-context{font-size:.8rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.term-context a{color:var(--color-accent-dim);text-decoration:none}.term-context a:hover{color:var(--color-accent)}.cta-banner{margin-top:var(--space-10);padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,#c4a0550f,#c4a05505);border:var(--border-medium);border-radius:var(--radius-lg);text-align:center}.cta-banner-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:var(--space-3)}.cta-banner-text{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.ref-search-wrap{margin-top:var(--space-5);position:relative;max-width:360px}.ref-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(196,160,85,.2);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:.9rem;padding:.5rem .75rem .5rem 2.25rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}.ref-search-input::placeholder{color:var(--color-text-muted)}.ref-search-input:focus{border-color:#c4a05580;background:#ffffff0f}.ref-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none}.ref-search-no-results{display:none;padding:var(--space-10) 0;text-align:center;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.95rem}.browse-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-btn{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .85rem;border-radius:var(--radius-xl);border:1px solid rgba(196,160,85,.15);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;text-decoration:none}.filter-btn:hover,.filter-btn.active{border-color:#c4a0554d;color:var(--color-accent);background:#c4a0550f}.stat-row{display:flex;gap:var(--space-8);margin:var(--space-6) 0}.stat{text-align:center}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-accent);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-top:var(--space-1)}.collapsible summary{cursor:pointer;list-style:none;font-family:var(--font-display);font-size:1.1rem;font-weight:400;padding:var(--space-4) var(--space-2);border-bottom:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:color .2s,background .15s;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:after{content:"";width:.5rem;height:.5rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(-45deg);transition:transform .25s;flex-shrink:0}.collapsible[open] summary:after{transform:rotate(45deg)}.collapsible summary:hover{background:#c4a05508;color:var(--color-accent)}.collapsible summary:hover:after{border-color:var(--color-accent)}.collapsible-body{padding:var(--space-4) var(--space-5);margin-left:var(--space-2);background:#c4a05505;border-left:2px solid rgba(196,160,85,.1)}.related-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.related-link{font-size:.85rem;color:var(--color-accent);text-decoration:none;padding:var(--space-1) var(--space-3);border:1px solid rgba(196,160,85,.15);border-radius:var(--radius-sm);transition:all .2s}.related-link:hover{border-color:#c4a05559;background:#c4a0550f}.ref-category{margin-bottom:var(--space-12)}.ref-category-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.ref-category-title{font-family:var(--font-display);font-size:1.6rem;font-weight:400}.ref-category-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);text-decoration:none;letter-spacing:.05em;transition:color .2s}.ref-category-link:hover{color:var(--color-accent)}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--color-text-muted)}@media(max-width:900px){.composer-header{flex-direction:column;align-items:center;text-align:center}.composer-portrait{width:120px;height:120px}.ref-header{padding:var(--space-8) var(--space-6) var(--space-6)}.ref-body{padding:var(--space-8) var(--space-6) var(--space-12)}.work-row{grid-template-columns:1fr auto}.work-difficulty,.work-row-right{display:none}.stat-row{gap:var(--space-5)}}@media(max-width:600px){.ref-header{padding:var(--space-6) var(--space-5) var(--space-5)}.ref-body{padding:var(--space-6) var(--space-5) var(--space-10)}.card-grid{grid-template-columns:1fr}.meta-row{flex-direction:column;gap:var(--space-3)}.work-row--ordered{grid-template-columns:2rem 1fr}}