.reference-catalog{container-type:inline-size}.reference-catalog [hidden]{display:none!important}.reference-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.reference-toolbar h2{margin-right:auto}.reference-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.reference-section{border:1px solid #b9cdda;border-radius:10px;padding:16px;background:#fff}.reference-section>button{font-size:1.1rem;font-weight:700;text-align:left}.reference-groups{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.reference-note{max-width:28rem;overflow-wrap:anywhere}.reference-catalog th,.reference-catalog td{vertical-align:top;text-align:left}.reference-catalog .form-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;min-width:0}.reference-catalog input,.reference-catalog textarea,.reference-catalog select{box-sizing:border-box;max-width:100%;font:inherit;min-height:36px}.reference-catalog textarea{width:100%;resize:vertical}.reference-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-search{min-width:min(100%,280px);flex:1}.reference-extra-field{display:grid;grid-template-columns:1fr 130px 1fr auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid #d1dce6}.reference-extra-field label{display:flex;flex-direction:column;gap:5px}.reference-catalog .is-removed{opacity:.7;background:repeating-linear-gradient(0deg,transparent,transparent 8px,#243a4d0a 8px,#243a4d0a 9px)}.reference-catalog button:focus-visible,.reference-catalog input:focus-visible,.reference-catalog select:focus-visible{outline:3px solid #2a75b8;outline-offset:2px}.reference-catalog small{display:block}.reference-catalog details{padding:10px;border:1px solid #ccd8e4;border-radius:6px}.reference-catalog summary{cursor:pointer;font-weight:600}.reference-catalog th[data-reference-sort]{cursor:pointer}.reference-catalog th[data-reference-sort-direction="asc"] [data-column-label]::after,.reference-catalog th[data-reference-sort-direction="asc"]:not(:has([data-column-label]))::after{content:" 1 ↑"}.reference-catalog th[data-reference-sort-direction="desc"] [data-column-label]::after,.reference-catalog th[data-reference-sort-direction="desc"]:not(:has([data-column-label]))::after{content:" 1 ↓"}@container(max-width:580px){.reference-form-grid{grid-template-columns:1fr}.reference-extra-field{grid-template-columns:1fr 1fr}.reference-catalog .data-table{overflow-x:auto}}