:root{--paper:#f6f5f1;--white:#fff;--ink:#28382f;--text:#39443f;--muted:#7b827b;--line:#e3e5dc;--green:#294e3f;--pale:#eaf0e7;--rust:#ad6246;--atac:#3f7d73;--ac:#bb784c;--me3:#8874a8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font:14px/1.5 var(--sans)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a1baa4;outline-offset:3px}button,input,select{border-radius:5px}button{background:transparent;border:none}input[type=checkbox]{accent-color:var(--green)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}.topbar{height:86px;background:#fcfcf9;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:50px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;font-size:26px;font-weight:650;letter-spacing:-1px;line-height:1.05;flex-shrink:0}.brand-mark-image{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#f2f8f4;border:1px solid #d7e3d9;overflow:hidden;flex-shrink:0}.brand-mark-image img{display:block;width:100%;height:100%;object-fit:cover}.brand-copy{display:block;min-width:0}.brand-title{display:block;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:42px;background:var(--green);border-radius:12px 4px 12px 4px;color:#f4f4e9;font:italic 34px Georgia;letter-spacing:-10px;padding-right:8px;overflow:hidden}.brand-mark span{font-size:28px;transform:translateY(4px)}.brand-sub{display:block;font-size:8px;font-weight:600;letter-spacing:1.2px;margin-top:8px;color:#71806f;white-space:nowrap}.topbar nav{display:flex;align-self:stretch;gap:29px;margin-left:27px}.topbar nav a{display:flex;align-items:center;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent;color:#82877f}.topbar nav a.active{border-color:var(--green);color:var(--green);font-weight:650}.header-status{margin-left:auto;font:9px var(--mono);letter-spacing:.6px;color:#7d897d;white-space:nowrap}.header-status i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73916c;margin-right:7px}.header-assembly{color:#a5aaa1}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.75px;color:#8a907f}.tiny-line{display:inline-block;width:20px;height:1px;background:#8b997e;vertical-align:middle;margin-right:9px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border-radius:5px;padding:13px 20px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s}.button.primary{background:var(--green);color:white;border:1px solid var(--green)}.button.primary:hover{background:#1d3b2e}.button.outline{border:1px solid #d6dcd1;background:#fbfcf8}.button.outline:hover{background:var(--pale)}.button.compact{padding:9px 14px;font-size:11px}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:11px;font-weight:550}.text-link:hover{color:var(--rust)}.hero{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;gap:80px;padding:91px 76px 82px}.hero h1{font:52px/1.14 Georgia,"Times New Roman",serif;letter-spacing:-1.3px;margin-top:26px}.hero h1 em{font-weight:400;color:#72876a}.hero-description{font-size:13px;line-height:1.8;max-width:420px;margin-top:26px;color:#748073}.hero-chinese{color:#8b9486;font-size:11px;margin-top:12px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:29px}.hero-meta{font:9px var(--mono);color:#979b8f;margin-top:27px}.hero-meta span{margin:0 10px}.preview-card{align-self:center;background:#fff;border:1px solid #dde3d8;border-radius:10px;padding:27px 29px 0;box-shadow:0 12px 40px #31442706;transform:rotate(-1deg)}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center}.preview-top .eyebrow{font-size:8px}.live-badge{font:7px var(--mono);border:1px solid #d4dfd0;padding:4px 6px;border-radius:3px;color:#6b8965}.preview-title{display:flex;align-items:baseline;gap:15px;margin-top:28px}.preview-title h2{font:29px Georgia}.preview-title>span{font-size:10px;color:var(--muted)}#hero-preview{margin-top:15px;min-height:208px}.preview-bottom{margin-top:12px;margin-left:-29px;margin-right:-29px;padding:18px 29px;border-top:1px solid #eef0e9;font-size:9px;color:#8d9585}.preview-bottom a{color:var(--green)}.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);max-width:1298px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:31px Georgia;color:#455841}.stat span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px;color:#8f9589}.home-section{max-width:1298px;margin:70px auto;padding:0 0 20px}.home-section h2{font:29px Georgia;margin-top:15px}.home-section>div>p{color:#92988c;font-size:11px;margin-top:11px}.dataset-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.dataset-card{padding:27px 30px;background:#fcfcf9;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr auto;cursor:pointer;text-align:left}.dataset-card:hover{border-color:#a2b294}.dataset-card .dataset-number{font:11px var(--mono);color:#8b9b80}.dataset-card h3{font:21px Georgia;margin:12px 0 8px}.dataset-card p{font-size:11px;line-height:1.8;color:#8a9384;max-width:440px}.dataset-card .arrow{font-size:25px;grid-column:2;grid-row:1/4;align-self:center;color:#728767}.resource-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 5.5%;font-size:9px;color:#8c9385}.resource-footer a{text-decoration:underline;text-underline-offset:3px}.browser-page{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 86px)}.sidebar{border-right:1px solid var(--line);background:#f1f2ec;position:relative}.sidebar-heading{padding:29px 23px 24px;border-bottom:1px solid var(--line)}.sidebar-heading h2{font-size:17px;font-weight:550;margin-top:8px;letter-spacing:-.2px;display:flex;justify-content:space-between;align-items:center}.sidebar-heading h2 span{color:#a3ad98;font-size:20px;font-weight:400}.sidebar .eyebrow{font-size:8px;letter-spacing:1.5px}.filter-section{padding:19px 23px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:650;color:#687660;margin-bottom:13px}.section-label>span{font:9px var(--mono);color:#9ba48e;letter-spacing:0}.dataset-select select{width:100%;border:1px solid #d9dece;background:#fafbf5;font-size:11px;padding:9px 5px;color:#43523c}.small-note{font-size:9px;line-height:1.7;color:#8a937f;margin-top:9px}.selection-actions{display:flex;gap:7px;margin-top:-5px;margin-bottom:12px;font-size:9px;color:#829476}.selection-actions button{padding:0;font-size:9px}.selection-actions button:hover{text-decoration:underline}.selection-actions>span{color:#bec5b6}.check-list{display:flex;flex-direction:column;gap:9px}.check-row{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;color:#65705e;position:relative}.check-row input{width:13px;height:13px;margin:0;flex-shrink:0}.check-row:has(input:checked){color:#334c31}.check-row .cell-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;margin-left:auto}.check-row .cell-code{font:8px var(--mono);color:#9ba58f;margin-left:auto}.check-row .assay-dot{width:7px;height:7px;border-radius:2px;margin-left:auto}.check-row small{font-size:8px;color:#929a89;margin-left:3px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:10px;cursor:pointer;margin-top:12px}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:26px;height:14px;background:#cbd0c2;border-radius:12px;margin-left:auto;position:relative}.switch:before{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;background:white;border-radius:50%;transition:transform .15s}.toggle-row input:checked~.switch{background:#6b8760}.toggle-row input:checked~.switch:before{transform:translateX(12px)}.toggle-row input:focus-visible~.switch{outline:3px solid #a1baa4;outline-offset:3px}.sidebar-bottom{padding:20px 23px;display:flex;align-items:center;font-size:9px;color:#869079}.sidebar-bottom .status-dot{width:5px;height:5px}.browser-main{padding:28px 35px 35px;min-width:0;max-width:1800px;width:100%;margin:0 auto}.browser-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px}.browser-heading .eyebrow{font-size:8px}.browser-heading h1{font:29px Georgia;letter-spacing:-.6px;margin-top:7px;display:flex;gap:14px;align-items:center}.assembly-pill{border:1px solid #d6ddcc;border-radius:4px;background:#eef1e6;color:#8b977c;font:8px var(--mono);padding:4px 6px;letter-spacing:0}.locus-navigation{display:flex;gap:12px}.search-form{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce1d3;border-radius:5px;padding:0 13px;flex:1;height:43px;min-width:160px}.search-icon{font-size:24px;color:#8d9b80;line-height:1}.search-form input{width:100%;min-width:0;border:0;background:transparent;outline:0;font:11px var(--mono);color:#4c5c42}.search-form input::placeholder{color:#a7ad9e;font-family:var(--sans)}.search-go{font-size:18px;color:#8f9f81;min-width:25px}.locus-select-wrap{display:flex;align-items:center;gap:13px;border:1px solid #dce1d3;border-radius:5px;background:#fafbf6;padding:0 12px;font-size:8px;letter-spacing:1px;color:#969f88}.locus-select-wrap select{border:0;background:transparent;font:11px var(--mono);color:#56674b;min-width:100px;height:39px}.preset-row{display:flex;align-items:center;gap:15px;margin:13px 0 21px;font-size:8px;letter-spacing:1px;color:#969d8e;min-height:23px;flex-wrap:wrap}.preset-row>div{display:flex;gap:5px;flex-wrap:wrap}.preset-row button{font:9px var(--mono);border:1px solid transparent;border-radius:4px;padding:4px 8px;color:#8c9780}.preset-row button:hover{background:#e9eee2}.preset-row button.active{border-color:#d9e2d0;background:#eaf0e4;color:#526d40}.locus-count{margin-left:auto;font:8px var(--mono);letter-spacing:0}.locus-card{border:1px solid #dfe3d7;border-radius:7px;background:white;overflow:hidden}.locus-card-top{display:flex;justify-content:space-between;align-items:center;padding:21px 21px 17px;gap:10px}.locus-name-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.locus-name-line h2{font:25px Georgia;color:#2d4633}.locus-name-line>span{font-size:10px;color:#9aa28f}.locus-position{display:flex;align-items:center;gap:9px;margin-top:6px;font:9px var(--mono);color:#8d9881;flex-wrap:wrap}.divider{color:#c4cabd}.soft-badge{font:8px var(--sans);background:#edf1e7;color:#869678;padding:3px 6px;border-radius:3px}.viewport-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.viewport-controls button{border:1px solid #e4e8dd;border-radius:4px;color:#829174;min-width:27px;height:27px;font:15px var(--mono)}.viewport-controls button:hover:enabled{background:#edf2e5}.viewport-controls button.reset-button{font:9px var(--sans);padding:0 9px;margin-left:3px}.track-toolbar{border-block:1px solid #edf0e7;background:#fafbf7;padding:9px 21px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#8c9880}.track-toolbar b{color:#6a8259;font-weight:600}.track-toolbar .status-dot{width:5px;height:5px;margin-right:4px}.toolbar-separator{margin:0 9px;color:#b5bdac}.track-canvas{padding:8px 9px 3px;overflow-x:auto;min-height:200px;position:relative}.track-canvas svg{display:block;width:100%;min-width:570px}.state-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px;padding:15px 14px;border-top:1px solid #edf0e7;font:8px var(--mono);color:#8b927f}.legend-title{font:8px var(--sans);letter-spacing:.8px;color:#8a9780}.legend-item{display:flex;gap:4px;align-items:center}.legend-color{display:inline-block;width:12px;height:7px;border-radius:1px}.masked-swatch{background:repeating-linear-gradient(135deg,#fff,#fff 2px,#d9ddd3 2px,#d9ddd3 3px);border:1px solid #e3e6dd}.plot-caption{border-top:1px solid #edf0e7;display:flex;justify-content:space-between;gap:10px;padding:12px 20px;font-size:8px;color:#98a08e;background:#fcfcfa}.plot-caption>span:last-child{white-space:nowrap;color:#acb49f}.browser-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:19px;align-items:flex-start}.interpretation-note{display:flex;gap:9px;align-items:flex-start;max-width:730px;font-size:9px;line-height:1.8;color:#949c88}.note-symbol{font:10px Georgia;border:1px solid #b6c0aa;border-radius:50%;width:13px;height:13px;flex-shrink:0;text-align:center;line-height:12px;margin-top:2px}.browser-bottom .text-link{font-size:9px;white-space:nowrap;color:#748867;margin-top:1px}.source-details{margin-top:18px;font-size:9px;line-height:1.9;color:#8a9780}.source-details summary{cursor:pointer;width:max-content}.source-details>div{margin-top:10px;padding:14px 18px;background:#eeefe8;border-radius:5px;word-break:break-word}.source-details code{font:8px var(--mono)}.rna-panel{margin-top:18px;background:white;border:1px solid var(--line);border-radius:7px;padding:20px}.rna-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.rna-header h3{font-size:12px;font-weight:550}.rna-header span{font-size:9px;color:#9ba48e}.rna-table{width:100%;border-collapse:collapse;font-size:10px}.rna-table th{text-align:left;color:#929c87;font-size:8px;font-weight:500;border-bottom:1px solid var(--line);padding:8px}.rna-table td{padding:7px 8px;border-bottom:1px solid #f0f2ea}.rna-bar-cell{width:27%}.rna-bar{height:6px;background:#78916c;border-radius:1px;min-width:1px}.rna-bar.rt{background:#bd926b}.condition-key{display:inline-block;width:7px;height:7px;margin-right:6px;background:#78916c;border-radius:2px}.condition-key.rt{background:#bd926b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:240px;padding:35px;color:#97a08b;font-size:11px}.empty-state strong{font:23px Georgia;color:#658056}.content-page{max-width:1280px;margin:auto;padding:64px 50px 90px}.content-page>h1{font:43px Georgia;margin:15px 0 18px;letter-spacing:-.6px}.page-description{font-size:12px;color:#929c87;max-width:770px;line-height:1.9}.download-actions{display:flex;gap:12px;margin-top:28px}.data-scope-note{background:#eef1e7;border:1px solid #e0e6d6;padding:14px 18px;border-radius:5px;font-size:10px;color:#8c987c;margin:27px 0}.download-group{margin-top:35px}.download-group h2{font:23px Georgia;margin-bottom:8px}.download-group>p{font-size:10px;color:#98a18c;margin-bottom:17px}.table-scroll{overflow:auto}.download-table{width:100%;border-collapse:collapse;background:#fcfcfa;font-size:11px}.download-table th{background:#eceedf;text-align:left;font-size:8px;letter-spacing:1px;font-weight:550;color:#8f9a7f;padding:12px 16px}.download-table td{padding:12px 16px;border-bottom:1px solid #e8ecdf}.download-table td:first-child{font-weight:600;color:#506b40}.download-table td:nth-child(3){font:9px var(--mono);color:#929f81}.download-table a{font-size:9px;border:1px solid #dfe5d4;border-radius:3px;padding:4px 9px;color:#859b6c}.download-table a:hover{background:#e7eddf}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.method-card{background:#fcfcf9;border:1px solid var(--line);border-radius:7px;padding:28px}.method-number{font:9px var(--mono);color:#91a17c}.method-card h2{font:22px Georgia;margin:13px 0 22px}.method-card p{font-size:11px;line-height:1.95;color:#869478;margin-top:14px}.method-card b{font-weight:600;color:#5f7852}.formula{font:10px/1.8 var(--mono);background:#edf1e4;border-left:2px solid #96a680;padding:13px 12px;margin:18px 0;color:#78935f;overflow-wrap:anywhere}.reference-note{margin-top:37px;padding:25px 0;border-top:1px solid var(--line)}.reference-note p{margin-top:10px;font-size:11px;color:#8d9d7c;line-height:1.8}.reference-note a{text-decoration:underline;text-underline-offset:3px}.tooltip{position:fixed;pointer-events:none;z-index:9;max-width:325px;background:#273c30ed;color:#edf2e7;border:1px solid #6d7b61;border-radius:6px;padding:12px 15px;box-shadow:0 8px 25px #15251015;font:10px/1.8 var(--mono)}.tooltip strong{font-family:var(--sans);font-size:11px;font-weight:550}.tooltip .tt-label{color:#b8c7ac}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#2a4534;color:#eef4e7;border-radius:6px;padding:13px 22px;font-size:11px;box-shadow:0 5px 22px #1832181c}#search-message{margin-top:8px;padding:9px 13px;font-size:10px;border-radius:4px;background:#f0e9df;color:#aa835c}.skip-link{position:absolute;left:10px;top:-100px;z-index:20;background:#fff;padding:10px}.skip-link:focus{top:10px}.plot-hatch{fill:url(#masked)}
@media(min-width:1600px){.hero{padding-top:120px;padding-bottom:110px}.browser-page{grid-template-columns:265px 1fr}.sidebar-heading,.filter-section{padding-left:28px;padding-right:28px}.browser-main{padding:35px 45px}.topbar{padding-inline:48px}.hero h1{font-size:60px}}
@media(max-width:1200px){.topbar{padding:0 25px;gap:25px}.topbar nav{gap:22px;margin-left:8px}.header-assembly{display:none}.browser-page{grid-template-columns:211px minmax(0,1fr)}.filter-section{padding-inline:18px}.sidebar-heading{padding-inline:18px}.browser-main{padding:24px 23px}.hero{gap:40px;padding:70px 45px}.hero h1{font-size:45px}.home-section,.stat-strip{margin-left:45px;margin-right:45px}.preview-card{padding-inline:23px}.preview-bottom{margin-inline:-23px;padding-inline:23px}.locus-card-top{padding-inline:16px}.viewport-controls{gap:3px}.locus-name-line>span{font-size:9px}.browser-heading h1{font-size:27px}}
@media(max-width:950px){.brand-mark-image{width:47px;height:47px}.brand-title{font-size:22px}.brand-sub{font-size:7px;letter-spacing:.8px}.header-status{display:none}.topbar{height:75px;gap:20px;padding-inline:22px}.brand{font-size:23px}.brand-sub{font-size:7px}.topbar nav{margin-left:auto;gap:20px}.topbar nav a{font-size:10px}.hero{padding:60px 35px;gap:28px}.hero h1{font-size:37px}.hero-description{font-size:12px}.preview-card{padding-inline:18px}.preview-bottom{margin-inline:-18px;padding-inline:18px;font-size:7px}.preview-top .eyebrow{font-size:6px}.live-badge{font-size:6px}.home-section,.stat-strip{margin-inline:35px}.browser-page{grid-template-columns:195px minmax(0,1fr)}.browser-main{padding:23px 18px}.sidebar-heading h2{font-size:15px}.check-row{font-size:10px}.locus-card-top{align-items:flex-start;flex-direction:column;gap:15px}.viewport-controls{align-self:flex-end}.locus-navigation{gap:8px}.locus-select-wrap{gap:7px;padding-inline:9px}.locus-select-wrap>span{display:none}.locus-select-wrap select{min-width:80px}.plot-caption>span:last-child{display:none}.browser-bottom{flex-direction:column;gap:11px}.preset-row{gap:8px}.locus-count{display:none}.browser-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.browser-heading h1{font-size:24px}.button.compact{padding:8px 10px;font-size:9px}.track-canvas svg{min-width:540px}.content-page{padding-inline:35px}.method-card{padding:23px}.rna-panel{overflow-x:auto}.rna-table{min-width:490px}}
@media(max-width:700px){.brand-mark-image{width:39px;height:39px}.brand-title{font-size:19px}.brand-sub{font-size:6px;letter-spacing:.45px;margin-top:5px}.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:16px 20px 0;gap:15px}.brand{font-size:22px}.brand-mark{height:35px;width:33px;font-size:29px}.brand-sub{font-size:6px;margin-top:6px}.topbar nav{order:2;width:100%;margin:0;gap:25px;justify-content:space-between}.topbar nav a{padding:8px 0 12px;font-size:9px}.hero{grid-template-columns:1fr;padding:45px 25px 40px;gap:38px}.hero h1{font-size:43px;margin-top:20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{max-width:none}.hero-chinese{font-size:10px}.hero-actions{gap:20px}.hero-meta{font-size:8px}.preview-card{transform:none;padding:22px 23px 0}.preview-bottom{margin-inline:-23px;padding-inline:23px}.preview-top .eyebrow{font-size:7px}.live-badge{font-size:7px}.stat-strip{grid-template-columns:repeat(5,1fr);margin-inline:20px;padding:22px 0}.stat strong{font-size:23px}.stat span{font-size:6px;letter-spacing:.5px}.home-section{margin:40px 25px}.home-section h2{font-size:25px}.dataset-cards{grid-template-columns:1fr;gap:14px}.dataset-card{padding:22px}.resource-footer{flex-direction:column;gap:10px;padding-inline:25px;font-size:8px}.browser-page{display:flex;flex-direction:column}.sidebar{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line)}.sidebar-heading{grid-column:1/-1;padding:16px 20px 12px}.sidebar-heading h2{font-size:16px}.sidebar-heading .eyebrow{display:none}.dataset-select{grid-column:1/-1}.filter-section{padding:16px 20px}.filter-section:nth-of-type(even){border-right:1px solid var(--line)}.check-list{gap:8px}.check-row{font-size:10px}.sidebar-bottom{padding:13px 20px;grid-column:1/-1}.small-note{font-size:8px}.annotations{border-bottom:0}.browser-main{padding:27px 14px}.browser-heading{margin-bottom:21px}.browser-heading h1{font-size:26px}.browser-heading .eyebrow{font-size:6px}.assembly-pill{font-size:7px;padding:3px 5px}.browser-heading h1{gap:9px}.button.compact{font-size:8px;padding:8px;gap:7px}.locus-navigation{flex-direction:column}.locus-select-wrap{display:none}.search-form{flex:auto}.preset-row{margin-bottom:16px}.preset-row>span:first-child{font-size:7px}.preset-row button{padding:4px 6px;font-size:8px}.locus-card-top{padding:18px 16px 14px}.locus-name-line h2{font-size:26px}.locus-name-line>span{font-size:10px}.locus-position{font-size:8px;gap:7px}.viewport-controls{align-self:flex-start;margin-top:0}.track-toolbar{font-size:7px;padding-inline:13px}.toolbar-separator{margin-inline:5px}.track-canvas{padding-inline:4px}.track-canvas svg{min-width:570px}.plot-caption{font-size:7px;padding:12px}.state-legend{font-size:7px;gap:10px}.legend-title{font-size:7px}.browser-bottom{padding:0 5px}.source-details{padding:0 5px}.content-page{padding:40px 22px}.content-page>h1{font-size:33px}.page-description{font-size:11px}.method-grid{grid-template-columns:1fr;gap:18px}.download-table{min-width:580px}.download-actions .button{font-size:10px;padding:12px}.download-group h2{font-size:23px}.rna-panel{padding:16px}.rna-header{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#hero-preview svg{display:block;width:100%;height:auto}
.chromosome-navigation{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap;font-size:9px;color:#7f9074}.chromosome-navigation label{font-size:8px;letter-spacing:1px}.chromosome-navigation select{background:#fcfdf9;border:1px solid #dce1d3;padding:5px 9px;color:#526c43;min-width:76px;font:10px var(--mono)}.chromosome-navigation button{border:1px solid #dce1d3;padding:5px 9px;font-size:9px;background:#eef2e7}.chromosome-navigation>span{margin-left:auto;font-size:8px}.gene-matches{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;padding:12px;background:#edf0e6;margin-top:10px;border-radius:5px}.gene-matches span{flex-basis:100%;color:#7d8d71}.gene-matches button{font:9px var(--mono);padding:5px 8px;border:1px solid #cdd8c2;background:#fcfdf9}.coverage-note{padding:12px 20px;border-bottom:1px solid #e1e6d6;background:#f3f0e4;font-size:10px;color:#8b7756;line-height:1.8}.genome-download-card{background:#fcfcf9;border:1px solid var(--line);padding:24px;border-radius:6px;margin-top:28px}.genome-download-card h2{font:24px Georgia;margin-bottom:10px}.genome-download-card p{font-size:11px;line-height:1.8;color:#8b9680}.genome-download-card .button{margin-top:18px}.dataset-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dataset-card.featured{border-color:#a5b697;background:#eff3e9}

/* The atlas supplies the shared header when this browser is embedded. */
body.embed{height:auto;min-height:0}body.embed .topbar{display:none}body.embed .browser-page{min-height:0}

/* Match the containing RNA atlas while retaining assay and cell colour keys. */
:root{--paper:#f5f7f9;--ink:#233641;--text:#233641;--muted:#71818c;--line:#e1e8ec;--green:#176e78;--pale:#f1f7f7;--sans:Arial,Helvetica,sans-serif}
body{letter-spacing:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,
.toggle-row input:focus-visible~.switch{outline-color:var(--green)}
.topbar{background:var(--white)}
.brand,.brand-sub,.eyebrow,.section-label,.sidebar-heading h2,.browser-heading h1,.preset-row{letter-spacing:0}
.brand-sub,.header-status,.header-assembly,.eyebrow,.section-label,.small-note,
.selection-actions,.check-row,.toggle-row,.sidebar-bottom,.preset-row,.locus-count,
.locus-name-line>span,.locus-position,.track-toolbar,.plot-caption,
.plot-caption>span:last-child,.interpretation-note,.source-details,
.chromosome-navigation,.gene-matches span,.rna-header span,.rna-table th{color:var(--muted)}
.eyebrow,.section-label,.selection-actions button,.check-row:has(input:checked),
.browser-bottom .text-link,.track-toolbar b{color:var(--green)}
.sidebar{background:var(--white)}
.sidebar-heading h2{font-size:17px;font-weight:600}
.sidebar-heading h2 span,.section-label>span,.check-row .cell-code{color:var(--muted)}
.browser-heading h1{font:600 26px/1.3 var(--sans)}
.locus-name-line h2{font:600 22px/1.3 var(--sans);color:var(--ink)}
.empty-state strong{font:600 20px/1.4 var(--sans);color:var(--ink)}
.button.outline,.dataset-select select,.chromosome-navigation select,
.chromosome-navigation button,.gene-matches button,.locus-select-wrap{border-color:var(--line);background:var(--white);color:var(--ink)}
.button.primary:hover{background:#125961}
.button.outline:hover,.viewport-controls button:hover:enabled,
.preset-row button:hover{background:var(--pale)}
.dataset-select select{font-size:12px;padding:10px}
.small-note{font-size:10px}
.check-row{font-size:12px}
.toggle-row{font-size:12px}
.switch{background:#c7d4da}
.toggle-row input:checked~.switch{background:var(--green)}
.status-dot,.header-status i{background:#60a793}
.assembly-pill,.soft-badge,.preset-row button.active,.gene-matches{background:var(--pale);color:var(--green);border-color:#cfe0e1}
.search-form,.locus-card,.viewport-controls button{border-color:var(--line)}
.search-form input,.locus-select-wrap select{color:var(--ink)}
.search-icon,.search-go,.viewport-controls button,.preset-row button{color:var(--green)}
.search-form input::placeholder{color:var(--muted)}
.track-toolbar,.plot-caption,.source-details>div{background:#fafcfd;border-color:var(--line)}
.plot-caption,.state-legend,.rna-table td{border-color:var(--line)}
.interpretation-note,.source-details{font-size:10px}
.coverage-note,#search-message{background:#fff8e9;color:#9a6223;border-color:#ecd8b2}
.tooltip{background:#233641f2;color:#fff;border-color:#71818c}
.toast{background:var(--green);color:#fff}
.rna-bar,.condition-key{background:#397f96}
.rna-bar.rt,.condition-key.rt{background:#ce7657}
body.embed .browser-page{grid-template-columns:285px minmax(0,1fr)}
body.embed .browser-main{padding:31px 32px 35px}
body.embed .sidebar-heading,body.embed .filter-section{padding-inline:22px}
@media(min-width:1600px){body.embed .browser-main{padding:36px 42px}}
@media(max-width:1200px){body.embed .browser-main{padding:25px 20px}}
@media(max-width:700px){
  body.embed .browser-page{display:flex;flex-direction:column}
  body.embed .browser-main{padding:22px 14px}
  .browser-heading h1{font-size:22px}
  .brand-title{white-space:normal}
}

.display-settings>label{display:block;font-size:11px;color:#526976;margin:10px 0 6px}.display-settings>select{display:block;width:100%;max-width:100%;font:inherit;font-size:11px;padding:9px 7px;border:1px solid #d9e1e5;border-radius:5px;background:#fff;color:#334955}.display-settings .small-note{line-height:1.65;margin-top:10px}.viewport-controls{flex-wrap:wrap;justify-content:flex-end}.browser-main{box-sizing:border-box}

#display-resolution-row>label{display:block;font-size:11px;color:#526976;margin:10px 0 6px}#display-resolution{display:block;width:100%;font:inherit;font-size:11px;padding:9px 7px;border:1px solid #d9e1e5;border-radius:5px;background:#fff;color:#334955}

#fixed-scale-fields>label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:7px 0}#fixed-scale-fields input{width:105px;border:1px solid #d9e1e5;border-radius:4px;padding:6px;font:inherit;background:#fff;color:#334955}