.hosted-database-panel{margin:1.5rem 0 2rem;padding:1.5rem;border:1px solid var(--border,var(--nav-border));border-radius:16px;background:var(--cream,var(--nav-surface));overflow-wrap:anywhere}
.hosted-database-panel h3{margin-top:0}.hosted-database-panel section{margin-top:1.5rem}.hosted-database-notes summary{cursor:pointer;font-weight:700}
#db-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0}
.hosted-database-panel .source-card{padding:1rem;border:1px solid var(--border,var(--nav-border));border-radius:12px;background:var(--nav-surface)}.hosted-database-panel .source-card p{margin:.5rem 0}
#db-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.6rem 1rem;align-items:end}#db-search label{font-weight:700}#db-search label[for=db-query]{grid-column:1;grid-row:1}#db-query{grid-column:1;grid-row:2}#db-search label[for=db-scope]{grid-column:2;grid-row:1}#db-scope{grid-column:2;grid-row:2}#db-search p{grid-column:1/-1;margin:.25rem 0}#db-search button{justify-self:start}
#db-search input,#db-search select{width:100%;min-width:0;padding:.75rem;border:1px solid var(--nav-border);border-radius:8px;font:inherit;background:var(--nav-surface)}
.hosted-database-panel button{padding:.65rem 1rem;margin:.25rem .35rem .25rem 0;border:1px solid var(--nav-border);border-radius:8px;background:var(--nav-primary);color:#fff;font:700 .9rem var(--font-sans,system-ui);cursor:pointer}.hosted-database-panel button:disabled{opacity:.5;cursor:default}.hosted-database-panel input[type=checkbox]{width:auto;margin-right:.4rem;accent-color:#173f35}
#db-results{display:grid;gap:1rem;margin-top:1rem}#db-availability,#db-status{font-weight:600}
.db-pathways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.db-pathways .source-card{display:flex;flex-direction:column;align-items:flex-start}.db-pathways button{margin-top:auto}.db-pathways h4{margin:0 0 .5rem}
.hero-stats .hosted-stat{flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;min-width:0}.hero-stats .hosted-stat strong{font-size:1.6rem;overflow-wrap:anywhere}.hero-stats .hosted-stat a{color:inherit}.hosted-connection-summary{margin-top:.8rem;color:var(--ink-500);font-size:.9rem;text-align:center}
@media(max-width:650px){.hosted-database-panel{padding:1rem}#db-search{grid-template-columns:1fr}#db-search label[for=db-scope]{grid-column:1;grid-row:3}#db-scope{grid-column:1;grid-row:4}.hero-stats .hosted-stat strong{font-size:1.15rem}}