/* 开放模型馆：在 meta/meta.css 的版式上加母栏目页和展馆页自己的部分。只用 shared-nav.css 的颜色变量。 */
.om-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin:0 0 14px}
.om-crumbs a{color:var(--accent-text);font-weight:600;text-decoration:none}
.om-crumbs a:hover{text-decoration:underline}
.om-h1-sub{display:block;font:500 14px/1.6 var(--font-sans);letter-spacing:0;color:var(--muted);margin-top:6px}
.om-top{padding:60px 0 34px;max-width:82ch}
.om-top h1{font-size:clamp(32px,3.6vw,48px);line-height:1.25;letter-spacing:-1px;font-weight:600;margin:0 0 18px}
.om-hero .mx-stack li{grid-template-columns:96px 1fr}
.om-facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.om-facts div{border-right:1px solid var(--line)}
.om-facts div:last-child{border-right:0}

.om-orgs,.om-tasks{padding:52px 0 8px}
.om-org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.om-org-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.om-org-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 26px -18px rgba(0,0,0,.45)}
.om-org-card b{font-size:17px;letter-spacing:-.2px}
.om-glyph{font:600 11px/1.4 var(--font-mono);letter-spacing:.5px;color:var(--accent-2);text-transform:none}
.om-lab{font-size:11.5px;color:var(--muted)}
.om-blurb{font-size:12.8px;line-height:1.75;color:var(--ink-2);flex:1}
.om-count{font-size:12px;font-weight:600;color:var(--accent-text);margin-top:4px}
.om-org-card[data-org=meta]{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}

.om-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.om-task{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px 16px}
.om-task h3{margin:0 0 8px;font-size:14.5px}
.om-task ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.om-task li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;align-items:baseline;font-size:13px;padding-top:6px;border-top:1px solid var(--line)}
.om-task li:first-child{border-top:0;padding-top:0}
.om-task li a{font-weight:600;text-decoration:none}
.om-task li a:hover{text-decoration:underline}
.om-task li small{grid-column:1;color:var(--muted);font-size:11.5px}
.om-task li .om-use{grid-column:2;grid-row:1/3;align-self:center}

.om-use{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;white-space:nowrap;background:var(--surface-2);color:var(--ink-2)}
.om-use[data-use=open]{background:color-mix(in srgb,var(--ok) 16%,transparent)}
.om-use[data-use=copyleft]{background:color-mix(in srgb,var(--info) 16%,transparent)}
.om-use[data-use=nc]{background:color-mix(in srgb,var(--gold) 20%,transparent)}
.om-use[data-use=service]{background:color-mix(in srgb,var(--violet) 16%,transparent)}
.om-item[data-kind=gen] .mx-tag:first-child{background:color-mix(in srgb,var(--violet) 15%,transparent)}
.om-item[data-kind=bio] .mx-tag:first-child{background:color-mix(in srgb,var(--danger,#c0392b) 13%,transparent)}
.om-item[data-kind=qm] .mx-tag:first-child{background:color-mix(in srgb,var(--accent-2) 16%,transparent)}
.om-org{font-weight:600;text-decoration:none;font-size:11.5px}
.om-filters{display:grid;gap:2px;margin-bottom:6px}
.om-filters .mx-filter{margin-bottom:8px}

.om-switch{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.om-switch h2{font-size:18px;margin:0 0 12px;font-weight:600}
.om-switch-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.om-switch-list a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-decoration:none;color:var(--ink)}
.om-switch-list a:hover{border-color:var(--accent)}
.om-switch-list a[aria-current]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.om-switch-list b{font-size:13.5px}
.om-switch-list small{font:500 11px/1.4 var(--font-mono);color:var(--muted)}
.om-switch-hub b{color:var(--accent-text)}
.om-also{margin:44px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.om-also h2{font-size:18px;margin:0 0 10px;font-weight:600}
.om-also ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px}
.om-fine{margin:0;max-width:760px}
@media(max-width:720px){
  .om-top{padding:36px 0 22px}
  .om-org-grid,.om-task-grid{grid-template-columns:minmax(0,1fr)}
  .om-facts div{border-right:0;padding:8px 0!important}
}
