@layer quartz-base{.protein-infobox{float:right;border:1px solid var(--border);background:var(--light);clear:right;border-radius:8px;width:320px;margin:0 0 1.5rem 1.5rem;font-size:.9rem;overflow:hidden}.protein-infobox.in-gallery{float:none!important;clear:none!important;width:100%!important;margin:0!important}.infobox-image-container{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.infobox-image{width:100%;height:100%;position:relative}.infobox-image img{object-fit:cover;width:100%;height:100%;display:block}.infobox-image-placeholder{width:100%;height:100%;color:var(--light);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:2rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.infobox-title{text-align:center;border-bottom:1px solid var(--border);background:var(--lightgray);padding:1rem}.infobox-title h3{color:var(--dark);margin:0;font-size:1.25rem;font-weight:700}.infobox-mappings{padding:1rem}.mapping-header{border-bottom:2px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:grid}.mapping-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--darkgray);text-align:center;font-size:.75rem;font-weight:600}.mapping-row{border-bottom:1px solid var(--lightgray);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.mapping-row:last-child{border-bottom:none}.mapping-molecular,.mapping-persona{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.mapping-label{color:var(--darkgray);text-align:center;font-size:.7rem;font-weight:500}.mapping-value{color:var(--dark);text-align:center;font-size:.85rem;font-weight:600}.hue-letter{line-height:1;display:inline-block}.mapping-arrow{color:var(--accent);text-align:center;font-size:1rem;font-weight:700}.infobox-footer{background:var(--highlight);border-top:1px solid var(--border);text-align:center;padding:.75rem 1rem}.infobox-footer a{color:var(--secondary);font-size:.85rem;font-weight:500;text-decoration:none}.infobox-footer a:hover{text-decoration:underline}@media (max-width:800px){.protein-infobox{float:none;width:100%;margin:1rem 0}}}