:root{--ink:#233641;--muted:#71818c;--teal:#176e78;--line:#e1e8ec;--surface:#fff}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--ink);margin:0;background:#f5f7f9}.container-fluid{padding:0}.brandbar{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand-logo{width:56px;height:56px;object-fit:contain;flex:0 0 auto}.brand-symbol{font-size:49px;color:var(--teal);line-height:1}.brand strong{display:block;font-size:17px;letter-spacing:1.6px;font-weight:750}.brand span:not(.brand-symbol){display:block;font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.35px}.brand-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;background:#60a793;border-radius:50%}.version-pill{margin-left:16px;border:1px solid var(--line);padding:7px 12px;border-radius:5px;font-size:11px;letter-spacing:.4px}.bslib-sidebar-layout{border:0!important;border-radius:0!important;background:#f5f7f9!important;min-height:calc(100vh - 80px)}.bslib-sidebar-layout>.sidebar{border-right:1px solid var(--line)}.bslib-sidebar-layout>.sidebar>.sidebar-content{padding:28px 22px;gap:0}.bslib-sidebar-layout>.main{padding:0;overflow:visible}.main-content{padding:31px 32px 20px;max-width:1800px;margin:auto}.eyebrow{font-size:10px;font-weight:750;color:var(--teal);letter-spacing:1.8px;margin-bottom:13px}.page-intro h1{font-size:30px;font-weight:650;letter-spacing:-.8px;margin:0 0 10px}.page-intro p{color:var(--muted);font-size:14px;margin-bottom:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:27px}.metric{padding:18px 22px;position:relative}.metric+.metric:before{content:"";height:55%;left:0;top:23%;width:1px;background:var(--line);position:absolute}.metric-label{font-size:10px;letter-spacing:1.35px;font-weight:700;color:var(--muted)}.metric-value{font-size:28px;font-weight:600;letter-spacing:-.8px;margin:3px 0}.metric-note{font-size:11px;color:var(--muted)}.nav-tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:0}.nav-tabs .nav-link{background:transparent!important;border:0;border-radius:0;color:#6b7d88;font-size:13px;padding:14px 0 13px;border-bottom:3px solid transparent;white-space:nowrap}.nav-tabs .nav-link i{margin-right:7px;font-size:12px}.nav-tabs .nav-link.active{color:var(--teal);font-weight:700;border-bottom:3px solid var(--teal)}.tab-intro{margin:27px 0 20px}.tab-intro h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:7px}.tab-intro p{font-size:13px;color:var(--muted);margin-bottom:0}.control-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.control-row>.shiny-input-container{width:210px;margin:0}.control-row .form-label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.1px}.context-note{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;border-left:2px solid #bdd8d9;padding-left:14px;margin-left:auto}.context-note strong{font-size:12px;color:#41636b;font-weight:600}.plot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.atlas-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:18px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 21px 5px;gap:12px}.card-heading h3{font-size:15px;font-weight:650;margin:0 0 7px;color:#294752;letter-spacing:-.1px}.card-heading p{font-size:11px;color:var(--muted);margin:0 0 5px}.plot-downloads{display:flex;gap:11px;padding-top:1px;white-space:nowrap;font-size:10px;letter-spacing:.5px}.plot-downloads a{color:#768994;text-decoration:none}.plot-downloads a:hover{color:var(--teal)}.shiny-plot-output{max-width:100%}.legend-card .card-heading{padding-bottom:18px}.legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 30px;padding:0 23px 24px}.legend-group{padding-left:11px;border-left:3px solid #ccc}.legend-group h4{font-size:12px;margin:0 0 9px;font-weight:650}.legend-row{display:flex;align-items:center;font-size:11px;gap:7px;line-height:1.8}.swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legend-count{margin-left:auto;color:#8796a0;font-size:10px;font-variant-numeric:tabular-nums}.small-note{font-size:10px!important;line-height:1.6;color:var(--muted);margin:5px 0 14px}.sidebar .form-label{font-size:12px;font-weight:600;margin-bottom:9px}.sidebar .shiny-input-container{width:100%;margin-bottom:12px}.sidebar .checkbox{font-size:12px}.sidebar-divider{border-top:1px solid var(--line);margin:17px 0 21px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sidebar-heading h3{font-size:14px;margin:0;font-weight:650}.sidebar-heading a{font-size:10px;color:var(--teal);text-decoration:none}.filter-section{border-bottom:1px solid #edf1f3;padding:12px 0}.filter-section summary{font-size:12px;font-weight:600;cursor:pointer;color:#4e6470;list-style:none;display:flex;align-items:center;justify-content:space-between}.filter-section summary:after{content:"+";color:#93a2ab;font-size:16px}.filter-section[open] summary:after{content:"−"}.filter-section[open] summary{margin-bottom:14px}.filter-actions{display:flex;gap:15px;margin-bottom:10px}.filter-actions a{font-size:10px;text-decoration:none}.filter-section .shiny-options-group{max-height:280px;overflow-y:auto}.filter-section .checkbox{margin:7px 0}.sidebar-foot{margin-top:28px;padding:13px 12px;background:#f4f8f8;border-radius:6px;color:#56767c;font-size:10px;line-height:1.6}.sidebar-foot p{margin:5px 0 0;color:#799096}.selectize-input,.form-select,.form-control{border-color:#dce4e8!important;border-radius:5px!important;font-size:12px!important;box-shadow:none!important}.selectize-input{min-height:38px!important;padding:10px 12px!important}.form-select{padding-top:10px;padding-bottom:10px}.gene-panel{padding:18px 21px 13px}.gene-panel .shiny-input-container{margin-bottom:9px}.gene-status{font-size:11px;color:var(--teal);font-weight:600}.input-warning{font-size:12px;color:#9a6223;background:#fff8e9;border-radius:5px;padding:9px 12px;margin-top:8px}.inline-options{display:flex;gap:24px;font-size:12px;margin-bottom:12px}.inline-options .shiny-input-container{width:auto}.card-note{padding:12px 21px;background:#fafcfd;border-top:1px solid #edf1f3;font-size:11px;line-height:1.5;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prose{padding:23px 25px;font-size:13px;line-height:1.75;color:#5e7581}.prose h3{font-size:17px;color:#294752;font-weight:600;margin-bottom:17px}.export-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{font-size:12px;border-radius:5px;padding:9px 13px}.btn-default,.btn-secondary{color:var(--teal);background:#f1f7f7;border:1px solid #cfe0e1}.secondary-download{margin:5px 0 12px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#91a0a9;margin:28px 0 0;padding-top:19px}.empty-banner{padding:15px 18px;color:#8e5d20;background:#fff8e9;border:1px solid #ecd8b2;border-radius:7px;margin:0 0 20px}.shiny-output-error-validation{padding:25px;color:#947044;font-size:13px}.recalculating{opacity:.45!important;transition:opacity .25s}
@media(min-width:1600px){.legend-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.main-content{padding:36px 42px}}
@media(max-width:1200px){.main-content{padding:25px 20px}.brandbar{padding:0 22px}.metric{padding:17px 14px}.nav-tabs{gap:15px}.nav-tabs .nav-link{font-size:12px}.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.context-note{display:none}}
@media(max-width:900px){.plot-grid,.about-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line)}.brand-meta{display:none}.nav-tabs{gap:13px}.nav-tabs .nav-link{font-size:11px}.nav-tabs .nav-link i{display:none}.page-intro h1{font-size:25px}.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.main-content{padding:22px 14px}.brandbar{height:68px;padding:0 17px}.brand-logo{width:42px;height:42px}.brand strong{font-size:12px;letter-spacing:.8px}.brand span:not(.brand-symbol){font-size:9px;letter-spacing:0}.brand-symbol{font-size:40px}.metric-value{font-size:24px}.metric-note{font-size:10px}.nav-tabs{gap:10px;flex-wrap:wrap}.nav-tabs .nav-link{padding:10px 0;font-size:10px}.legend-grid{grid-template-columns:1fr 1fr;gap:20px}.control-row>.shiny-input-container{width:100%}.card-heading{padding:16px 15px 5px}.card-heading p{font-size:10px}.page-footer{flex-direction:column;gap:7px}.tab-intro h2{font-size:19px}}

