.view-home,.view-echo,.view-ecg{
  --vct-xs:.8125rem;--vct-sm:.875rem;--vct-base:1rem;--vct-lg:1.25rem;
  --vct-1:4px;--vct-2:8px;--vct-3:12px;--vct-4:16px;--vct-5:20px;--vct-6:24px;--vct-8:32px;
}
.view-echo{
  --bg:#f3f7fc;--bg-2:#e8f0fb;--panel:#fff;--panel-2:#eaf1fc;
  --ink:#142a45;--muted:#4a6079;--faint:#60728a;
  --line:rgba(35,83,159,.15);--line-2:rgba(35,83,159,.3);
  --green:#2563b8;--green-2:#1d4e92;--green-soft:rgba(37,99,184,.09);
  background:var(--bg);color:var(--ink);padding-bottom:var(--vct-8);
}
[data-theme="dark"] .view-echo{
  --bg:#0c1623;--bg-2:#102034;--panel:#132337;--panel-2:#182d46;
  --ink:#e7f0fc;--muted:#b3c4db;--faint:#9aacbf;
  --line:rgba(129,171,230,.19);--line-2:rgba(129,171,230,.38);
  --green:#8ab9fb;--green-2:#a6caff;--green-soft:rgba(138,185,251,.11);
}
.view-ecg{
  --bg:#faf8f0;--bg-2:#f1ead5;--panel:#fffefb;--panel-2:#f4efdf;
  --ink:#30291a;--muted:#6b5e42;--faint:#796c50;
  --line:rgba(139,103,28,.17);--line-2:rgba(139,103,28,.35);
  --green:#966916;--green-2:#80570e;--green-soft:rgba(150,105,22,.09);
  background:var(--bg);color:var(--ink);padding-bottom:var(--vct-8);
}
[data-theme="dark"] .view-ecg{
  --bg:#19160f;--bg-2:#231f14;--panel:#242015;--panel-2:#30291a;
  --ink:#f3eddb;--muted:#cbbd99;--faint:#bcad8a;
  --line:rgba(224,191,110,.18);--line-2:rgba(224,191,110,.35);
  --green:#d9b66b;--green-2:#ecd093;--green-soft:rgba(217,182,107,.1);
}
.navlink.active[data-nav="echo"]{color:#1d4e92;background:rgba(37,99,184,.1)}
.navlink.active[data-nav="ecg"]{color:#80570e;background:rgba(150,105,22,.12)}
[data-theme="dark"] .navlink.active[data-nav="echo"]{color:#a6caff;background:rgba(138,185,251,.13)}
[data-theme="dark"] .navlink.active[data-nav="ecg"]{color:#ecd093;background:rgba(217,182,107,.13)}
.view-echo .page-head,.view-ecg .page-head{padding-bottom:var(--vct-6)}
.view-echo .page-title,.view-ecg .page-title{color:var(--ink);font-size:clamp(1.5rem,1.25rem + 1vw,2.25rem);line-height:1.25}
.view-echo .page-sub,.view-ecg .page-sub{font-size:var(--vct-base);line-height:1.65}
.view-echo .vc-channels{max-width:800px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vct-3)}
.view-echo .vc-ch{min-height:72px;border-radius:8px;box-shadow:none;width:auto;min-width:0}
.view-echo .vce-navigation{box-sizing:border-box;padding:var(--vct-5);margin-bottom:var(--vct-6);border-radius:10px}
.view-echo .vce-navigation h4{font-size:var(--vct-xs);letter-spacing:.08em;margin:0 0 var(--vct-3)}
.view-echo .echo-toc{display:flex;flex-wrap:wrap;gap:var(--vct-2);margin:0}
.view-echo .echo-toc li{padding:0;border:0;flex:1 1 210px}
.view-echo .echo-toc a{display:flex;align-items:center;justify-content:space-between;gap:var(--vct-2);min-height:48px;
  border:1px solid var(--line-2);border-radius:6px;padding:var(--vct-2) var(--vct-3);font-size:var(--vct-sm);box-sizing:border-box}
.view-echo .echo-toc a:hover{background:var(--panel-2)}
.view-echo .echo-quick-note{font-size:var(--vct-xs);line-height:1.6;color:var(--muted);margin-top:var(--vct-3)}
.view-echo .echo-doppler-row{grid-template-columns:minmax(0,1fr);margin-bottom:var(--vct-8)}
.view-echo .echo-doppler-row.et-on{grid-template-columns:minmax(0,1fr)}
.view-echo .echo-doppler-row.et-on .et-card{max-width:760px;width:100%;box-sizing:border-box;margin-inline:auto;box-shadow:none}
.view-echo .echo-doppler-row.et-on .et-card img{max-height:460px;object-fit:contain;background:#000}
.view-echo .echo-doppler-card{box-shadow:none;border-radius:10px}
.view-echo .echo-doppler-widget{max-width:900px;margin-inline:auto}
.view-echo .echo-section-head h3{font-size:var(--vct-lg)}
.view-echo .echo-section-head p{font-size:var(--vct-sm);line-height:1.7;max-width:100ch}
.view-echo .echo-view-card{border-radius:10px;box-shadow:none;background:var(--panel);gap:var(--vct-4);padding:var(--vct-5)}
.view-echo .evc-title{font-size:var(--vct-base);line-height:1.5}
.view-echo .evc-purpose,.view-echo .evc-details{font-size:var(--vct-sm);line-height:1.65}
.view-echo .evc-figure{border-radius:6px}
.view-echo .echo-view-card details>summary{padding-block:var(--vct-3);min-height:44px;box-sizing:border-box;font-size:var(--vct-sm)}
.view-echo .echo-open-tab,.view-echo .echo-species-tab,.view-echo .echo-section-tab{min-height:44px;font-size:var(--vct-sm)}
.view-echo .echo-open-tab.active{background:var(--green-2);border-color:var(--green-2);color:#fff}
[data-theme="dark"] .view-echo .echo-open-tab.active{color:var(--bg)}
.view-echo .echo-group>summary,.view-echo .echo-table-block>summary{min-height:48px}
.view-echo .echo-table-wrap{max-width:100%;overflow-x:auto}
.view-echo .echo-src,.view-echo .echo-table-source{font-size:var(--vct-xs);line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.view-echo section[id]{scroll-margin-top:calc(var(--nav-h) + var(--vct-5))}
.view-echo a:focus-visible,.view-echo summary:focus-visible,.view-echo button:focus-visible{
  outline:2px solid var(--green);outline-offset:3px}
.view-echo [hidden],.view-ecg [hidden]{display:none!important}
.view-home .chip-new,.view-echo .chip-new{color:#a12d5f}
.view-echo .chip-soon{color:#80570e}
[data-theme="dark"] .view-home .chip-new,[data-theme="dark"] .view-echo .chip-new{color:#f29ac0}
[data-theme="dark"] .view-echo .chip-soon{color:#efc777}

.view-ecg .xray-doc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vct-6)}
.view-ecg .xray-doc{order:0;min-width:0}
.view-ecg .xray-doc{border-radius:10px;box-shadow:none;background:var(--panel)}
.view-ecg .xray-doc-title{font-size:var(--vct-lg)}
.view-ecg .xray-doc-lead{font-size:var(--vct-sm);line-height:1.65}
.view-ecg .xray-doc-head{background:var(--panel);border-bottom:1px solid var(--line)}
.vcg-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);gap:var(--vct-3);margin-bottom:var(--vct-6)}
.vcg-controls .vct-result{grid-column:1/-1;margin:0}
.view-ecg .ecg-group-title{font-size:var(--vct-sm);line-height:1.5;letter-spacing:.04em;padding-bottom:var(--vct-3)}
.view-ecg .ecg-item{background:var(--panel);border-radius:6px;border-color:var(--line);padding:var(--vct-4);gap:var(--vct-3)}
.view-ecg .ecg-item:hover{transform:none;box-shadow:none;border-color:var(--green)}
.view-ecg .ecg-item-ic{background:transparent;color:var(--green-2);width:36px}
.view-ecg .ecg-item-title{font-size:var(--vct-base);line-height:1.45}
.view-ecg .ecg-item-desc{font-size:var(--vct-xs);line-height:1.6}
.view-ecg .ecg-video-card{border-radius:8px;border:1px solid var(--line);background:var(--panel-2)}
.view-ecg .ecg-video-media .ecg-video-el{max-height:260px!important;object-fit:contain}
.view-ecg .ecg-video-body{padding:var(--vct-4)}
.view-ecg .ecg-video-title{font-size:var(--vct-base)}
.vcg-mechanism summary{cursor:pointer;color:var(--green-2);font-size:var(--vct-sm);min-height:44px;padding-top:var(--vct-3)}
.vcg-mechanism .ecg-video-desc{font-size:var(--vct-sm);line-height:1.7}

.view-home{
  --bg:#f5f7f9;--panel:#fff;--panel-2:#edf1f5;--ink:#1b2c40;--muted:#526579;--faint:#647589;
  --green:#2d526f;--green-2:#25455e;--green-soft:rgba(45,82,111,.08);
  --line:rgba(29,53,77,.12);--line-2:rgba(29,53,77,.28);background:var(--bg);color:var(--ink);
}
[data-theme="dark"] .view-home{
  --bg:#101820;--panel:#192530;--panel-2:#20303e;--ink:#edf3f8;--muted:#b3c2d0;--faint:#9baebe;
  --green:#aac8e1;--green-2:#c1daed;--green-soft:rgba(170,200,225,.1);
  --line:rgba(175,203,224,.15);--line-2:rgba(175,203,224,.3);
}
.view-home .hero{padding-block:clamp(32px,5vw,64px);overflow:visible;border-bottom:1px solid var(--line)}
.view-home .hero-glow{display:none}
.view-home .hero-inner{max-width:var(--wrap);display:grid;grid-template-columns:minmax(0,1fr) 140px;column-gap:var(--vct-8);align-items:center}
.view-home .hero-logo{grid-column:2;grid-row:1/5;height:170px;width:auto;max-width:100%;margin:0;justify-self:end}
.view-home .hero-title{grid-column:1;grid-row:1;font-size:clamp(1.75rem,1.25rem + 2vw,2.75rem);line-height:1.2;margin:0 0 var(--vct-4);letter-spacing:-.02em}
.view-home .hero-title span{display:block}
.view-home .hero-sub{grid-column:1;grid-row:2;font-size:var(--vct-base);line-height:1.7;max-width:75ch}
.vch-actions{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:var(--vct-3);margin-top:var(--vct-5)}
.view-home .hero-note{grid-column:1;grid-row:4;font-size:var(--vct-xs);color:var(--muted);margin-top:var(--vct-4);line-height:1.6}
.view-home .btn-primary{background:var(--green-2);border-color:var(--green-2);color:#fff;box-shadow:none}
[data-theme="dark"] .view-home .btn-primary{color:var(--bg)}
.view-home .section{padding-block:var(--vct-8)}
.vch-directory{scroll-margin-top:calc(var(--nav-h) + var(--vct-5))}
.vch-category{margin-bottom:var(--vct-8)}
.vch-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--vct-4);margin-bottom:var(--vct-4)}
.vch-category-head h2{font-size:var(--vct-lg);line-height:1.4}
.vch-category-head p{font-size:var(--vct-sm);color:var(--muted);line-height:1.5}
.vch-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vct-4)}
.view-home .feature-card{display:grid;grid-template-columns:120px minmax(0,1fr);border-radius:10px;box-shadow:none;min-width:0;background:var(--panel)}
.view-home .feature-card:hover{transform:none;box-shadow:none;border-color:var(--green-2)}
.view-home .fc-media{height:100%;min-height:160px;aspect-ratio:auto;border:0;display:grid;place-items:center;overflow:hidden}
.view-home .fc-media svg{width:100%;height:auto;object-fit:contain}
.view-home .fc-body{padding:var(--vct-5);gap:var(--vct-2)}
.view-home .fc-body h3{font-size:var(--vct-base);line-height:1.4}
.view-home .fc-body p{font-size:var(--vct-sm);line-height:1.6}
.view-home .fc-link{font-size:var(--vct-sm);min-height:30px;padding-top:var(--vct-2)}
.view-home .chip{font-size:.75rem}
.view-home .feature-card[data-nav="ecg"]{--green:#966916;--green-2:#80570e}
.view-home .feature-card[data-nav="echo"]{--green:#2563b8;--green-2:#1d4e92}
.view-home .feature-card[data-nav="library"]{--green:#0d9488;--green-2:#0f766e}
.view-home .feature-card[data-nav="boosty"]{--green:#ea580c;--green-2:#c2410c}
.view-home .feature-card[data-nav="science"]{--green:#6d3fd1;--green-2:#5a2fb8}
[data-theme="dark"] .view-home .feature-card[data-nav="ecg"]{--green:#d9b66b;--green-2:#ecd093}
[data-theme="dark"] .view-home .feature-card[data-nav="echo"]{--green:#8ab9fb;--green-2:#a6caff}
[data-theme="dark"] .view-home .feature-card[data-nav="library"]{--green:#2dd4bf;--green-2:#5eead4}
[data-theme="dark"] .view-home .feature-card[data-nav="boosty"]{--green:#ff8a4c;--green-2:#ffab7a}
[data-theme="dark"] .view-home .feature-card[data-nav="science"]{--green:#a78bfa;--green-2:#c4b5fd}
@media(max-width:900px){
  .view-ecg .xray-doc-layout{grid-template-columns:minmax(0,1fr)}
  .vch-category-head{align-items:flex-start;flex-direction:column;gap:var(--vct-1)}
  .view-home .feature-card{grid-template-columns:92px minmax(0,1fr)}
}
@media(max-width:600px){
  .view-echo .vc-channels{gap:var(--vct-2)}
  .view-echo .vc-ch{padding:var(--vct-3) var(--vct-2);gap:6px}
  .view-echo .vc-ch-ic{width:26px;height:26px;border-radius:6px;flex:none}
  .view-echo .vc-ch-ic svg{width:18px;height:18px}
  .view-echo .vc-ch-t{min-width:0}
  .view-echo .vc-ch-name{font-size:.75rem;line-height:1.35;overflow-wrap:normal}
  .view-echo .vc-ch-msg{font-size:.75rem}
  .view-echo .vc-ch-arr{display:none}
  .view-echo .vce-navigation{padding:var(--vct-4)}
  .view-echo .echo-toc li{flex-basis:100%}
  .view-echo .echo-view-card{padding:var(--vct-4)}
  .view-echo .echo-open-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .view-echo .echo-open-tab{padding-inline:var(--vct-2)}
  .vcg-controls{grid-template-columns:minmax(0,1fr)}
  .view-ecg .ecg-grid{grid-template-columns:minmax(0,1fr)}
  .view-home .hero-inner{grid-template-columns:minmax(0,1fr) 64px;gap:var(--vct-3)}
  .view-home .hero-logo{height:auto;grid-row:1;max-height:88px;align-self:start}
  .view-home .hero-title{font-size:1.75rem}
  .view-home .hero-sub,.vch-actions,.view-home .hero-note{grid-column:1/-1}
  .view-home .hero-sub{font-size:var(--vct-sm)}
  .vch-cards{grid-template-columns:minmax(0,1fr)}
  .view-home .feature-card{grid-template-columns:84px minmax(0,1fr)}
  .view-home .fc-body{padding:var(--vct-4)}
  .view-home .fc-media{min-height:140px}
}