.public-data-integration-studio{display:grid;gap:1.2rem}.public-data-integration-studio[hidden]{display:none}.integration-hero{display:flex;justify-content:space-between;gap:1.5rem;padding:1.4rem;border:1px solid var(--line,#ddd);background:var(--panel,#fff)}.integration-hero h2{margin:.2rem 0 .5rem;font-size:clamp(1.55rem,3vw,2.35rem)}.integration-api-card{min-width:240px;background:#111;color:#d7ffd7;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.integration-api-card code,.integration-api-card strong{display:block}.integration-api-card button{margin-top:.7rem}.integration-status{padding:.75rem 1rem;border-left:3px solid #8b1e3f;background:#f4f4f4}.integration-status[data-state=error]{border-color:#b42318}.integration-status[data-state=loading]{opacity:.75}.integration-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.integration-metrics article,.integration-panel,.integration-catalog article{border:1px solid var(--line,#ddd);background:var(--panel,#fff);padding:1rem}.integration-metrics span,.integration-metrics small{display:block}.integration-metrics strong{font-size:1.75rem}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.integration-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.integration-catalog{display:grid;gap:.75rem;max-height:620px;overflow:auto}.integration-catalog article{display:flex;justify-content:space-between;gap:1rem}.integration-catalog h3{margin:.15rem 0}.integration-card-actions{display:flex;flex-direction:column;gap:.45rem;align-items:flex-end}.integration-card-actions a,.integration-card-actions button{font-size:.82rem}.integration-embed-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.integration-embed-controls label{display:grid;gap:.3rem;font-size:.82rem;font-weight:700}.integration-embed-controls input,.integration-embed-controls select,.integration-embed-code{width:100%;padding:.7rem;border:1px solid var(--line,#ccc);background:var(--surface,#fff);color:inherit}.integration-preview{width:100%;height:340px;border:1px solid var(--line,#ccc);margin-top:.8rem}.integration-embed-code{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.integration-docs{display:grid;gap:.55rem}.integration-docs div{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr;gap:1rem;padding:.65rem;border-bottom:1px solid var(--line,#ddd)}.integration-docs code{font-size:.78rem}.integration-institution{display:flex;gap:1rem;align-items:flex-start}.institution-mark{width:64px;height:64px;background:var(--institution-accent,#8b1e3f);color:#fff;display:grid;place-items:center;font-weight:800}.institution-mark img{max-width:100%;max-height:100%;object-fit:contain}.integration-boundaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.integration-boundaries article{padding:1rem;border:1px solid var(--line,#ddd)}body.scsi-embed-mode .sidebar,body.scsi-embed-mode .topbar,body.scsi-embed-mode .skip-link,body.scsi-embed-mode #launchScreen{display:none!important}body.scsi-embed-mode .app-shell{grid-template-columns:1fr!important}body.scsi-embed-mode main{padding:1rem!important}body.scsi-embed-mode[data-embed-chrome=none] #viewHeader,body.scsi-embed-mode[data-embed-chrome=none] .topbar-controls{display:none!important}@media(max-width:900px){.integration-grid,.integration-boundaries,.integration-metrics{grid-template-columns:1fr}.integration-hero,.integration-catalog article{display:grid}.integration-card-actions{align-items:flex-start}.integration-docs div{grid-template-columns:1fr}.integration-embed-controls{grid-template-columns:1fr}}
