.connection-directory{padding-block:72px 90px}.directory-heading h1{font-size:48px;letter-spacing:-.04em}.directory-heading>p{margin-top:20px;max-width:720px}.directory-heading .text-link{margin-top:22px;font-size:15px}.midi-explanation{background:#f5f5f7;border-radius:22px;padding:24px 28px;margin-top:36px}.midi-explanation h2{font-size:19px;letter-spacing:-.025em;line-height:1.4}.midi-explanation p{font-size:15px;line-height:1.7;margin-top:8px;max-width:900px}.directory-filters{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:16px;margin-top:36px}.directory-filters label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.directory-filters input,.directory-filters select{width:100%;height:50px;padding:0 14px;border:1px solid #d6d6d9;background:white;border-radius:12px;font-size:15px;font-weight:400;min-width:0}.directory-results{display:flex;justify-content:space-between;align-items:center;min-height:42px;margin-top:10px;gap:18px}.directory-results p,.directory-results button{font-size:13px}.directory-results button{padding:6px 0;background:none;text-decoration:underline;text-underline-offset:4px}.manufacturer-guides{margin-top:30px}.manufacturer-guides h2,.model-heading h2{font-size:25px;letter-spacing:-.035em}.manufacturer-guides>p{margin-top:10px;font-size:15px}.manufacturer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.manufacturer-card{background:#f5f5f7;padding:22px 24px;border-radius:18px;display:flex;flex-direction:column;gap:10px;transition:background .2s}.manufacturer-card:hover{background:#ededf0}.manufacturer-card strong{font-size:20px;letter-spacing:-.02em}.manufacturer-card span{font-size:14px;line-height:1.6;color:#68686d}.manufacturer-card small{font-size:12px;color:#68686d}.model-directory{margin-top:46px}.model-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.model-heading>p{font-size:13px}.table-scroll-hint{display:none;font-size:12px;margin-top:12px}.model-table-scroll{margin-top:20px;overflow-x:auto;border:1px solid #e0e0e3;border-radius:16px}.model-table-scroll table{border-collapse:collapse;width:100%;min-width:0;font-size:14px;text-align:left}.model-table-scroll th,.model-table-scroll td{padding:18px 16px;border-bottom:1px solid #e9e9ec;vertical-align:top}.model-table-scroll thead{background:#f5f5f7;color:#616167;font-size:12px;white-space:nowrap}.model-table-scroll tbody th{font-weight:600;white-space:nowrap}.model-table-scroll tbody tr:last-child>*{border-bottom:0}.model-table-scroll .support-cell{text-align:center;width:110px}.midi-support{font-size:17px;font-weight:600;line-height:1.5}.midi-support.yes{color:#386346}.midi-support.no{color:#85858a}.model-note{min-width:0;line-height:1.65;color:#68686d}.spec-link{font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.directory-caveat{font-size:13px;line-height:1.8;margin-top:18px;max-width:1000px}.directory-empty{padding:30px 0;text-align:center;font-size:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.directory-filters{grid-template-columns:1fr 1fr}.directory-search{grid-column:1/-1}.table-scroll-hint{display:block}.model-heading{display:block}.model-heading p{margin-top:12px}}
@media(max-width:760px){.connection-directory{padding-block:44px 60px}.directory-heading h1{font-size:36px}.directory-heading>p{font-size:16px;margin-top:16px}.midi-explanation{padding:22px;margin-top:28px}.midi-explanation h2{font-size:18px}.midi-explanation p{font-size:14px}.directory-filters{gap:12px;margin-top:26px}.directory-filters input,.directory-filters select{font-size:14px}.manufacturer-grid{grid-template-columns:repeat(2,1fr);gap:12px}.manufacturer-card{padding:20px 18px}.manufacturer-card strong{font-size:18px}.manufacturer-card span{font-size:13px}.manufacturer-guides h2,.model-heading h2{font-size:22px}.model-directory{margin-top:34px}}
.directory-filters{grid-template-columns:2fr 1fr 1.2fr 1fr}
.release-basis{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#76767b;margin-top:4px}
.midi-support.unknown{font-size:12px;font-weight:400;white-space:nowrap;color:#8b613b}
.manufacturer-card .manufacturer-model-count{font-size:12px;color:#76767b}








@media(max-width:1000px){.directory-filters{grid-template-columns:repeat(3,1fr)}.directory-search{grid-column:1/-1}}
@media(max-width:760px){.directory-filters{grid-template-columns:1fr 1fr}.directory-search{grid-column:1/-1}.directory-filters label:last-child{grid-column:1/-1}}

.directory-order{font-size:13px;line-height:1.7;margin-top:14px}.release-cell{white-space:nowrap;font-size:13px}.model-source{text-decoration:underline;text-underline-offset:3px}.model-table-scroll table{min-width:0}

.directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;font-size:13px}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-controls button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;background:#f5f5f7;border-radius:9px;font-size:13px;white-space:nowrap}.pagination-controls select{padding:8px 10px;min-width:64px;font-size:13px;border:1px solid #d6d6d9;border-radius:9px;background:white}.pagination-controls [data-page-label]{white-space:nowrap}.pagination-controls .icon{width:16px;height:16px}#model-title{scroll-margin-top:100px}#model-title:focus{outline:none}
@media(max-width:760px){.directory-pagination{align-items:flex-start;flex-direction:column;gap:12px}.pagination-controls{gap:9px;width:100%;justify-content:space-between}.pagination-controls button{padding:9px 10px}.pagination-controls select{min-width:54px}#model-title{scroll-margin-top:128px}}

/* Keep the model table directly below search; reference guides come last. */
.model-directory{margin-top:24px}
.manufacturer-guides{margin-top:56px;padding-top:32px;border-top:1px solid #e0e0e3}
@media(max-width:760px){.manufacturer-guides{margin-top:36px;padding-top:26px}}

.directory-intro-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.directory-intro-row>p{max-width:720px}.directory-heading .directory-intro-row .text-link{margin-top:0;flex-shrink:0;white-space:nowrap}
@media(max-width:760px){.directory-intro-row{flex-direction:column;align-items:stretch;gap:14px;margin-top:16px}.directory-heading .directory-intro-row .text-link{align-self:flex-end}}

/* Model heading precedes filters; order, count and paging share a toolbar. */
.model-directory{margin-top:36px}.model-directory .directory-filters{margin-top:22px}.directory-meta-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.directory-meta-row .directory-order{margin-top:0}.directory-meta-right{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-shrink:0}.directory-meta-right .directory-results{min-height:0;margin-top:0;gap:12px}.directory-meta-right .directory-results p{white-space:nowrap}.directory-meta-right .directory-pagination{margin-top:0;display:block}
@media(max-width:1100px){.directory-meta-row{flex-direction:column;align-items:stretch;gap:12px}.directory-meta-right{align-self:flex-end}}
@media(max-width:760px){.directory-meta-right{width:100%;flex-wrap:wrap;gap:12px}.directory-meta-right .directory-results{margin-right:auto}.directory-meta-right .directory-pagination{width:100%}.directory-meta-right .pagination-controls{width:100%}}

.sales-status-cell{white-space:nowrap;font-size:13px;min-width:0}@media(max-width:760px){}

/* Fit all columns on desktop; stack labeled rows on small screens. */
.model-table-scroll table{table-layout:fixed;font-size:13px}
.model-table-scroll th,.model-table-scroll td{padding:15px 10px;overflow-wrap:anywhere}
.model-table-scroll thead,.model-table-scroll tbody th,.release-cell,.sales-status-cell,.spec-link{white-space:normal}
.model-table-scroll thead th:nth-child(1){width:9%}.model-table-scroll thead th:nth-child(2){width:13%}.model-table-scroll thead th:nth-child(3){width:12%}.model-table-scroll thead th:nth-child(4){width:10%}.model-table-scroll thead th:nth-child(5){width:9%}.model-table-scroll thead th:nth-child(6){width:27%}.model-table-scroll thead th:nth-child(7){width:9%}.model-table-scroll thead th:nth-child(8){width:11%}
.model-table-scroll .support-cell{width:auto}.midi-support.unknown{white-space:normal}
@media(max-width:760px){
 .model-table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .model-table-scroll tbody,.model-table-scroll table{display:block;width:100%}
 .model-table-scroll tbody tr:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px 18px;border-bottom:1px solid #e0e0e3}
 .model-table-scroll tbody tr:last-child{border-bottom:0}
 .model-table-scroll tbody td,.model-table-scroll tbody th{display:block;width:auto;padding:0;border:0;text-align:left;min-width:0}
 .model-table-scroll tbody [data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:#76767b;margin-bottom:4px}
 .model-table-scroll tbody td:nth-child(1){order:1}.model-table-scroll tbody th{order:2}.model-table-scroll tbody td:nth-child(3){order:3}.model-table-scroll tbody td:nth-child(7){order:4}.model-table-scroll tbody td:nth-child(4){order:5}.model-table-scroll tbody td:nth-child(5){order:6}.model-table-scroll tbody td:nth-child(6){order:7;grid-column:1/-1}.model-table-scroll tbody td:nth-child(8){order:8;grid-column:1/-1}
}