/* Reference styling: neutral scientific tables, sage selections and white structure views. Coordinate and evidence tools stay mounted. */
#journey.j-browser-layout{background:#fff;color:#242729;--j-line:#e3e8e2;--j-cyan:#3c7255}
#journey.j-browser-layout .j-workspace{display:grid;grid-template-columns:minmax(380px,1fr) minmax(520px,1fr);grid-template-rows:auto 1fr;gap:0;height:auto;min-height:calc(100dvh - 88px);max-width:1900px;margin:auto;background:#fff}
.j-browser-layout button,.j-browser-layout select,.j-browser-layout input,.j-browser-layout textarea{font-family:var(--sans)}
.j-browser-layout button:hover{color:#242729}.j-browser-layout button:focus-visible,.j-browser-layout summary:focus-visible{outline:2px solid #548362;outline-offset:3px}
.j-browser-layout .j-kicker{color:#61686e}.j-browser-layout .j-input-bar{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid #e1e4e7;background:#fff;min-width:0;position:relative;z-index:22}
.j-input-bar>details{position:relative;flex-shrink:0}.j-input-bar summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:12px;color:#242729;padding:7px 10px;border:1px solid #e1e4e7;border-radius:5px;cursor:pointer;max-width:300px}
.j-input-bar summary::-webkit-details-marker{display:none}#j-input-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#j-input-options summary{background:#f5f7fa;border-color:#dce0e4;font-weight:600}.j-input-icon{font-size:18px;color:#61686e}.j-chevron{color:#61686e;font-size:13px}.j-browser-layout .j-input-bar .j-kind{margin:0;padding:2px;display:flex;border:1px solid #e1e4e7;border-radius:5px;background:#fff;flex-shrink:0}.j-browser-layout .j-kind button{color:#61686e;font-size:11px;padding:7px 12px;border-radius:3px;white-space:nowrap}.j-browser-layout .j-kind button[aria-pressed=true]{background:#eef0f2;color:#242729}
#j-goal-summary{font-size:11px;color:#61686e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.j-input-popover,.j-goal-popover{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e1e4e7;border-radius:8px;padding:18px;box-shadow:0 10px 35px #26332220;z-index:30}.j-goal-popover{width:350px}.j-browser-layout .j-reference{padding:0;margin:0;border:0}.j-browser-layout .j-reference>.j-kicker{display:none}.j-browser-layout #j-candidate-info h2{font-size:16px;color:#242729;margin:0 0 9px}.j-browser-layout #j-candidate-info h2 span{font-size:10px;color:#61686e}.j-browser-layout #j-candidate-info p,.j-browser-layout #j-candidate-info small{font-size:11px;color:#61686e}.j-browser-layout .j-reference button{color:#242729;font-size:11px;margin-top:16px;display:block}
.j-browser-layout #j-goal-form label{color:#242729;font-size:10px}.j-browser-layout #j-goal{width:100%;min-height:80px;resize:vertical;border:1px solid #e1e4e7;background:#ffffff;border-radius:5px;padding:12px;font-size:12px;color:#242729;margin-top:8px}.j-browser-layout #j-goal-form button{margin-top:12px;border-radius:5px;padding:10px 14px;min-height:34px;font-size:12px;background:#282b2e;color:white!important}
#journey.j-browser-layout .j-sidebar{padding:0;border-right:1px solid #e1e4e7;min-height:0;overflow:visible;background:#fff;position:relative;z-index:16}
.j-browser-layout .j-tier-heading{display:none}.j-list-tabs{display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #e1e4e7;min-height:52px}.j-list-tabs button{display:flex;align-items:center;gap:7px;padding:17px 0 14px;border-bottom:2px solid transparent;font-size:12px;color:#61686e;white-space:nowrap}.j-list-tabs button[aria-pressed=true]{color:#242729;border-color:#dce0e4;font-weight:600}.j-list-tabs button span{padding:2px 5px;font-size:10px;background:#f0f2f3;border-radius:4px;color:#61686e;font-weight:400}
.j-solution-filters{display:flex;align-items:center;gap:10px;padding:14px 22px}.j-solution-filters input,.j-solution-filters select{min-width:0;border:1px solid #e1e4e7;border-radius:4px;background:#fff;color:#61686e;font-size:11px;height:31px;padding:6px 9px}.j-solution-filters input{flex:1;width:160px}.j-solution-filters select{max-width:150px}.j-solution-filters p{font-size:10px;color:#61686e;white-space:nowrap;margin:0}.j-solution-filters input::placeholder{color:#737a80}
.j-browser-layout #j-evolution{border:0;padding:0}.j-browser-layout .j-evolution>div{margin:0}.j-comparison-columns{display:grid!important;grid-template-columns:minmax(0,1fr) 135px 86px;gap:10px;align-items:center}.j-table-heading{height:39px;padding:0 22px;font-size:11px;color:#61686e;background:#f8f9fa;border-block:1px solid #e1e4e7;font-weight:500}.j-browser-layout .j-evolution-cards{display:block}.j-browser-layout .j-evolution-card,.j-reference-row{display:block;border:0;border-bottom:1px solid #e1e4e7;border-radius:0;background:white;position:relative;overflow:hidden}.j-browser-layout .j-evolution-card:has([aria-pressed=true]),.j-reference-row:has([aria-pressed=true]){background:#e2e7e1;border-color:#dce0e4}.j-browser-layout .j-evolution-card:hover,.j-reference-row:hover{background:#f4f6f5}.j-browser-layout .j-evolution-card>button[data-evolution],.j-browser-layout #j-current-protein{width:100%;padding:20px 22px;min-height:154px;border:0;border-radius:0;background:none;text-align:left;font-size:12px;line-height:1.5;color:#242729}
.j-protein-identity{display:flex;align-items:center;gap:12px;min-width:0}.j-row-number{font:10px var(--mono);color:#61686e;flex:none}.j-protein-thumbnail{display:block;width:96px;flex:none}.j-structure-thumbnail{display:block;width:100%;height:auto;overflow:visible}.j-thumbnail-loading{display:grid;place-items:center;height:95px;color:#61686e;font-size:11px}.j-protein-identity>span:last-child{min-width:0}.j-protein-identity strong,.j-feature-identity strong{font-size:13px;font-weight:600;display:block;line-height:1.5}.j-browser-layout .j-evolution-card small,.j-browser-layout .j-reference-row small{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#61686e}.j-select-pill{display:inline-block;font-size:10px;line-height:1.5;background:#d5f4e4;color:#242729;border-radius:3px;padding:2px 7px;margin-top:12px}.j-browser-layout [aria-pressed=true] .j-select-pill{background:#c5edd7;color:#242729}.j-relationship-cell{font-size:11px;color:#242729}.j-source-cell{font:11px var(--mono);color:#242729}.j-browser-layout .j-evolution-card .j-analog-info{position:absolute;bottom:9px;right:15px;padding:4px;border:0;background:transparent;width:24px;font-size:13px;color:#61686e}.j-browser-layout .j-list-help,.j-browser-layout #j-tier-note{margin:18px 22px!important;font-size:10px;line-height:1.6;color:#61686e}.j-browser-layout .j-no-solutions{margin:20px 22px;padding:20px 0;font-size:12px;line-height:1.8;color:#61686e}.j-browser-layout[data-kind=protein] #j-tiers{display:none}.j-browser-layout #j-tiers{padding:18px 22px}.j-browser-layout #j-tiers select{color:#242729;background:#fff;border:1px solid #e1e4e7;border-radius:5px;padding:9px}.j-browser-layout .j-bond-label{color:#61686e;font-size:11px}.j-browser-layout .j-cut-summary{color:#61686e}
.j-feature-columns{display:grid;grid-template-columns:minmax(0,1fr) 65px 135px;align-items:center;gap:12px}.j-feature-row{width:100%;padding:14px 22px;border:0;border-bottom:1px solid #e1e4e7;min-height:120px;text-align:left;background:#fff;color:#242729;font-size:12px}.j-feature-row[aria-pressed=true]{background:#e2e7e1}.j-feature-row:hover{background:#f4f6f5}.j-feature-identity{display:flex;align-items:center;gap:10px;min-width:0}.j-feature-thumbnail{width:78px;flex:none}.j-feature-row small{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#61686e}.j-feature-evidence{font-size:11px}.j-feature-row .j-select-pill{margin-top:8px}
.j-inspection-column{min-width:0;background:#fff;position:relative;z-index:1}.j-browser-layout .j-scene{padding:0;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid #e1e4e7;background:#ffffff}.j-browser-layout .j-scene-heading{padding:15px 22px;min-height:53px;border-bottom:1px solid #e1e4e7;display:flex;align-items:center;background:#fff}.j-browser-layout .j-scene-heading>div{min-width:0;display:flex;align-items:center;gap:10px}.j-browser-layout .j-scene-heading h2{font-size:13px;font-weight:600;letter-spacing:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#242729}.j-browser-layout #j-stage-kicker{font-size:10px;padding:4px 6px;background:#f0f1f2;border-radius:3px;letter-spacing:.4px;order:2;white-space:nowrap}.j-browser-layout #j-scene-description{display:none}.j-browser-layout #j-reset{margin:0 0 0 auto;flex:none;border:0;background:none;color:#61686e;font-size:22px;width:24px;height:24px}
.j-region-controls{display:flex;align-items:center;gap:14px;padding:8px 22px;position:relative;z-index:10;background:#ffffff;border-bottom:1px solid #e1e4e7;min-height:40px}.j-browser-layout .j-functional{margin:0;padding:0;border:0;display:flex;align-items:center;gap:9px;min-width:0;flex:1}.j-browser-layout .j-functional>.j-kicker{display:none}.j-browser-layout .j-functional>label{font-size:10px;color:#61686e;margin:0;white-space:nowrap}.j-browser-layout .j-functional>select{width:auto;min-width:90px;max-width:200px;background:#fff;border:1px solid #e1e4e7;border-radius:4px;color:#242729;padding:6px 8px;font-size:10px}.j-browser-layout .j-region-extra>summary,.j-browser-layout #j-other-regions>summary{font-size:10px;color:#61686e;white-space:nowrap;cursor:pointer;list-style:none}.j-browser-layout .j-region-extra[open],.j-browser-layout #j-other-regions[open]{position:absolute;top:100%;left:16px;width:330px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #e1e4e7;border-radius:7px;background:#fff;max-height:360px;overflow:auto;z-index:12;box-shadow:0 12px 35px #24382120}.j-browser-layout #j-other-regions[open]{left:auto;right:16px}.j-browser-layout .j-region-basis,.j-browser-layout .j-custom-region{color:#61686e}.j-browser-layout .j-custom-region input,.j-browser-layout .j-custom-region select,.j-browser-layout .j-custom-region textarea{background:#ffffff;border-color:#dce0e4;color:#242729}.j-browser-layout .j-suggest-region{background:#f3f5f6;color:#242729;border-color:#dce0e4}.j-browser-layout #j-region-suggestions button{background:#f5f6f7;border:1px solid #e1e4e7;border-radius:5px;padding:10px;text-align:left;font-size:11px;color:#242729}.j-browser-layout #j-region-suggestions button small{display:block;margin-top:4px;color:#61686e;font-size:10px}.j-browser-layout .j-next-suggestions>div{display:grid;gap:8px}.j-browser-layout .j-next-suggestions>span,.j-browser-layout .j-next-suggestions>small{color:#61686e}
.j-browser-layout .j-canvas{flex:none;min-height:0;height:clamp(300px,36dvh,440px);margin:0;background:#ffffff}.j-browser-layout #j-structure-viewer{overflow:hidden}.j-browser-layout .j-canvas-meta{top:12px;left:22px;right:22px;font-size:10px;color:#737a80}.j-browser-layout #j-scene-source{display:none}.j-browser-layout #j-coordinate-count{margin-left:auto}.j-browser-layout .j-scene-caption{bottom:10px;left:22px;color:#737a80;font-size:10px}.j-browser-layout #j-loading{background:#fffffff2;color:#61686e;font-size:12px}.j-browser-layout #j-region-tip{background:#ffffffec;color:#242729;border:1px solid #e1e4e7}.j-browser-layout .j-molecular-label{background:#ffffffea;border-color:#dce0e4;box-shadow:0 2px 6px #3443290a;color:#61686e!important;font-size:10px;padding:5px 8px}.j-browser-layout .j-molecular-label:hover,.j-browser-layout .j-molecular-label:focus-visible{background:#f0f4f1;border-color:#dce0e4}.j-browser-layout .j-boundary-legend{margin:0;padding:3px 22px 0;font-size:10px;color:#8e743b;line-height:1.5}.j-browser-layout .j-boundary-legend i{border-color:#a27e31}.j-browser-layout .j-component-help{padding:0 22px}.j-browser-layout .j-region-picker{margin:7px 0;max-height:62px;gap:6px}.j-browser-layout .j-region-picker button{border:1px solid transparent;padding:5px 8px;border-radius:4px;font-size:10px;color:#61686e;background:none}.j-browser-layout .j-region-picker button.active{border-color:#dce0e4;background:#edf1ee;color:#61686e}.j-browser-layout .j-region-picker button:hover{background:#e9eeea;border-color:#dce0e4}.j-browser-layout .j-dot-0{background:#587b61}.j-browser-layout .j-dot-1{background:#688da2}.j-browser-layout .j-dot-2{background:#9684ab}
.j-browser-layout .j-action-dock{margin:0 22px;padding:10px 0;gap:10px;border-top:1px solid #e1e4e7;flex-wrap:wrap}.j-browser-layout .j-view-switch{background:#fff;border:1px solid #e1e4e7;border-radius:5px;padding:2px;gap:2px}.j-browser-layout .j-view-switch button{min-height:27px;padding:5px 10px;border-radius:3px;font-size:10px;color:#61686e}.j-browser-layout .j-view-switch button[aria-pressed=true]{background:#e5e9e6;color:#242729}.j-browser-layout .j-action-dock .j-main-action{margin-left:auto;border:1px solid #e1e4e7;background:#282b2e;color:#fff;min-height:31px;padding:7px 11px;font-size:10px;border-radius:5px;font-weight:500}.j-browser-layout .j-action-dock .j-main-action:hover{background:#121416;color:#fff!important}.j-browser-layout .j-dock-link{font-size:10px;padding:5px 0;color:#61686e}.j-browser-layout .j-options-row{margin:0;padding:0 22px 8px;gap:12px;background:#ffffff}.j-browser-layout .j-options-row>span{font-size:10px;color:#737a80}.j-browser-layout .j-options-row summary{color:#61686e;font-size:10px;padding:5px 0}.j-browser-layout .j-options-panel{background:#fff;border-color:#dce0e4;border-radius:7px;box-shadow:0 10px 30px #2b432120;color:#61686e}.j-browser-layout .j-options-panel label,.j-browser-layout .j-options-panel #j-stage-note{color:#61686e}.j-browser-layout .j-options-panel select{background:#fff;border-color:#dce0e4;color:#242729}.j-browser-layout .j-options-panel input{accent-color:#668b51}.j-browser-layout .j-sequence{color:#61686e}.j-browser-layout .j-sequence div span{color:#61686e;background:#f5f6f7}.j-browser-layout .j-compare-role{margin:0;padding:2px 22px 9px;color:#61686e;font-size:10px}.j-browser-layout .j-compare-role select{width:auto;background:#fff;border:1px solid #e1e4e7;color:#242729;padding:5px 8px;border-radius:4px;font-size:10px}.j-browser-layout .j-share-status{padding:0 22px 8px;color:#61686e;font-size:10px}
#journey.j-browser-layout .j-insights{padding:18px 22px 14px;border:0;background:#fff;overflow:visible}.j-browser-layout .j-properties-heading{font-size:13px;letter-spacing:0;color:#242729;font-weight:600}.j-metric-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0 5px;border-top:1px solid #e1e4e7}.j-metric-cards article{padding:12px 10px 12px 0;border-bottom:1px solid #e1e4e7;min-width:0}.j-metric-cards article>span{display:block;font-size:10px;color:#61686e}.j-metric-cards strong{display:block;font-size:19px;font-weight:500;color:#242729;margin:7px 0}.j-metric-cards p{font-size:10px!important;line-height:1.6!important;color:#737a80;margin:0;max-width:95%}.j-browser-layout #j-inspection-profile{margin-top:15px}.j-browser-layout #j-inspection-profile svg{display:block;width:100%;height:auto}.j-browser-layout #j-inspection-profile h3{font-size:10px;font-weight:500;color:#61686e;margin:0 0 8px}.j-browser-layout #j-inspection-profile p{font-size:10px;color:#61686e}.j-browser-layout #j-evidence-details{border-top:1px solid #e1e4e7;margin-top:12px;padding-top:10px}.j-browser-layout #j-evidence-details>summary{font-size:10px;color:#61686e;cursor:pointer;list-style:none}.j-browser-layout #j-evidence-details>summary:before{content:'＋';margin-right:7px}.j-browser-layout #j-evidence-details[open]>summary:before{content:'−'}.j-browser-layout #j-detail{padding-top:15px;color:#61686e}.j-browser-layout #j-detail h2,.j-browser-layout #j-detail h3,.j-browser-layout #j-detail h4{color:#242729}.j-browser-layout #j-detail p,.j-browser-layout #j-detail dt,.j-browser-layout #j-detail dd,.j-browser-layout #j-detail li{color:#61686e}.j-browser-layout #j-detail a,.j-browser-layout #j-detail button{color:#61686e}.j-browser-layout #j-detail .j-demo-pill{background:#edf2ee;border-color:#dce0e4;color:#61686e}.j-browser-layout #j-detail .j-effects{background:#f8f9fa;border-color:#dce0e4}.j-browser-layout #j-detail .j-analog,.j-browser-layout #j-detail .j-rationale,.j-browser-layout #j-detail .j-region-evidence{border-color:#dce0e4}.j-browser-layout #j-detail .j-connection strong{color:#99762a}.j-browser-layout #j-detail .j-connection span,.j-browser-layout #j-detail .j-connection small{color:#61686e}.j-browser-layout .j-metric-actions{display:flex;align-items:center;gap:16px;margin-top:12px}.j-browser-layout .j-metric-actions button{margin:0;padding:5px 0;font-size:10px;border:0;background:none;color:#61686e;width:auto}.j-browser-layout #j-evidence{margin-left:auto}
.j-browser-layout .j-analog-preview,.j-browser-layout .j-evolution .j-analog-preview{background:#fff;border:1px solid #e1e4e7;border-radius:8px;box-shadow:0 8px 32px #2b412326;color:#61686e;max-height:min(320px,55dvh)}.j-browser-layout .j-preview-heading h3{color:#242729}.j-browser-layout .j-preview-heading p,.j-browser-layout .j-preview-heading small{color:#61686e}.j-browser-layout .j-preview-close,.j-browser-layout .j-component-preview .j-preview-close{color:#61686e;background:none}.j-browser-layout .j-analog-preview dt{color:#61686e}.j-browser-layout .j-analog-preview dd{color:#61686e}.j-browser-layout .j-preview-sources a{color:#61686e}.j-browser-layout .j-evolution .j-preview-compare{background:#282b2e;color:white}.j-browser-layout .j-component-preview{left:22px}.j-browser-layout .j-counterparts{margin:0;padding:15px 22px}.j-browser-layout .j-counterparts p,.j-browser-layout .j-counterparts>small{color:#61686e;font-size:10px}.j-browser-layout .j-counterpart-list{display:grid;grid-template-columns:1fr;gap:0;max-height:none;margin-top:15px}.j-browser-layout .j-counterpart-list article{padding:18px 0;background:white;border:0;border-block-start:1px solid #e1e4e7;border-radius:0}.j-browser-layout .j-counterpart-list h3{font-size:13px;color:#242729}.j-browser-layout .j-counterpart-list h3 small{color:#737a80;font-size:10px}.j-browser-layout .j-evolution .j-counterpart-list button{border-color:#dce0e4;color:#61686e;font-size:10px;padding:13px 0}.j-browser-layout .j-counterpart-list button strong{font-size:11px}.j-browser-layout .j-counterpart-list button:hover{background:#f0f3f1}.j-browser-layout .j-counterpart-empty{border-color:#dce0e4;background:#f7f8f9}
.j-browser-layout .j-error{margin:12px 22px;background:#fff4ef;color:#a45130;border:1px solid #e1e4e7;padding:10px;font-size:11px}.j-browser-layout .j-footer{position:static;padding:9px 22px;height:auto;min-height:30px;font-size:10px;gap:12px;border-top:1px solid #e1e4e7;background:#fff;color:#737a80}.j-browser-layout .j-footer button{color:#61686e;font-size:10px}.j-browser-layout .j-footer i{background:#76965e}
@media(min-width:1600px){.j-comparison-columns{grid-template-columns:minmax(0,1fr) 170px 100px}.j-protein-thumbnail{width:120px}.j-feature-columns{grid-template-columns:minmax(0,1fr) 85px 160px}.j-feature-thumbnail{width:100px}.j-browser-layout .j-canvas{height:44dvh}}
@media(max-width:1200px){#journey.j-browser-layout .j-workspace{grid-template-columns:minmax(340px,.47fr) minmax(460px,.53fr)}.j-list-tabs{gap:18px;padding:0 16px}.j-list-tabs button{font-size:10px}.j-comparison-columns{grid-template-columns:minmax(0,1fr) 96px 64px;gap:8px}.j-protein-thumbnail{width:64px}.j-row-number{display:none}.j-protein-identity{gap:8px}.j-protein-identity strong{font-size:11px}.j-browser-layout .j-evolution-card>button[data-evolution],.j-browser-layout #j-current-protein{padding:16px;min-height:135px}.j-relationship-cell,.j-source-cell{font-size:10px}.j-browser-layout .j-evolution-card small,.j-browser-layout .j-reference-row small{font-size:10px}.j-solution-filters{padding:12px 16px;flex-wrap:wrap}.j-solution-filters p{width:100%}.j-feature-columns{grid-template-columns:minmax(0,1fr) 40px 90px}.j-feature-thumbnail{width:55px}.j-feature-row{padding:12px 16px}.j-feature-identity strong{font-size:11px}.j-feature-evidence{font-size:10px}.j-browser-layout .j-region-extra>summary{font-size:10px}.j-browser-layout .j-functional>select{max-width:155px}.j-region-controls{gap:8px}.j-browser-layout #j-other-regions>summary{font-size:10px}.j-browser-layout .j-scene-heading>div{gap:7px}.j-browser-layout #j-stage-kicker{font-size:10px}.j-browser-layout .j-action-dock .j-main-action{font-size:10px}}
@media(max-width:850px){#journey.j-browser-layout .j-workspace{display:flex;flex-direction:column}.j-browser-layout .j-input-bar{padding:10px 16px;flex-wrap:wrap;gap:10px}.j-browser-layout #j-goal-summary{display:none}.j-browser-layout .j-input-bar .j-kind{margin-left:auto}.j-browser-layout #j-goal-options>summary{border:0;padding:3px 0;font-size:10px}.j-goal-popover{left:0}.j-browser-layout .j-sidebar{border-right:0;border-bottom:1px solid #e1e4e7}.j-list-tabs{gap:24px;min-height:48px}.j-list-tabs button{font-size:11px}.j-solution-filters{flex-wrap:nowrap}.j-solution-filters p{width:auto;font-size:10px}.j-solution-filters select{max-width:125px}.j-comparison-columns{grid-template-columns:minmax(0,1fr) 100px 65px}.j-table-heading{padding:0 16px;font-size:10px}.j-browser-layout .j-evolution-card>button[data-evolution],.j-browser-layout #j-current-protein{min-height:116px}.j-protein-thumbnail{width:72px}.j-feature-columns{grid-template-columns:minmax(0,1fr) 50px 100px}.j-feature-row{min-height:100px}.j-feature-thumbnail{width:60px}.j-browser-layout .j-canvas{height:360px}.j-browser-layout .j-region-controls{flex-wrap:wrap}.j-browser-layout .j-functional{flex-wrap:wrap}.j-browser-layout .j-functional>select{max-width:195px}.j-browser-layout .j-region-extra>summary,.j-browser-layout #j-other-regions>summary{font-size:10px}.j-browser-layout .j-footer{flex-wrap:wrap}.j-browser-layout .j-footer>span:nth-child(2){display:none}.j-browser-layout .j-insights{padding:18px 16px}}
@media(max-width:450px){.j-input-bar>details:first-child{max-width:195px}.j-browser-layout .j-input-bar{gap:8px;padding:10px 12px}.j-input-bar summary{font-size:11px;padding:6px 7px}.j-browser-layout .j-kind button{font-size:10px;padding:7px}.j-browser-layout .j-input-bar .j-kind{margin-left:0}.j-input-icon{font-size:14px}.j-comparison-columns{grid-template-columns:minmax(0,1fr) 80px 55px;gap:6px}.j-protein-thumbnail{width:49px}.j-protein-identity{gap:6px}.j-protein-identity strong{font-size:10px}.j-browser-layout .j-evolution-card small,.j-browser-layout .j-reference-row small{font-size:10px}.j-relationship-cell,.j-source-cell{font-size:10px}.j-solution-filters{padding:10px 12px;gap:6px}.j-solution-filters select{max-width:115px;font-size:10px}.j-solution-filters p{display:none}.j-browser-layout .j-evolution-card>button[data-evolution],.j-browser-layout #j-current-protein{padding:14px 12px}.j-feature-columns{grid-template-columns:minmax(0,1fr) 36px 82px;gap:7px}.j-feature-row{padding:12px}.j-feature-thumbnail{width:44px}.j-feature-identity{gap:6px}.j-feature-identity strong{font-size:10px}.j-feature-row small{font-size:10px}.j-browser-layout .j-scene-heading{padding:14px 16px}.j-browser-layout .j-scene-heading h2{font-size:11px}.j-browser-layout #j-stage-kicker{font-size:10px}.j-browser-layout .j-action-dock{margin:0 16px}.j-browser-layout .j-action-dock .j-main-action{white-space:normal;max-width:100%}.j-browser-layout .j-options-row{padding:0 16px 8px}.j-browser-layout .j-component-help{padding:0 16px}.j-browser-layout .j-canvas{height:340px}.j-metric-cards strong{font-size:16px}.j-browser-layout .j-list-tabs{gap:20px;padding:0 16px}.j-browser-layout .j-list-tabs button{font-size:10px}}
/* Measurements stay scannable; their scope is available on hover or keyboard focus. */
.j-browser-layout .j-canvas{height:clamp(340px,36dvh,440px)}
.j-metric-cards article{position:relative;padding:10px 10px 10px 0;outline-offset:2px}.j-metric-cards strong{margin:5px 0 0;font-size:18px}.j-metric-cards article:focus-visible{outline:1px solid #71985d}.j-metric-cards p{display:none;position:absolute;left:0;top:calc(100% - 2px);z-index:20;width:235px;max-width:calc(100vw - 45px);padding:10px 12px;border:1px solid #e1e4e7;border-radius:5px;background:#fff;box-shadow:0 5px 20px #2c3e211a;font-size:10px!important;color:#61686e}.j-metric-cards article:nth-child(3n) p{left:auto;right:0}.j-metric-cards article:hover p,.j-metric-cards article:focus p{display:block}
.j-browser-layout #j-inspection-profile svg{max-height:125px}.j-browser-layout #j-inspection-profile{margin-top:12px}.j-browser-layout[data-list-view=features] #j-tier-note{display:none}
@media(max-width:850px){.j-browser-layout .j-canvas{height:360px}}
@media(max-width:450px){.j-browser-layout .j-canvas{height:340px}}

/* Typography and table formatting follow the supplied platform reference. */
#journey.j-browser-layout{color:#242729;font-family:var(--sans)}
.j-browser-layout .j-input-bar{min-height:54px;padding-block:9px;gap:14px}
.j-browser-layout #j-input-options summary{background:#f3f7fd;border-color:#adc6e5;color:#243346;border-radius:4px}
.j-browser-layout .j-input-icon{color:#507baa}.j-browser-layout .j-chevron{color:#777e85}
.j-browser-layout .j-kind button[aria-pressed=true]{background:#edf0f2;color:#2d3439}
.j-browser-layout .j-input-popover,.j-browser-layout .j-goal-popover{border-color:#dce1e6;box-shadow:0 10px 30px #18202c1a}
.j-browser-layout .j-list-tabs{background:#fafbfc;gap:24px;min-height:48px}
.j-browser-layout .j-list-tabs button{font-size:12px;color:#656b71;padding:15px 0 13px}
.j-browser-layout .j-list-tabs button[aria-pressed=true]{color:#202427;border-bottom-color:#282d31;font-weight:600}
.j-browser-layout .j-list-tabs button span{background:#e9edef;color:#606a70;font-size:10px;border-radius:3px}
.j-browser-layout .j-solution-filters input,.j-browser-layout .j-solution-filters select{font-size:12px;color:#3a4147;border-color:#dce1e6;border-radius:4px}
.j-browser-layout .j-table-heading{height:40px;background:#f8f9fa;border-color:#e4e7ea;font-size:12px;font-weight:600;color:#272d32}
.j-browser-layout .j-protein-identity strong,.j-browser-layout .j-feature-identity strong{font-size:14px;color:#252a2e;font-weight:600;line-height:1.4}
.j-browser-layout .j-evolution-card small,.j-browser-layout .j-reference-row small{font:11px/1.5 var(--sans);color:#666e74}
.j-browser-layout .j-relationship-cell,.j-browser-layout .j-feature-evidence{font-size:12px;color:#333a40}
.j-browser-layout .j-source-cell{font:12px var(--sans);font-variant-numeric:tabular-nums;color:#333a40}
.j-browser-layout .j-select-pill{font-size:10px;color:#286046;background:#d5f4e4;border-radius:3px;font-weight:600;padding:2px 7px}
.j-browser-layout [aria-pressed=true] .j-select-pill{background:#c5edd7;color:#24583e}
.j-browser-layout .j-row-number{font:11px var(--sans);font-variant-numeric:tabular-nums;color:#737b80}
.j-browser-layout .j-feature-row small{font-size:11px;color:#666e74}
.j-browser-layout .j-scene-heading h2{font-size:14px;color:#262b2f;letter-spacing:0}
.j-browser-layout #j-stage-kicker{font:600 10px var(--sans);letter-spacing:0;color:#4b5258;background:#eef0f2;border-radius:3px;padding:4px 7px}
.j-browser-layout .j-functional>label,.j-browser-layout .j-functional>select{font-size:11px}
.j-browser-layout .j-properties-heading{font:600 14px var(--sans);letter-spacing:0;color:#24292d}
.j-browser-layout .j-metric-cards article>span{font-size:11px;color:#646c72}
.j-browser-layout .j-metric-cards strong{font-size:19px;font-weight:500;color:#272d32;font-variant-numeric:tabular-nums}
.j-browser-layout .j-metric-cards p{color:#596269;border-color:#dce1e6;box-shadow:0 5px 20px #18202c16}
.j-browser-layout .j-action-dock .j-main-action{background:#282b2e;border-color:#282b2e;color:#fff;font-size:11px;font-weight:500;border-radius:4px}
.j-browser-layout .j-action-dock .j-main-action:hover{background:#101316;color:#fff!important}
.j-browser-layout .j-view-switch{border-color:#d8dde1;border-radius:4px}
.j-browser-layout .j-view-switch button{font-size:11px;color:#60686d}
.j-browser-layout .j-view-switch button[aria-pressed=true]{background:#e5e9e6;color:#28352c;font-weight:600}
.j-browser-layout .j-region-picker button{font-size:10px;color:#626c65}
.j-browser-layout .j-region-picker button.active{background:#e9eeea;border-color:#cbd6ce;color:#36513f}
.j-browser-layout .j-dot-0{background:#6c8875}.j-browser-layout .j-dot-1{background:#89a38d}.j-browser-layout .j-dot-2{background:#537565}
.j-browser-layout .j-molecular-label{border-color:#cdd7d0;background:#ffffffed;box-shadow:0 2px 6px #202a2310}
.j-browser-layout .j-analog-preview dt{color:#30383d}.j-browser-layout .j-analog-preview dd{color:#626a70}
.j-browser-layout .j-preview-sources a{color:#426c98}.j-browser-layout .j-evolution .j-preview-compare{background:#282b2e;color:white}
.j-browser-layout .j-footer{font:10px var(--sans);color:#71797e;margin-inline:0;width:100%;letter-spacing:0}
.j-browser-layout .j-footer button{font-size:10px;color:#626d75}
@media(max-width:1200px){.j-browser-layout .j-protein-identity strong,.j-browser-layout .j-feature-identity strong{font-size:12px}.j-browser-layout .j-relationship-cell,.j-browser-layout .j-source-cell,.j-browser-layout .j-feature-evidence{font-size:11px}}
@media(max-width:450px){.j-browser-layout .j-list-tabs{gap:18px}.j-browser-layout .j-list-tabs button{font-size:11px}.j-browser-layout .j-solution-filters input,.j-browser-layout .j-solution-filters select{font-size:11px}.j-browser-layout .j-table-heading{font-size:11px}.j-browser-layout .j-evolution-card small,.j-browser-layout .j-reference-row small{font-size:10px}.j-browser-layout .j-protein-identity strong,.j-browser-layout .j-feature-identity strong{font-size:11px}.j-browser-layout .j-relationship-cell,.j-browser-layout .j-source-cell,.j-browser-layout .j-feature-evidence{font-size:10px}.j-browser-layout .j-metric-cards strong{font-size:17px}.j-browser-layout .j-metric-cards article>span{font-size:10px}.j-browser-layout .j-input-bar{gap:8px}.j-browser-layout .j-action-dock .j-main-action{font-size:10px}}
@media(min-width:1201px){.j-browser-layout .j-protein-thumbnail{width:132px}.j-browser-layout .j-feature-thumbnail{width:92px}}
@media(min-width:1600px){.j-browser-layout .j-protein-thumbnail{width:160px}.j-browser-layout .j-feature-thumbnail{width:110px}}
.j-search-goal-controls{display:flex;align-items:center;gap:10px;padding:0 18px 14px;flex-wrap:wrap}.j-search-goal-controls #j-goal-options{position:relative;flex:none}.j-search-goal-controls #j-goal-options>summary{display:flex;align-items:center;gap:12px;padding:8px 11px;font-size:11px;border:1px solid #dde3d9;border-radius:5px;color:#44513f;cursor:pointer;list-style:none;background:#fff}.j-search-goal-controls #j-goal-summary{flex-basis:100%;font-size:10px;max-width:100%;color:#7c8679}.j-upload-icon{display:grid;place-items:center;width:33px;height:33px;padding:7px;border:1px solid #dde3d9;border-radius:5px;color:#52634d;background:#fff}.j-upload-icon:hover{background:#edf2e7}.j-upload-icon svg,.j-upload-drop svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.j-upload-drop{position:relative;display:grid;justify-items:center;gap:10px;border:1px dashed #b8c6b0;border-radius:8px;background:#fafcf7;padding:26px 18px;margin:20px 0;cursor:pointer;font-size:12px;color:#596b52}.j-upload-drop svg{width:28px;height:28px}.j-upload-drop input{max-width:100%;font-size:12px}.j-upload-drop span{font-size:11px;color:#7c8976}.j-uploaded-comparisons{padding:0 18px}.j-uploaded-comparisons>button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 8px;border:0;border-top:1px solid #e1e7dd;background:#fafcf7;text-align:left;color:#42533b;font-size:11px}.j-uploaded-comparisons small{display:block;font-size:10px;color:#7d8878;margin-top:5px}.j-upload-comparison-dialog{width:min(1250px,96vw)!important;max-width:96vw!important}.j-upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.j-upload-pair>section{min-width:0;border:1px solid #e1e6dc;border-radius:9px;padding:12px}.j-upload-pair header{display:flex;align-items:center;justify-content:space-between;gap:10px}.j-upload-pair h3{font-size:14px;overflow-wrap:anywhere}.j-upload-pair header span{font-size:10px;color:#7c8878}.j-upload-viewer{height:330px;width:100%;position:relative;overflow:hidden}.j-upload-controls{display:flex;gap:8px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.j-upload-controls [aria-pressed=true]{background:#e5eedf;border-color:#9db18f}.j-upload-hover{font-size:11px;min-height:18px;color:#75806e}.j-upload-metrics{width:100%;margin-top:15px}.j-upload-metrics caption{text-align:left;font-size:13px;font-weight:600;margin-bottom:12px}.j-search-goal-controls .j-goal-popover{z-index:40}
@media(max-width:700px){.j-upload-pair{grid-template-columns:1fr}.j-upload-viewer{height:270px}.j-search-goal-controls{padding:0 16px 12px}.j-browser-layout .j-search-goal-controls #j-goal-summary{display:block}.j-upload-metrics{font-size:11px}.j-upload-comparison-dialog{max-height:94dvh;overflow:auto}}
.j-empty-design{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff;padding:30px;color:#39483e}.j-empty-design[hidden]{display:none}.j-empty-design h2{font-size:21px;font-weight:550;letter-spacing:-.4px;margin:0 0 10px}.j-empty-design p{font-size:12px;line-height:1.7;color:#7c887d;max-width:350px;margin:0 0 20px}.j-empty-design>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.j-empty-design .button{font-size:11px}.j-empty-design>.j-text-button{margin:18px 0 5px;font-size:11px}.j-empty-design>small{font-size:10px;color:#8a9389;max-width:310px}.j-empty-state .j-canvas-meta,.j-empty-state .j-scene-caption,.j-empty-state .j-options-row,.j-empty-state .j-action-dock,.j-empty-state .j-region-controls,.j-empty-state .j-component-help{visibility:hidden}.j-empty-state .j-footer>span{visibility:hidden}
.j-empty-design .button.gold{font-size:12px}