.models-main{padding-top:16px;padding-bottom:112px}
.models-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:center;margin-bottom:14px}
.models-search{position:relative}
.models-search svg{position:absolute;left:18px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.models-search input,.models-toolbar select{width:100%;height:54px;border:1px solid #cfd4d7;border-radius:var(--r);background:#fff;color:var(--ink);font:500 16px/1.4 var(--font-sans);outline:2px solid transparent;outline-offset:1px}
.models-search input{padding:0 18px 0 50px}
.models-toolbar select{padding:0 42px 0 16px}
.models-search input:focus,.models-toolbar select:focus{border-color:var(--teal-dark);box-shadow:0 0 0 3px rgba(5,111,108,.16);outline-color:var(--teal-dark)}
.models-status{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;font-size:13px;color:var(--muted)}
.models-status [role=status]{text-align:right}
.model-groups{border-top:1px solid var(--ink)}
.models-loading{padding:44px 4px;border-bottom:1px solid var(--line);color:var(--muted)}
.models-load-error{padding:24px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.models-load-error button{margin-left:3px;padding:0;border:0;background:none;color:var(--teal-dark);font:600 14px/1.4 var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.brand-group{border-bottom:1px solid var(--line)}
.brand-group[hidden]{display:none}
.brand-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:22px;align-items:center;padding:22px 4px;cursor:pointer;list-style:none;color:var(--ink)}
.brand-group>summary::-webkit-details-marker{display:none}
.brand-group>summary::after{content:'+';font-size:22px;font-weight:400;color:var(--muted);line-height:1}
.brand-group[open]>summary::after{content:'−'}
.brand-name{font-size:18px;font-weight:650;letter-spacing:-.015em}
.brand-count{font-size:13px;font-weight:500;color:var(--muted)}
.brand-content{padding:0 0 30px}
.model-table{width:100%;border-collapse:collapse;font-size:14px}
.model-table th{padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600;text-align:left}
.model-table td{padding:14px;border-bottom:1px solid #edf0f1;vertical-align:top}
.model-table td:first-child{width:22%;color:var(--ink);font-weight:600}
.model-table td:nth-child(2){width:58%}
.model-table td:last-child{white-space:nowrap;color:var(--muted)}
.model-row[hidden]{display:none}
.models-empty{padding:44px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.models-note{margin-top:28px;max-width:760px;font-size:14px;color:var(--muted)}
@media(max-width:760px){
  .models-main{padding-top:10px;padding-bottom:80px}
  .models-toolbar{grid-template-columns:1fr}
  .models-toolbar select{display:none}
  .models-status{align-items:flex-start;flex-direction:column}
  .models-status [role=status]{text-align:left}
  .brand-content{padding-bottom:18px}
  .model-table,.model-table tbody,.model-table tr,.model-table td{display:block}
  .model-table{overflow:visible}
  .model-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .model-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"model years" "version years";column-gap:16px;row-gap:4px;padding:14px 4px;border-bottom:1px solid #edf0f1}
  .model-table td{min-width:0;padding:0;border:0}
  .model-table td:first-child{display:block;grid-area:model;width:auto;color:var(--teal-dark);font-size:12px;font-weight:650;line-height:1.35}
  .model-table td:nth-child(2){grid-area:version;width:auto;font-size:14px;line-height:1.45}
  .model-table td:last-child{grid-area:years;align-self:start;width:auto;padding:0;text-align:right;font-size:12.5px;line-height:1.45;white-space:nowrap}
}
@media(max-width:600px){
  .models-search input,.models-toolbar select{height:52px;font-size:16px}
  .models-search input{padding-left:46px}
  .models-status{gap:8px;margin-bottom:16px}
  .brand-group>summary{grid-template-columns:minmax(0,1fr) auto 20px;gap:10px;padding:18px 4px}
  .brand-name{font-size:17px}
  .brand-count{font-size:12px;text-align:right}
  .models-note{margin-top:22px}
}