.browser-frame-shell{background:#e7edf0;border:1px solid #d5e0e4;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px rgba(33,58,68,.08);min-height:900px}.genome-browser-frame{display:block;width:100%;height:calc(100vh - 235px);min-height:900px;border:0;background:#f5f7f1}.browser-frame-note{font-size:11px;color:var(--muted);padding:13px 2px 4px}.browser-frame-note strong{color:#41636b}
@media(max-width:560px){.browser-frame-shell{margin-inline:-3px;min-height:760px}.genome-browser-frame{height:calc(100vh - 190px);min-height:760px}}
/* Genome tracks have their own controls and use the full atlas width. */
body:has(#view [data-value="genome"].active) .bslib-sidebar-layout{display:block!important}
body:has(#view [data-value="genome"].active) .bslib-sidebar-layout>.main{padding:0!important;opacity:1!important;pointer-events:auto!important;height:auto!important}
body:has(#view [data-value="genome"].active) .bslib-sidebar-layout>.sidebar,
body:has(#view [data-value="genome"].active) .bslib-sidebar-layout>.collapse-toggle,
body:has(#view [data-value="genome"].active) .page-intro,
body:has(#view [data-value="genome"].active) #metrics,
body:has(#view [data-value="genome"].active) #empty_state{display:none!important}
body:has(#view [data-value="genome"].active) .main-content{padding:0;max-width:none;width:100%}
body:has(#view [data-value="genome"].active) .page-footer{margin:0;padding:20px 32px;background:#fff}
.browser-frame-shell{border:0;border-radius:0;box-shadow:none;min-height:650px;margin:0;background:#f6f5f1}
.genome-browser-frame{height:1100px;min-height:650px}
.brandbar{min-height:88px;height:auto;padding-top:12px;padding-bottom:12px;gap:20px}
.brand{min-width:0}.brand strong{font-size:22px;letter-spacing:-.45px;line-height:1.2}.brand span:not(.brand-symbol){letter-spacing:.15px;font-size:12px}
@media(max-width:700px){.brandbar{padding:12px 17px;min-height:76px}.brand strong{font-size:18px}.brand span:not(.brand-symbol){font-size:10px}.brand-logo{width:48px;height:48px}.brand{gap:10px}}
@media(max-width:400px){.brand strong{font-size:16px}.brand span:not(.brand-symbol){font-size:8.5px}.brand-logo{width:42px;height:42px}}

/* Shared navigation stays in the same position for every atlas view. */
.atlas-navigation{background:var(--surface);border-bottom:1px solid var(--line);padding:0 32px}
.atlas-navigation #view{border:0;gap:30px;margin:0;flex-wrap:wrap}
.atlas-navigation #view .nav-link{font-size:13px;padding:15px 0 13px;line-height:20px}
.atlas-navigation #view .nav-link:hover{color:var(--teal)}
.atlas-navigation #view .nav-link:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.bslib-sidebar-layout{min-height:calc(100vh - 139px)}
.atlas-card{border-radius:7px}
.browser-frame-shell,.genome-browser-frame{background:#f5f7f9}
.brand strong,.brand span:not(.brand-symbol),.eyebrow,.page-intro h1,.tab-intro h2,.card-heading h3{letter-spacing:0}
@media(max-width:700px){
  .atlas-navigation{padding:0 17px}
  .atlas-navigation #view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .atlas-navigation #view .nav-link{width:100%;text-align:left;white-space:normal;font-size:12px;padding:10px 0;min-height:43px}
  .atlas-navigation #view .nav-link i{display:none}
}