.model-reference{margin-top:32px;min-width:0}.reference-tabs{display:flex;gap:24px;border-bottom:1px solid #d8e3db;margin-bottom:24px;overflow:auto}.reference-tabs button{border:0;background:transparent;color:#718278;padding:14px 0;white-space:nowrap;border-bottom:2px solid transparent;font:inherit;font-size:14px;cursor:pointer}.reference-tabs button[aria-selected=true]{color:#203e30;border-bottom-color:#203e30}.reference-selects{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.reference-selects label,.reference-photo-tools label{display:grid;gap:7px;color:#6c7c71;font-size:12px}.reference-trim{display:flex;align-items:end;gap:7px;flex:1;min-width:220px}.reference-trim label{width:100%}.model-reference select,.model-reference input:not([type=checkbox]){padding:10px 12px;border:1px solid #d1ddd5;background:#fff;border-radius:4px;min-height:42px;color:#243c30;max-width:100%;font:inherit}.reference-tools{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:20px 0}.reference-search{display:grid;gap:6px;font-size:12px;flex:1;min-width:180px}.reference-check{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.reference-check input{width:15px;height:15px;margin:0;accent-color:#234734}.reference-comparison{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start}.reference-categories{display:grid;gap:5px;position:sticky;top:20px;max-height:65vh;overflow:auto;padding-inline-end:10px;font-size:12px}.reference-categories a{padding:9px 7px;color:#718278;text-decoration:none;line-height:1.45}.reference-categories a:hover{background:#eaf1ec;color:#173629}.reference-table-area{min-width:0}.reference-group{margin-bottom:24px;scroll-margin-top:20px}.reference-group h3{display:flex;justify-content:space-between;background:#e5eee7;padding:17px 20px;margin:0;font-size:16px;font-weight:500;color:#294333}.reference-group h3 small{font-size:11px;color:#718278}.reference-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e0e8e2;border-top:0}.reference-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;min-width:650px}.reference-table th,.reference-table td{padding:16px 18px;border-bottom:1px solid #dfe7e1;vertical-align:top;text-align:start;overflow-wrap:anywhere;font-weight:400;line-height:1.65}.reference-table th:first-child{width:26%;color:#74867a;position:sticky;inset-inline-start:0;background:#f6f9f6;z-index:1}.reference-table thead th{color:#718278;background:#f1f6f2}.reference-different td{background:#edf4ee}.reference-source{display:block;color:#97a599;margin-top:5px}.reference-overview{display:grid;gap:20px}.reference-overview dl{display:flex;gap:35px;flex-wrap:wrap;margin:0}.reference-overview dl div{min-width:120px}.reference-overview dt{font-size:12px;color:#7e8e83}.reference-overview dd{margin:9px 0;font-size:17px}.reference-overview-actions{display:flex;gap:10px;flex-wrap:wrap}.reference-provenance{border-top:1px solid #dfe7e1;padding-top:15px;margin-top:25px}.reference-provenance a{color:inherit;margin-inline:10px}.reference-photo-tools{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.reference-photo-filter{display:flex;gap:8px}.reference-photo-filter .selected{border-color:#29523a;background:#eaf2ec}.reference-photo-view{margin:0}.reference-photo-view>img{width:100%;max-height:650px;aspect-ratio:16/10;object-fit:contain;background:#eef2ef;border:1px solid #dde6df;border-radius:4px}.reference-photo-view figcaption{font-size:12px;color:#7c8d81;margin:12px 0;line-height:1.5}.reference-photo-controls{display:flex;justify-content:space-between;margin:14px 0}.reference-thumbnails{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.reference-thumbnails button{padding:0;background:#fff;border:2px solid transparent;cursor:pointer}.reference-thumbnails button[aria-pressed=true]{border-color:#274b36}.reference-thumbnails img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.model-reference button:disabled{opacity:.5;cursor:default}.model-reference button:focus-visible,.model-reference select:focus-visible,.model-reference input:focus-visible,.reference-table-scroll:focus-visible{outline:2px solid #49775b;outline-offset:3px}.model-reference-summary{margin-top:16px;color:#73867a;font-size:12px}.model-directory-filters{grid-template-columns:2fr 1fr 1fr auto}.model-directory-page{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px}.model-directory-filters~.trade-grid .trade-card img{object-fit:contain}.trade-model-image{object-fit:contain;background:#eef3ef}.reference-loading{padding:30px;border:1px solid #dde6df;color:#7b8b80}
@media(max-width:760px){.reference-comparison{grid-template-columns:1fr;gap:15px}.reference-categories{position:static;display:flex;max-height:none;white-space:nowrap;overflow-x:auto;padding:0;gap:6px}.reference-categories a{flex:none}.reference-selects{gap:12px}.reference-trim{min-width:100%}.reference-selects>label{width:100%}.reference-tabs{gap:22px}.reference-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-photo-tools{display:block}.reference-photo-tools label{margin-top:14px}.reference-table{min-width:620px}.reference-table th:first-child{width:160px}.model-directory-filters{grid-template-columns:1fr 1fr}.model-directory-filters label:first-child{grid-column:1/-1}}
@media(max-width:430px){.reference-tools{gap:12px}.reference-check{font-size:11px}.reference-photo-filter .btn{padding:10px 12px}.reference-table th,.reference-table td{padding:12px}.reference-overview dl{gap:18px}.model-directory-page{gap:12px;flex-wrap:wrap}}
/* Long translated configuration names must stay inside the mobile form. */
.reference-trim,.reference-trim label,.reference-selects>label,.reference-photo-tools label{min-width:0}.reference-trim select,.reference-selects>label select,.reference-photo-tools select{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:760px){.reference-trim{width:100%;flex-basis:100%}.reference-selects>label{flex-basis:100%}}
.reference-trim .btn,.reference-selects>.btn{flex-shrink:0;white-space:nowrap}
.model-directory-filters{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(110px,1fr)) auto}
@media(max-width:960px){.model-directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.model-directory-filters label:first-child{grid-column:1/-1}}
@media(max-width:430px){.model-directory-filters{grid-template-columns:1fr}.model-directory-filters label:first-child{grid-column:auto}}