/* Hallmark · companion: historical component rules · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · v2.0.0 */
:root{--ink:var(--source-color-023);--secondary:var(--source-color-024);--heading:var(--source-color-025);--link:var(--source-color-026);--paper:var(--source-color-027);--soft:var(--source-color-013);--rule:var(--source-color-028);--nav:var(--source-color-029)}
body{background:var(--source-color-030);color:var(--ink)}.site{background:var(--paper);color:var(--ink)}.site .layout{background:var(--paper)}.site .box,.site .box-body,.site .table-wrap,.site .public-browser,.site .evidence-panel,.site .sample-qc-panel{background:var(--paper)}
.site .layout :is(p,small,label,dt,dd,li,summary,td,th,.muted,.analysis-summary,.table-key){color:var(--secondary)}.site .layout :is(h1,h2,h3,h4,strong,b){color:var(--heading)}.site .layout :is(button,input,select){color:var(--source-color-031)}.site .layout a{color:var(--link)}.site .layout :is(input,select){background:var(--source-color-032);border-color:var(--source-color-033);font-size:13px}.site .layout :is(button,input,select):focus-visible{outline:3px solid var(--source-color-001);outline-offset:2px}
.site .layout .btn{background:var(--source-color-034);color:var(--source-color-015);border-color:var(--source-color-035)}.site .layout .btn.light{background:var(--source-color-036);color:var(--source-color-037);border-color:var(--source-color-038)}.site .layout .box-heading{background:var(--source-color-039);color:var(--heading);border-color:var(--rule)}.site .layout :is(.filter-form,.analysis-controls,.evidence-context-form,.public-filter-form){background:var(--source-color-013);border-color:var(--rule)}
.site .layout table th{background:var(--source-color-040);color:var(--source-color-041);font-size:12px}.site .layout table td{background:var(--source-color-032);color:var(--source-color-042);font-size:12px}.site .layout table tr:nth-child(even) td{background:var(--source-color-043)}.site .layout table :is(td,th){border-color:var(--source-color-044);line-height:1.7}.site .layout table td small{font-size:11px;color:var(--source-color-024)}.site .layout .kv td:first-child{background:var(--source-color-045);color:var(--source-color-046)}
.site .layout :is(.sidebar-links button,.type-tree button,.type-tree summary,.all-types,.tissue-parent,.tissue-sites summary){color:var(--source-color-047)}.site .layout :is(.coverage-chip,.status-tag){color:var(--source-color-048);background:var(--source-color-049);border-color:var(--source-color-050)}.site .layout :is(.tabs button.active,.chart-mode-tabs button.active){color:var(--source-color-051);background:var(--source-color-052);border-color:var(--source-color-053)}
.site .layout :is(.evidence-heading,.public-group-heading,.sample-qc-heading){background:var(--source-color-054);border-color:var(--rule)}.site .layout :is(.evidence-summary,.public-data-stats,.summary-counts,.sample-qc-summary){background:var(--source-color-055)}.site .layout .evidence-record-context span{color:var(--source-color-056)}.site .layout :is(.evidence-hint-note,.evidence-hint-badge){color:var(--source-color-057);background:var(--source-color-058)}.site .layout .evidence-notes :is(p,summary){color:var(--source-color-024)}
.site svg text{fill:var(--source-color-059)}.site .analysis-svg text{font-size:12px}.site .layout :is(.chart-methods,.chart-notes,.table-key,.public-axis,.evidence-axis,.evidence-chart-note,.public-granularity-key){font-size:11px;color:var(--source-color-024)}.site .layout small{font-size:max(11px,.85em)}
.site .main-nav{background:var(--nav)}.site .main-nav a,.site .main-nav a small{color:var(--source-color-015)}.site .main-nav a:hover,.site .main-nav a.active{background:var(--source-color-060)}.site .status-line{color:var(--source-color-061);background:var(--source-color-013)}.site .status-line :is(span,button){color:var(--source-color-061)}
.site .masthead{height:auto;min-height:126px;background:linear-gradient(115deg,var(--source-color-062),var(--source-color-063));padding-top:var(--space-lg);padding-bottom:var(--space-lg);gap:var(--space-lg)}.site .logo-exo{color:var(--source-color-064)}.site .logo-bridge{color:var(--source-color-065)}.site .wordmark small{color:var(--source-color-066)}.site .masthead-description{flex:1;min-width:0}.site .masthead-description .brand-fullname{display:block;font-size:17px;line-height:1.5;font-style:normal;color:var(--source-color-067);font-weight:500}.brand-fullname b,.brand-fullname .brand-initial{font-weight:750;color:var(--source-color-068)}.site .masthead-description>span{color:var(--source-color-069);font-size:12px;line-height:1.7;margin-top:var(--space-xs)}.site .masthead-vesicles{width:175px;flex-shrink:0}.language-switch{align-self:flex-start;flex-shrink:0;border:1px solid var(--source-color-070);border-radius:3px;background:var(--source-color-071);color:var(--source-color-072);padding:var(--space-2xs) var(--space-xs);font-size:12px;cursor:pointer;line-height:1.4}.language-switch:hover{background:var(--source-color-073)}
.site .footer,.site .footer :is(strong,span){color:var(--source-color-074)}.site .footer{background:var(--paper);border-color:var(--rule)}.site .layout .brand-name-note{font-size:12px;color:var(--source-color-075);margin-bottom:var(--space-sm)}.site .layout .brand-name-note strong{color:var(--source-color-076)}
html[lang=en] .main-nav a{padding-left:var(--space-xs);padding-right:var(--space-xs);font-size:11px}html[lang=en] .main-nav a small{display:none}html[lang=en] .filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}html[lang=en] .filter-form label{font-size:12px}html[lang=en] .table-wrap th{white-space:normal;min-width:110px}html[lang=en] .sidebar-box .box-heading{font-size:13px}
@media(max-width:1100px){.site .masthead-vesicles{display:none}.site .masthead-description .brand-fullname{font-size:14px}.site .masthead{gap:var(--space-md)}.site .masthead-description>span{font-size:11px}}
@media(max-width:700px){.site .masthead{display:flex;flex-wrap:wrap;align-items:flex-start;padding:var(--space-md);min-height:0;gap:var(--space-xs)}.site .masthead .wordmark{font-size:32px;flex:1}.site .wordmark small{font-size:11px}.site .masthead-description{display:block;flex:1 0 100%;order:3}.site .masthead-description .brand-fullname{font-size:12px;line-height:1.6}.site .masthead-description>span{font-size:11px}.site .language-switch{margin-top:var(--space-2xs)}.site .layout table td{font-size:12px}html[lang=en] .filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.site .layout :is(.btn,.btn.light){font-size:12px}.site .main-nav a{font-size:12px}}

