.hg-reference-controls{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;display:flex}.hg-reference-controls label{flex-direction:column;flex:1;gap:8px;min-width:180px;display:flex}.hg-reference-controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;min-height:48px}.hg-reference-controls input:not([type=checkbox]),.hg-reference-controls select{background:var(--surface,var(--site-header));width:100%;min-height:46px;color:inherit;border:1px solid var(--line,var(--site-border));padding:10px}.hg-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.hg-reference-card{background:var(--surface,var(--site-panel));border:1px solid var(--line,var(--site-border));min-width:0;padding:20px}.hg-reference-card h2{overflow-wrap:anywhere;margin:8px 0 12px;font-size:1.35rem}.hg-reference-card>p:not(.eyebrow){line-height:1.7}.hg-reference-card>small{color:var(--muted,var(--site-muted));margin-top:12px;display:block}.hg-reference-card img{object-fit:contain;max-height:170px}.hg-reference-card button:focus-visible{outline:2px solid var(--accent,var(--site-accent));outline-offset:4px}.hg-reference-more:focus-visible{outline:2px solid var(--accent,var(--site-accent));outline-offset:4px}.hg-reference-more{color:inherit;border:1px solid var(--line,var(--site-border));background:0 0;margin:24px auto;padding:14px 24px;display:block}.hg-item-index{grid-template-columns:repeat(4,minmax(0,1fr))}.hg-item-index h2{font-size:1.1rem}.hg-item-index .eyebrow{font-size:.65rem}.hg-item-index .hg-reference-card{padding:16px}.hg-item-index img{height:128px}@media (max-width:1000px){.hg-reference-grid,.hg-item-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:550px){.hg-reference-grid{grid-template-columns:1fr}.hg-item-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hg-item-index .hg-reference-card{padding:10px}.hg-item-index h2{font-size:.95rem}.hg-reference-controls label{min-width:100%}}.hg-reference-library{width:100%!important;max-width:none!important;margin:24px 0!important;padding:0!important}.hg-reference-card>small{color:var(--site-muted)}.hg-reference-controls label:has(input[type=checkbox]){flex:0 auto;justify-content:flex-start;gap:10px}.hg-reference-controls input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px}