 





body.lyfe-editorial {
  background: #F6F7F5;
  color: #132D3B;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  line-height: 1.65;
}
 

body.lyfe-editorial :is(.nav, .ftr) { color:#E9EEF9; }
body.lyfe-editorial :is(.nav, .ftr) a { text-decoration-color:inherit; }

 
body.lyfe-editorial > :is(.wrap, main, .page, .hero) {
  --ink:#F6F7F5;
  --slate:#FFFFFF;
  --slate-2:#E8F0F1;
  --well:#FFFFFF;
  --paper:#132D3B;
  --dim:#405D6B;
  --dimmer:#617A87;
  --line:#CEDDDF;
  --hair:#DCE6E6;
  --gold:#28768B;
  --gold-hi:#195E76;
  --gold-soft:#E5F1F3;
  --gold-edge:#B8D3DB;
  --live:#23886F;
  --warn:#99632A;
  --text:#132D3B;
  --text2:#405D6B;
  --text3:#617A87;
  --border:#CEDDDF;
  --surface:#FFFFFF;
  --surface2:#F4F8F8;
  --bg:#F6F7F5;
  color:#132D3B;
}
body.lyfe-editorial > :is(.wrap, main, .page, .hero) :focus-visible {
  outline:2px solid #28768B;
  outline-offset:3px;
}
body.lyfe-editorial > .wrap,
body.lyfe-editorial > main.wrap { max-width:1216px; }
body.lyfe-editorial .seq-rule { display:none; }

 
body.lyfe-editorial .page-hero {
  padding:clamp(28px,4vw,48px) clamp(24px,4.6vw,56px);
  margin:22px 0 34px;
  border:1px solid #C8DADD;
  border-radius:18px;
  background:linear-gradient(109deg,#DFEEF0 0%,#EBF2EF 61%,#F1EFE9 100%);
  position:relative;
  overflow:hidden;
}
body.lyfe-editorial .page-hero :is(.page-eyebrow, .page-title, .page-lede, .page-meta) { position:relative; }
body.lyfe-editorial .page-eyebrow {
  display:block;
  width:max-content;
  max-width:100%;
  padding:0;
  margin:0 0 15px;
  border:0;
  border-radius:0;
  background:none;
  font:700 11px/1.4 'JetBrains Mono', monospace;
  letter-spacing:.09em;
  color:#2B7088;
}
body.lyfe-editorial .page-eyebrow::before { display:none; }
body.lyfe-editorial .page-title {
  max-width:24ch;
  margin:0 0 14px;
  font-size:clamp(32px,4vw,48px);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.1;
  color:#102D3C;
}
body.lyfe-editorial .page-title span { color:#27758A; }
body.lyfe-editorial .page-lede {
  font-size:clamp(14px,1.35vw,16px);
  line-height:1.65;
  max-width:76ch;
  color:#476675;
}
body.lyfe-editorial .page-meta {
  padding-top:14px;
  margin-top:19px;
  border-color:rgba(78,128,136,.2);
  color:#506C78;
  font-size:12px;
}
body.lyfe-editorial :is(.doc-title, .sec-title, .repo-sec-hd h2, .acc-sec-hd h2) {
  color:#142E3D;
  letter-spacing:-.03em;
}
body.lyfe-editorial :is(.doc-body,.letter p,.repo-sec-hd p,.acc-sec-hd p,.sec-sub,.sup-points li) {
  color:#405B69;
  font-size:15px;
  line-height:1.72;
}
body.lyfe-editorial .doc-body strong,
body.lyfe-editorial .letter strong { color:#122D3B; }
body.lyfe-editorial .doc-section {
  border-bottom-color:#DAE5E7;
  padding-block:27px;
}
body.lyfe-editorial .doc-section:first-child { padding-top:0; }
body.lyfe-editorial .doc-num,
body.lyfe-editorial .letter-n { color:#2B7088; }
body.lyfe-editorial .doc-title { font-size:clamp(20px,2.3vw,26px); }
body.lyfe-editorial .content-wrap { gap:clamp(25px,5vw,66px); }
body.lyfe-editorial .toc { top:calc(var(--nav-height,60px) + 26px); }
body.lyfe-editorial .toc-list a {
  color:#506975;
  border-radius:0 7px 7px 0;
  font-size:13px;
}
body.lyfe-editorial .toc-list a:hover { color:#12394C; background:#EAF2F2; }
body.lyfe-editorial .toc-list a.is-active { color:#195F79; background:#E7F2F3; border-left-color:#2B788B; }
body.lyfe-editorial .toc-label { color:#577884; font-size:10.5px; }
body.lyfe-editorial .callout,
body.lyfe-editorial .ai-note {
  background:#EBF3F4;
  border:1px solid #C7DFE5;
  color:#3B5A68;
  border-radius:12px;
  font-size:14px;
  line-height:1.62;
}
body.lyfe-editorial .callout strong,
body.lyfe-editorial .ai-note strong { color:#122D3B; }
body.lyfe-editorial .ai-note b { color:#174A62; }

 
body.lyfe-editorial :is(.stat-card, .stat, .panel, .gene-card, .acc-meter, .jar, .auth-card, .acc-fig, .prog) {
  background:#FFFFFF;
  border-color:#CFDEDF;
  color:#153141;
  box-shadow:0 10px 28px -27px rgba(20,46,57,.28);
}
body.lyfe-editorial :is(.stat-card, .stat, .panel, .gene-card, .acc-meter, .jar, .auth-card, .prog) {
  border-radius:13px;
}
body.lyfe-editorial :is(.stat-label, .stat .k, .stat .s, .acc-fig-k, .acc-meter-sub,
  .repo-sec-count, .gene-meta, .metric-k, .metric-sub, .jar-fine, .proc,
  .sup-tail, .acc-email, .acc-id-meta, .letter-sign .role) { color:#516D7A; }
body.lyfe-editorial :is(.stat-val, .metric-num, .gene-name, .acc-fig-v.is-gold, .acc-avatar) { color:#1F6C83; }
body.lyfe-editorial :is(.stat .v, .acc-fig-v, .acc-meter-hd b, .letter-sign .who) { color:#153141; }
body.lyfe-editorial :is(.acc-figs, .acc-fig) { background:#FFFFFF; }
body.lyfe-editorial .gene-card:hover { background:#F1F8F9; border-color:#9FC6D2; }
body.lyfe-editorial .repo-sec { margin-top:30px; }
body.lyfe-editorial .repo-sec + .repo-sec { border-color:#DCE6E6; padding-top:28px; margin-top:30px; }
body.lyfe-editorial .repo-sec-hd h2 { font-size:clamp(22px,2.4vw,29px); }
body.lyfe-editorial .repo-tools input,
body.lyfe-editorial .repo-search,
body.lyfe-editorial :is(.field input, .field select, .field textarea) {
  background:#FFFFFF;
  color:#153141;
  border-color:#BBCFD4;
}
body.lyfe-editorial :is(.repo-search input,.field input)::placeholder { color:#718894; opacity:1; }
body.lyfe-editorial .gene-name { font-size:15px; }
body.lyfe-editorial .gene-meta { font-size:12.5px; }
body.lyfe-editorial .repo-page :is(.vt-hgvs,.vt-prot,.vt-gene) { color:#284858; }
body.lyfe-editorial .repo-page .vtr { border-color:#E0E9EA; }
body.lyfe-editorial .repo-page .vtr:hover { background:#F0F7F8; }
body.lyfe-editorial :is(.repo-page,.stats-page,.acc-page,.sup-page) { padding-bottom:84px; }
body.lyfe-editorial .crumb .here,
body.lyfe-editorial .crumb a:hover { color:#226E84; }
body.lyfe-editorial .tag { font-size:11.5px; font-weight:700; background:#FFFFFF; }
body.lyfe-editorial .tag-P {color:#9E2E3B;border-color:#E7B7BF;background:#FFF3F4;}
body.lyfe-editorial .tag-LP {color:#AF4B20;border-color:#EBC9B5;background:#FFF5EE;}
body.lyfe-editorial .tag-VUS {color:#376C8A;border-color:#BBD7E7;background:#EDF6FA;}
body.lyfe-editorial .tag-LB {color:#327860;border-color:#B8DBCD;background:#EFF8F2;}
body.lyfe-editorial .tag-B {color:#28694F;border-color:#ACD3C1;background:#E9F6EF;}

 
body.lyfe-editorial .stats-page .sec { margin-top:30px; }
body.lyfe-editorial .stats-page .sec + .sec { margin-top:34px; padding-top:28px; border-color:#D6E3E4; }
body.lyfe-editorial .stats-page .metric-num { font-size:clamp(37px,4vw,52px); }
body.lyfe-editorial .stats-page .panel-head { border-bottom:1px solid #E3EAEA; }
body.lyfe-editorial .stats-page .panel-head h3 { font-size:15px; font-weight:700; }
body.lyfe-editorial .stats-page :is(.stat .k,.stat .s,.legend .item,.panel-head .n) { color:#476574; font-size:12px; }
body.lyfe-editorial .stats-page .stat-grid { gap:13px; }
body.lyfe-editorial .stats-page .stat { border-left-width:2px; }
body.lyfe-editorial .stats-page .chip { color:#206D7C; background:#E6F2F3; }
body.lyfe-editorial .stats-page .toggle button { color:#4B6574; }
body.lyfe-editorial .stats-page .toggle button.is-on { color:#195F78; background:#E5F1F3; }

 
body.lyfe-editorial .acc-id { padding:30px 0 24px; border-color:#D8E4E5; }
body.lyfe-editorial .acc-avatar { border-radius:50%; background:#E7F2F3; border-color:#B9D5DE; }
body.lyfe-editorial .acc-sec { margin-top:33px; }
body.lyfe-editorial .acc-sec + .acc-sec { padding-top:29px; border-color:#D8E3E5; }
body.lyfe-editorial .acc-btn,
body.lyfe-editorial .link-btn,
body.lyfe-editorial .auth-btn,
body.lyfe-editorial .btn-gold {
  border:1px solid #BED3D8;
  background:#FFFFFF;
  color:#195D76;
  border-radius:9px;
  font-weight:700;
}
body.lyfe-editorial :is(.acc-btn.is-primary, .btn-gold, .auth-btn.is-primary) {
  background:#173F54;
  border-color:#173F54;
  color:#FFFFFF;
}
body.lyfe-editorial :is(.acc-btn.is-primary, .btn-gold, .auth-btn.is-primary):hover {
  background:#235F74;
  border-color:#235F74;
}
body.lyfe-editorial .acc-nudge { background:#ECF4F5; color:#2F5364; border-color:#BED9DF; }
body.lyfe-editorial .acc-nudge button { color:#195F79; border-color:#B6CED7; }
body.lyfe-editorial .acc-track { background:#E3EDEE; }
body.lyfe-editorial .acc-track i { background:#35839A; }
body.lyfe-editorial .acc-figs { border-color:#D4E0E0; gap:1px; background:#D4E0E0; }
body.lyfe-editorial .auth-card { box-shadow:0 15px 35px -30px rgba(18,43,55,.2); }
body.lyfe-editorial .auth-hd { border-color:#D9E5E5; }
body.lyfe-editorial .auth-solo { padding-bottom:74px; }
body.lyfe-editorial .auth-solo-hd h1 { color:#122D3B; }
body.lyfe-editorial .auth-solo-hd p { color:#506C7A; }
body.lyfe-editorial .auth-solo-hd p b { color:#142E3A; }
body.lyfe-editorial .auth-layout { gap:clamp(24px,4.5vw,62px); }
body.lyfe-editorial .letter-nav a.is-active { color:#205F77; border-color:#BED3D9; background:#E9F3F4; }
body.lyfe-editorial .letter-nav a:hover { color:#214F60; background:#EAF3F4; }
body.lyfe-editorial .letter-section { border-color:#D5E2E3; }
body.lyfe-editorial .letter-sign .mark { background:#FFFFFF; border-color:#BFD4DC; }
body.lyfe-editorial .letter-sign .mark svg { stroke:#24768A; }
body.lyfe-editorial .field label { color:#355B69; font-size:13px; }
body.lyfe-editorial .field input { font-size:15px; min-height:44px; }

 
body.lyfe-editorial .sup-grid { gap:clamp(24px,4vw,50px); }
body.lyfe-editorial .jar { border-color:#BFD7DD; }
body.lyfe-editorial .jar-hd p { color:#486674; font-size:15px; }
body.lyfe-editorial .jar-icon { background:#E6F2F3; border-color:#B9D5DB; }
body.lyfe-editorial .jar-icon svg { stroke:#2D7E94; }
body.lyfe-editorial .sup-points li { border-left-color:#C5DCE1; font-size:15px; }
body.lyfe-editorial .sup-points b { color:#193B4B; font-size:15px; }
body.lyfe-editorial .sup-tail { color:#536E79; }

 
body.lyfe-editorial :is(.cl-entry, .cl-summary) { border-color:#D6E3E5; }
body.lyfe-editorial :is(.cl-title, .cl-summary h3) { color:#163140; }
body.lyfe-editorial .cl-date-col { color:#547281; }
body.lyfe-editorial .page-watermark { color:rgba(54,108,125,.035); }

@media(max-width:800px){
  body.lyfe-editorial .page-hero { padding:28px 25px; margin-top:13px; }
  body.lyfe-editorial .content-wrap { gap:22px; }
  body.lyfe-editorial .auth-layout { grid-template-columns:1fr; }
}
@media(max-width:540px){
  body.lyfe-editorial .page-hero { padding:24px 20px; border-radius:14px; }
  body.lyfe-editorial .page-title { font-size:clamp(30px,9vw,39px); }
  body.lyfe-editorial .page-lede { font-size:14px; }
  body.lyfe-editorial .doc-body { font-size:14.5px; }
  body.lyfe-editorial .stat-grid { grid-template-columns:1fr 1fr; }
  body.lyfe-editorial .stats-page .charts { grid-template-columns:1fr; }
}

 
body.lyfe-editorial .vtable { background:#FFFFFF; border-color:#CCDCDD; }
body.lyfe-editorial .vth {
  background:#EEF5F5;
  border-bottom:1px solid #D2E1E2;
  color:#456774;
  font-size:10.5px;
}
body.lyfe-editorial .vtr { background:#FFFFFF; }
body.lyfe-editorial .vtr:hover { background:#EFF7F8; }
body.lyfe-editorial .vt-gene { color:#206D82; }
body.lyfe-editorial .vt-hgvs { color:#3F5B6B; }
body.lyfe-editorial .vt-prot { color:#577380; }
body.lyfe-editorial :is(.repo-filter,.pager a,.pager span) {
  border-color:#CBDCDE;
  color:#3E5D6E;
  background:#FFFFFF;
}
body.lyfe-editorial :is(.repo-filter:hover,.pager a:hover) {
  background:#EDF6F6;
  border-color:#AFCED5;
  color:#1D657D;
}
body.lyfe-editorial .repo-filter.is-active {
  color:#1B6177;
  border-color:#B7D3D9;
  background:#E8F4F5;
}
body.lyfe-editorial .repo-empty { color:#51707D; border-color:#CEE0E1; }
