body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background-color:#f8f9fa;color:#212529;margin:0}main{max-width:900px;margin:0 auto;padding:0 20px}header{text-align:center;padding:20px 0;border-bottom:1px solid #dee2e6;margin-bottom:30px}#controls{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px}.search-box,.filter-box{margin-bottom:15px}.filter-box{display:flex;gap:20px}.filter-group{flex:1}label{display:block;font-weight:600;margin-bottom:5px}input[type=text],select{width:100%;padding:10px;font-size:16px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box}#results-area{width:100%;padding:0 20px 40px;box-sizing:border-box}#results-count-wrapper{max-width:1280px;margin:0 auto 15px}#results-count{color:#6c757d;font-style:italic}#results-container{display:grid;max-width:1280px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.result-card{display:grid;grid-template-rows:auto 1fr auto;height:350px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;overflow:hidden;text-align:left}.result-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.card-title{padding:15px 15px 10px;border-bottom:1px solid #f1f3f5}.card-incipit{font-size:1.1em;font-weight:700;color:#0056b3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-image-wrapper{background-color:#f1f3f5;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.card-info{padding:10px 15px 15px;border-top:1px solid #f1f3f5}.card-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.card-details span{font-size:.9em;color:#495057;display:flex;align-items:center}.color-chip{display:inline-block;width:12px;height:12px;margin-right:8px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}#pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}#pagination-controls button{padding:8px 16px;font-size:1em;background-color:#0056b3;color:#fff;border:none;border-radius:4px;cursor:pointer}#pagination-controls button:hover:not(:disabled){background-color:#004494}#pagination-controls button:disabled{background-color:#ced4da;cursor:not-allowed}#page-info{font-size:1.1em;font-weight:500}.chant-detail-layout{display:grid;max-width:1200px;margin:0 auto;padding:20px;gap:30px;grid-template-areas:"header header" "metadata score" "actions score";grid-template-columns:350px 1fr;grid-template-rows:auto auto 1fr}.chant-detail-header{grid-area:header;border-bottom:1px solid #dee2e6;padding-bottom:15px}.back-link{display:inline-block;margin-top:10px;color:#0056b3;text-decoration:none}.back-link:hover{text-decoration:underline}#chant-incipit{margin:0}.metadata-panel,.score-panel,.actions-panel{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.metadata-panel{grid-area:metadata}.score-panel{grid-area:score}.score-panel img{width:100%}.actions-panel{grid-area:actions}.metadata-panel h2,.actions-panel h2{margin-top:0;border-bottom:1px solid #dee2e6;padding-bottom:10px}.metadata-list{padding:0;margin:0;list-style:none}.metadata-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f3f5}.metadata-list dt{font-weight:600}.metadata-list dd{margin:0;text-align:right}.action-buttons-container{display:flex;flex-direction:column;gap:10px}.action-btn{display:block;width:100%;padding:12px;text-align:center;font-size:1em;text-decoration:none;color:#fff;background-color:#28a745;border:none;border-radius:5px!important;margin:5px!important;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.action-btn:hover{background-color:#218838}#gregobase-link{background-color:#007bff}#gregobase-link:hover{background-color:#0069d9}#download-svg-link{background-color:#6c757d}#download-svg-link:hover{background-color:#5a6268}#download-svg-btn{display:block!important}#language-switcher{display:flex;justify-content:center;margin-top:10px;margin-bottom:20px}.lang-switcher-btn{background-color:#f0f0f0;border:1px solid #ccc;padding:8px 15px;margin:0 5px;cursor:pointer;border-radius:5px;font-size:.9em;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.lang-switcher-btn:hover{background-color:#e0e0e0;border-color:#bbb}.lang-switcher-btn.active{background-color:#007bff;color:#fff;border-color:#007bff;cursor:default}.lang-switcher-btn.active:hover{background-color:#007bff;border-color:#007bff}