.triebox{position:relative;max-width:520px;margin:0 0 34px}
.triebox input{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);
}
.triebox input:focus{outline:2px solid var(--accent-2);outline-offset:1px;border-color:var(--accent-2)}
.triebox ul{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-fab);
  margin:0;padding:6px;list-style:none;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);
  max-height:340px;overflow-y:auto;
}
.triebox li.opt{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  padding:9px 12px;border-radius:var(--radius-xs);cursor:pointer;color:var(--ink-soft);
}
.triebox li.opt:hover,.triebox li.opt[aria-selected="true"]{background:var(--accent-2-soft);color:var(--ink)}
.opt-run{font-size:var(--fs-xs);color:var(--ink-mute);white-space:nowrap}

.modelpane{margin:0 0 40px}
.mp-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mp-head h3{font-size:var(--fs-h2);margin:0;color:var(--ink)}
.mp-tag{font-size:var(--fs-xs);color:var(--ink-mute);border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px 10px}
.mp-links{display:flex;gap:8px;margin-left:auto}
.hf-link{
  font-size:var(--fs-sm);color:var(--accent-2);border:1px solid var(--accent-2);
  border-radius:var(--radius-sm);padding:4px 12px;text-decoration:none;
}
.hf-link:hover{background:var(--accent-2-soft)}
.mp-caps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.cap{font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-soft);background:var(--surface-tint);border-radius:var(--radius-pill);padding:4px 11px}

.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:26px}
@media (max-width:820px){.mp-grid{grid-template-columns:1fr}}
.mp-grid h4,.mp-block h4{font-size:var(--fs-h4);margin:0 0 10px;color:var(--ink);letter-spacing:.02em;text-transform:uppercase}
.modelpane .data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.modelpane .data-table th{text-align:left;color:var(--ink-mute);font-weight:var(--fw-semibold);padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.modelpane .data-table td{color:var(--ink-soft);padding:5px 10px;border-bottom:1px solid var(--line-soft)}
.modelpane .data-table .num{text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs)}
.modelpane .data-table a{color:var(--accent-2)}
.modelpane .none{color:var(--ink-mute);font-size:var(--fs-sm)}

.mp-block{margin:0 0 22px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.mp-block p{margin:0 0 10px;color:var(--ink-soft)}
.mp-block p:last-child{margin-bottom:0}
.mp-src{font-size:var(--fs-xs);color:var(--ink-mute);margin:0 0 26px}
.mp-src a{color:var(--accent-2)}

#model-grid .card{display:block;text-decoration:none}
#model-grid .card h3{color:var(--ink)}
#model-grid .num{color:var(--ink-mute);font-size:var(--fs-xs)}