html[data-language=en] .source-context[open] summary::after{content:'Hide source text'}
@media(max-width:1000px){html[data-language=en] .table-wrap:has(table:not(.kv))::before{content:'← Scroll horizontally to view the full table →'}html[data-language=en] .chart-grid .box-body::before,html[data-language=en] .chart-scroll::before{content:'← Scroll horizontally to view the full chart →'}}

.site .brand-fullname .brand-initial{display:inline}.source-context[open] summary::after{margin-left:var(--space-xs)}.sample-qc-panel .sample-qc-conflict-tag{color:var(--source-color-077)}.sample-qc-panel .sample-qc-conflict{color:var(--source-color-078)}

html[lang=en] .page-title small{display:none}.site .logo-version{color:var(--source-color-079)}

.site .layout span{color:var(--secondary)}.site .layout .type-tree button span{font-size:11px;color:var(--source-color-024)}.site .layout .association-statistics span{color:var(--source-color-024)}.site .layout .sample-qc-conflict-tag{color:var(--source-color-077)}.site .layout .table-wrap::before,.site .layout .chart-scroll::before,.site .layout .chart-grid .box-body::before,.site .source-context[open] summary::after{color:var(--source-color-024)}

.site .type-tile .sample-type-icon{width:60px;height:60px;flex-shrink:0;margin:0 0 var(--space-2xs)}.site .type-tile{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.site .type-tile:hover .sample-type-icon{transform:translateY(-2px)}
@media(max-width:700px){.site .type-tile .sample-type-icon{width:48px;height:48px;margin-bottom:var(--space-2xs)}}
@media(prefers-reduced-motion:reduce){.site .type-tile:hover .sample-type-icon{transform:none}}

/* Collapsible controlled subtypes reuse the existing tissue interaction. */
.subtype-tree{padding:var(--space-2xs) 0;border-bottom:1px solid var(--source-color-044)}.type-tree .subtype-parent{font-weight:600;padding:var(--space-2xs) var(--space-xs)}.subtype-sites>summary{font-size:11px;padding:var(--space-2xs) var(--space-xs);color:var(--source-color-024);cursor:pointer}.type-tree .subtype-sites button{padding-left:var(--space-md)}.subtype-sites[open]{max-height:390px;overflow:auto}.subtype-sites>.muted{padding:var(--space-2xs) var(--space-xs);font-size:11px}.subtype-site-filter[hidden]{display:none!important}.subtype-site-filter>span{display:block}.subtype-parent.active{background:var(--source-color-052);color:var(--source-color-051)}.subtype-parent:focus-visible,.subtype-sites>summary:focus-visible{outline:3px solid var(--source-color-001);outline-offset:2px}
.type-tree .subtype-sites button{gap:var(--space-xs);align-items:flex-start}.type-tree .subtype-sites button>span{flex:0 0 auto;white-space:nowrap}
.type-tree .tissue-source-branch>[data-tissue-source]{font-weight:700}.tissue-source-leaves{margin:var(--space-3xs) 0 var(--space-2xs) var(--space-md);border-left:1px solid var(--source-color-050)}.type-tree .tissue-source-leaves>button{padding-left:var(--space-xs);font-weight:400}