/* Approved model directory; retains the established TikBit fonts and theme. */
.hero-badge{display:grid;grid-template-columns:6px minmax(0,1fr);align-items:start;max-width:100%;width:fit-content;margin-inline:0;column-gap:9px;row-gap:4px;border-radius:16px;text-align:left}
.hero-badge .connection-state{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.8}
.hero-badge .dot{margin-top:8px}
.hero-badge .connection-growth{grid-column:2;text-align:left}
.hero-badge .dot{background:#168553;box-shadow:0 0 0 3px rgb(22 133 83 / 12%);animation:none}
.hero-badge .connection-state{color:#14794d;font-weight:700}
.hero-badge .connection-growth{color:var(--ink-3);font-family:var(--font-cn)}
.hero-badge .connection-growth::before{content:"/";margin-right:9px;opacity:.4}
[data-theme=dark] .hero-badge .dot{background:#63d6a0;box-shadow:0 0 0 3px rgb(99 214 160 / 13%)}
[data-theme=dark] .hero-badge .connection-state{color:#7ae0b1}
#models .sub-sec{max-width:820px}
#models .model-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 2px 14px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
#models .model-chip{padding:22px 4px 18px;gap:11px;border-radius:12px;min-width:0;text-decoration:none;color:var(--ink)}
#models .model-chip .logo-box{width:42px;height:42px}
#models .model-chip .logo-box svg{width:100%;height:100%}
#models .model-chip .mname{font-size:12px;line-height:1.35;white-space:nowrap;letter-spacing:-.15px}
#models .model-chip .mtag{font-family:var(--font-cn);font-size:10px;line-height:1.4;letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:normal;max-width:100%;min-height:2.8em;text-align:center;color:var(--ink-3)}
#models .model-chip .logo-box img[data-monochrome]{filter:none}
[data-theme=dark] #models .model-chip .logo-box img[data-monochrome]{filter:invert(1)}
#models .model-row:focus-visible,#models .model-chip:focus-visible{outline:2px solid var(--red);outline-offset:3px}
#models .model-more{line-height:1.8}
#models .model-api a{white-space:nowrap}
.api-model-summary{font-size:12px!important;line-height:1.9!important;font-weight:500;color:var(--muted,var(--ink-3,#64748b))!important;overflow-wrap:anywhere;margin:12px 0!important}
@media(max-width:1100px){#models .model-row{grid-template-columns:repeat(12,minmax(86px,1fr))}}
@media(max-width:600px){#models .model-row{grid-template-columns:repeat(12,88px);gap:9px}#models .model-chip{padding:20px 5px 16px}#models .model-chip .logo-box{width:40px;height:40px}#models .model-chip .mname{font-size:12px}#models .model-chip:hover{transform:none}.hero-badge{font-size:11px}}