/* Unboxed glossary with shared filters and two browsing views. */
.glossary-tabs{display:flex;gap:28px;margin:30px 0 8px;border-bottom:1px solid var(--line)}
.glossary-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:14px 1px;color:var(--muted);font-size:16px;font-weight:600;min-height:48px}
.glossary-tabs button[aria-selected=true]{border-color:var(--red);color:var(--ink)}
.glossary-tabs button:hover{color:var(--blue)}
.glossary-panel:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
.peptide-list{display:block;list-style:none;padding:0;margin:0}
.peptide-row{display:grid;grid-template-columns:150px minmax(0,1fr) 210px;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);background:transparent}
.peptide-identity :is(h3,h4){font:28px/1.2 var(--sans);letter-spacing:-.6px;margin:0 0 9px}
.peptide-name{font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;color:var(--ink);border:0;padding:0;background:none}
.peptide-name:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.peptide-identity .category{font-size:12px;color:var(--blue)}
.peptide-identity p{font-size:13px;color:var(--muted);margin:8px 0 0;max-width:650px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.peptide-meta{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.peptide-meta .tag{font-size:10px;letter-spacing:0}
.peptide-meta small{font-size:11px;color:var(--muted)}
.profile-open{font-size:12px;font-weight:600;border:0;background:none;padding:6px 0;color:var(--blue);min-height:32px}
.structure-thumb{position:relative;width:150px;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.structure-thumb img{width:146px;height:105px;object-fit:contain;mix-blend-mode:multiply;display:block}
.structure-caption{font-size:10px;line-height:1.3;color:var(--muted);text-align:center}
.structure-thumb a{font-size:10px;text-decoration:underline;color:var(--blue);text-underline-offset:2px;min-height:24px;display:inline-flex;align-items:center}
.structure-unavailable{height:105px;width:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;gap:5px;font-size:10px;line-height:1.35}
.structure-unavailable svg{width:38px;height:38px;opacity:.65}
.category-group{margin-top:30px}
.category-group:first-child{margin-top:8px}
.category-title{font:24px/1.3 var(--sans);letter-spacing:-.3px;margin:0;padding:17px 0;border-top:2px solid var(--blue);display:flex;gap:12px;align-items:baseline}
.category-title span{font:12px var(--sans);color:var(--muted);letter-spacing:0}
.structure-note{font-size:12px;line-height:1.6;color:var(--muted);max-width:850px;margin:18px 0 0}
.structure-detail{margin:18px 0 24px;padding:0}
.structure-detail img{display:block;max-width:100%;width:360px;height:240px;object-fit:contain;mix-blend-mode:multiply}
.structure-detail figcaption{font-size:12px;color:var(--muted)}
.structure-detail a{color:var(--blue);text-decoration:underline}
@media(max-width:760px){
 .glossary-tabs{gap:22px;margin-top:24px}.glossary-tabs button{font-size:15px}
 .peptide-row{grid-template-columns:100px minmax(0,1fr);gap:12px 16px;padding:20px 0}
 .structure-thumb{width:100px;grid-row:1/3}.structure-thumb img,.structure-unavailable{width:100px;height:90px}
 .peptide-identity :is(h3,h4){font-size:22px;letter-spacing:-.4px}.peptide-identity p{font-size:12px}
 .peptide-meta{grid-column:2;justify-self:start;text-align:left;align-items:flex-start;gap:5px}
 .peptide-meta small{display:none}.peptide-meta .tag{font-size:9px}.profile-open{font-size:12px}
 .category-title{font-size:21px;flex-wrap:wrap;gap:4px 12px}.resultsbar>span{letter-spacing:.5px}
}
@media(max-width:400px){.peptide-row{grid-template-columns:78px minmax(0,1fr);gap:10px}.structure-thumb{width:78px}.structure-thumb img,.structure-unavailable{width:78px;height:76px}.peptide-identity :is(h3,h4){font-size:20px}.structure-caption{font-size:9px}}