*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;background:#fff;color:#111;min-height:100vh}header{border-bottom:2px solid #111;padding:24px 40px}header h1{font-size:1.4rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}main{max-width:860px;margin:48px auto;padding:0 24px}.search-section{display:flex;flex-direction:column;gap:12px}.search-row{display:flex;gap:12px;align-items:stretch}.search-input{flex:1;padding:12px 16px;font-size:1rem;border:1px solid #111;background:#fff;outline:none;font-family:inherit}.search-input:focus{border-color:#111;box-shadow:2px 2px #111}.search-input::placeholder{color:#aaa}.btn{padding:12px 20px;font-size:1rem;border:1px solid #111;background:#fff;cursor:pointer;font-family:inherit;white-space:nowrap}.btn:hover,.btn-primary{background:#111;color:#fff}.btn-primary:hover{background:#333}.btn-icon{font-size:1.4rem;padding:12px 16px}.filters-panel{border:1px solid #111;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#555}.filter-input{padding:8px 12px;font-size:.95rem;border:1px solid #ccc;background:#fff;outline:none;font-family:inherit}.filter-input:focus{border-color:#111}.filter-input-error{border-color:#c00}.filter-error{font-size:.75rem;color:#c00}.results-section{margin-top:40px}.results-count{font-size:.85rem;color:#555;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.results-layout{display:flex;border:1px solid #ddd;min-height:500px}.results-list{width:fit-content;min-width:160px;flex-shrink:0;border-right:1px solid #ddd;display:flex;flex-direction:column}.result-list-item{padding:18px 16px;cursor:pointer;border-bottom:1px solid #eee;transition:background .1s}.result-list-item:hover{background:#eee}.result-list-item.selected{background:#f5f5f5}.result-list-ecli{font-size:.78rem;color:#444;letter-spacing:.04em;display:block;white-space:nowrap}.list-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;border-top:1px solid #ddd;white-space:nowrap}.list-pagination .btn{padding:4px 8px;font-size:.85rem}.list-pagination .btn:disabled{opacity:.3;cursor:default}.pagination-info{font-size:.85rem;color:#555}.results-detail{flex:1;background:#f5f5f5;overflow-y:auto}.detail-panel{padding:28px 32px;display:flex;flex-direction:column;gap:20px}.detail-reference{font-size:1.1rem;font-weight:400;line-height:1.5;color:#111}.detail-link{font-size:.85rem;color:#111;text-decoration:underline;width:fit-content}.detail-link:hover{color:#555}.detail-fields{display:flex;flex-direction:column;gap:8px;padding:16px;background:#ebebeb;border:1px solid #ddd}.detail-field{display:flex;gap:12px;font-size:.88rem;line-height:1.4}.detail-label{color:#777;text-transform:uppercase;font-size:.72rem;letter-spacing:.07em;min-width:120px;padding-top:1px}.detail-value{color:#222;flex:1}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#777;border-bottom:1px solid #ddd;padding-bottom:4px}.detail-text{font-size:.9rem;line-height:1.65;color:#222;white-space:pre-wrap}.detail-siblings{display:flex;flex-direction:column;gap:6px}.detail-keywords-group{font-size:.88rem;color:#222;line-height:1.4}.detail-sibling-row{display:flex;align-items:baseline;gap:12px;font-size:.88rem}.detail-sibling-ref{color:#222}.detail-sibling-link{font-size:.82rem;color:#111;text-decoration:underline;white-space:nowrap}.detail-sibling-link:hover{color:#555}.detail-chunk{font-size:.88rem;line-height:1.65;color:#333;padding:12px 16px;background:#ebebeb;border-left:2px solid #bbb;white-space:pre-wrap}.loading{text-align:center;padding:40px;color:#888;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.error{color:#c00;font-size:.9rem;padding:12px;border:1px solid #c00}