@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  
  --paper:#f3f2ee;          
  --surface:#ffffff;        
  --surface-2:#faf9f6;      
  --surface-sink:#eeece5;   
  --ink:#17181c;            
  --ink-2:#5c5f66;          
  --ink-3:#8f9099;          
  --line:#e7e4dc;           
  --line-2:#d9d5ca;         

  
  --brand:#12354f;          
  --brand-2:#1c4d72;        
  --brand-ink:#eaf1f7;      
  --link:#1f5c96;           
  --link-bg:#e9f1f9;        

  
  --pos:#0d6b4f;  --pos-bg:#e2f3ec;   
  --neg:#b23b3b;  --neg-bg:#fbeae9;   
  --warn:#8a5a12; --warn-bg:#f8eed9;  

  
  --dv-stock:#1c4d72;       
  --dv-bond:#3f8f79;        
  --dv-alt:#c88a3a;         
  --dv-cash:#8f9099;        
  --dv-track:#ece9e1;       

  
  --bg:#f3f2ee; --card:#ffffff; --line2:#d9d5ca;
  --tx:#17181c; --tx2:#5c5f66; --tx3:#8f9099;
  --acc:#1f5c96; --accbg:#e9f1f9;     
  --dg:#b23b3b; --dgbg:#fbeae9;       
  --ok:#0d6b4f; --okbg:#e2f3ec;       
  --warnbg:#f8eed9;

  
  --r-sm:8px; --r-md:10px; --r:12px; --r-lg:16px; --r-xl:20px;  
  --shadow-sm:0 1px 2px rgba(24,26,32,.05);   
  --shadow:0 4px 16px rgba(24,26,32,.07);
  --shadow-lg:0 12px 34px rgba(24,26,32,.12); 
  --maxw:980px;                                
  --ease:cubic-bezier(.2,.7,.3,1);             

  
  --fs-cap:12px;    
  --fs-xs:13px;     
  --fs-sm:14px;     
  --fs-rg:15px;     
  --fs-base:16px;   
  --fs-md:17px;     
  --fs-lg:18px;     
  --fs-xl:20px;     
  --fs-2xl:24px;    
  --fs-3xl:28px;    
  --fs-4xl:34px;    
  --fs-stat:30px;   
  --fs-stat-lg:40px;
  --lh-tight:1.25;  
  --lh-copy:1.6;    
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:var(--lh-copy);
  font-size:var(--fs-base);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}

.lead a,.faq-a a,.guide-lead a,.guide-sec a,.guide-key a,.note a,.alert a,.hint a,.ql-conc a,.ql-method a,.ql-list a,.di a,.sim-tip a,.md-table a,.cat-summary a{color:var(--link);font-weight:600}
.lead a:hover,.faq-a a:hover,.guide-lead a:hover,.guide-sec a:hover,.note a:hover,.alert a:hover,.hint a:hover,.ql-conc a:hover,.ql-method a:hover,.di a:hover,.sim-tip a:hover,.md-table a:hover,.cat-summary a:hover{color:var(--brand)}
::selection{background:#12354f22}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-feature-settings:"tnum";letter-spacing:0}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
main.wrap{display:block;padding-bottom:64px}
@media(max-width:600px){
  .wrap{padding:0 16px}
}

header.nav{
  position:sticky;top:0;z-index:40;
  background:rgba(243,242,238,.82);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.nav .wrap{display:flex;align-items:center;gap:12px;height:62px;max-width:1180px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:var(--fs-lg);
  letter-spacing:0;white-space:nowrap;flex-shrink:0;margin-right:14px;color:var(--ink)}
.brand .mark{width:28px;height:28px;flex-shrink:0}

.brand small{font-weight:700;font-size:var(--fs-cap);letter-spacing:.3px;color:#fff;background:var(--brand);padding:2px 7px;border-radius:var(--r-sm);line-height:1.4}
footer.site .brand small{color:#12354f;background:#ffffff}   
.nav-panel{display:contents}
.nav-toggle{display:none}
.nav-links{display:flex;align-items:center;gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:14px}
.nav-links::-webkit-scrollbar{display:none}
.nav a.l{color:var(--ink-2);font-size:var(--fs-rg);font-weight:500;white-space:nowrap;flex-shrink:0;
  padding:7px 12px;border-radius:var(--r-sm);transition:.15s var(--ease)}
.nav a.l:hover{background:var(--surface);color:var(--ink)}
.nav a.l.on{color:var(--brand);background:var(--surface);box-shadow:var(--shadow-sm)}
.navsearch-wrap{position:relative;flex:1;min-width:110px;max-width:230px;margin-left:auto;flex-shrink:0}
.nav-search-link{display:none;text-decoration:none}
.navsearch{width:100%;border:1px solid var(--line-2);border-radius:var(--r-md);
  padding:8px 12px 8px 33px;font-size:var(--fs-rg);background:var(--surface);color:var(--ink);
  font-family:inherit;transition:.15s var(--ease)}
.navsearch-wrap::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;opacity:.5;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317181c' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.navsearch::placeholder{color:var(--ink-3)}
.navsearch:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px #1c4d7222}
.navac{position:fixed;z-index:50;background:var(--surface);border:1px solid var(--line-2);
  border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden;display:none}
.navac a{display:block;padding:10px 15px;font-size:var(--fs-rg);color:var(--ink);
  border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navac a:last-child{border:none}.navac a:hover{background:var(--surface-2)}
.navac a.more{color:var(--link);font-size:var(--fs-sm);font-weight:600}

@media(min-width:1024px){
  .nav-links{flex:1;justify-content:center;margin-left:0}
}

@media(max-width:600px){
  .nav .wrap{flex-wrap:wrap;height:auto;min-height:60px;padding-top:8px;padding-bottom:8px}
  .brand{margin-right:auto}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;
    width:42px;height:42px;padding:0;border:1px solid var(--line-2);border-radius:var(--r-md);
    background:var(--surface);cursor:pointer;flex-shrink:0}
  .nav-toggle span{display:block;width:19px;height:2px;background:var(--ink);border-radius:2px;transition:.2s var(--ease)}
  .nav-panel{display:none;flex-basis:100%;width:100%}
  .nav.nav-open{background:var(--surface);box-shadow:var(--shadow-lg)}
  .nav.nav-open .nav-panel{display:block;padding:6px 0 10px}
  .nav.nav-open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:2px;overflow:visible}
  .nav.nav-open .nav-links a.l{padding:13px 14px;font-size:var(--fs-base);border-radius:var(--r-md);text-align:left;color:var(--ink)}
  .nav.nav-open .nav-links a.l.on{background:var(--link-bg);color:var(--brand);box-shadow:none;font-weight:700}
  
  .nav.nav-open .navsearch-wrap{display:none}
  .nav.nav-open .nav-search-link{display:block;margin:8px 0 2px;padding:13px 14px;font-size:var(--fs-base);font-weight:700;
    color:var(--brand);border:1px solid var(--line-2);border-radius:var(--r-md);text-align:left}
  .nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav.nav-open .nav-toggle span:nth-child(2){opacity:0}
  .nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}

h1{font-size:clamp(25px,6.6vw,var(--fs-4xl));font-weight:800;margin:.2em 0;letter-spacing:0;line-height:1.2;word-break:keep-all;text-wrap:balance}
h2{font-size:clamp(20px,5.2vw,var(--fs-2xl));font-weight:750;margin:2em 0 .7em;letter-spacing:0;line-height:1.28;word-break:keep-all}
h3{font-size:var(--fs-md);font-weight:750;margin:0;letter-spacing:0;line-height:1.35}
p{margin:.5em 0}
.muted{color:var(--ink-2)}
.hint{color:var(--ink-3);font-size:var(--fs-xs);line-height:1.55}
.lead{font-size:var(--fs-lg);color:var(--ink-2);line-height:1.58;letter-spacing:0;max-width:100%;word-break:keep-all;text-wrap:pretty}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:650;
  letter-spacing:0;color:var(--brand-2);text-transform:none}
.eyebrow::before{content:"";width:16px;height:1.5px;background:var(--brand-2);border-radius:2px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:2.2em 0 .9em;flex-wrap:wrap}
.section-head h2{margin:0}
.section-head .tag{font-size:var(--fs-xs);color:var(--ink-3)}
.hold-cloud{display:flex;flex-wrap:wrap;gap:8px}
.hold-cloud a{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:var(--fs-sm);font-weight:600;text-decoration:none;word-break:keep-all}
.hold-cloud a:hover{border-color:var(--brand-2);color:var(--brand)}
.hold-cloud a .hint{font-size:var(--fs-cap);font-weight:500}

button,.btn{font-family:inherit;font-size:var(--fs-rg);font-weight:650;letter-spacing:0;
  cursor:pointer;border-radius:var(--r-md);border:1px solid var(--line-2);
  background:var(--surface);color:var(--ink);padding:9px 15px;
  transition:.15s var(--ease);display:inline-flex;align-items:center;gap:7px;line-height:1.1}
button:hover,.btn:hover{border-color:var(--ink-3);background:var(--surface-2)}
button:active,.btn:active{transform:translateY(.5px)}
button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1c4d7233}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2)}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink-2)}
.btn-sm{padding:6px 11px;font-size:var(--fs-sm);border-radius:var(--r-sm)}
.btn-link{border:none;background:none;color:var(--link);padding:0;font-weight:600}
.icon-btn{padding:6px;width:30px;height:30px;justify-content:center;border-radius:var(--r-sm);color:var(--ink-3)}
.icon-btn:hover{color:var(--neg);border-color:var(--neg)}

input,select,textarea{font-family:inherit;font-size:var(--fs-rg);color:var(--ink);
  background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);
  padding:10px 13px;transition:.15s var(--ease);line-height:1.2}
input::placeholder{color:var(--ink-3)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px #1c4d7222}
input[type=number]{font-variant-numeric:tabular-nums}
select{appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c5f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;background-size:15px}
.field{display:flex;flex-direction:column;gap:6px}
.field > label,.field-label{font-size:var(--fs-sm);font-weight:650;color:var(--ink-2);letter-spacing:0}
.input-affix{position:relative;display:inline-flex;align-items:center}
.input-affix input{width:100%}
.input-affix .suffix{position:absolute;right:13px;color:var(--ink-3);font-size:var(--fs-sm);pointer-events:none}
.input-lg{font-size:var(--fs-base);padding:14px 16px;border-radius:var(--r)}
.search-lg{position:relative}
.search-lg input{width:100%;padding-left:46px}
.search-lg::before{content:"";position:absolute;left:17px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;opacity:.45;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317181c' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}

.segmented{display:inline-flex;background:var(--surface-sink);border:1px solid var(--line);
  border-radius:var(--r-md);padding:3px;gap:2px}
.segmented button,.segmented .seg{border:none;background:transparent;color:var(--ink-2);
  padding:7px 14px;border-radius:var(--r-sm);font-size:var(--fs-rg);font-weight:650;box-shadow:none}
.segmented button:hover,.segmented .seg:hover{background:#00000008;color:var(--ink)}
.segmented button.on,.segmented .seg.on,.segmented button[aria-pressed=true]{
  background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}

.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--fs-rg);color:var(--ink);user-select:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch .track{width:42px;height:24px;border-radius:99px;background:var(--line-2);
  position:relative;transition:.18s var(--ease);flex-shrink:0}
.switch .track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;
  border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:.18s var(--ease)}
.switch input:checked + .track{background:var(--brand)}
.switch input:checked + .track::after{transform:translateX(18px)}
.switch input:focus-visible + .track{box-shadow:0 0 0 3px #1c4d7233}

.sortbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:14px 0 10px}
.sortbar .lb{font-size:var(--fs-xs);font-weight:650;color:var(--ink-3);margin-right:2px}
.sb{font-size:var(--fs-sm);font-weight:650;padding:7px 14px;border:1px solid var(--line-2);border-radius:99px;
  background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:.15s var(--ease)}
.sb:hover{border-color:var(--ink-3);color:var(--ink)}
.sb.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:650;
  padding:4px 11px;border-radius:99px;border:1px solid var(--line-2);color:var(--ink-2);
  background:var(--surface);margin:2px 3px 2px 0;line-height:1.3;letter-spacing:0;white-space:nowrap}
.pill.ok{background:var(--pos-bg);color:var(--pos);border-color:transparent}
.pill.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.pill.acc{background:var(--link-bg);color:var(--link);border-color:transparent}
.pill.dg{background:var(--neg-bg);color:var(--neg);border-color:transparent}
.pill.dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 22px;box-shadow:var(--shadow-sm)}
a.card,.card-link{transition:.16s var(--ease);display:block}
a.card:hover,.card-link:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}
.card-pad-sm{padding:16px 18px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px}
.stat .lbl{font-size:var(--fs-xs);font-weight:650;color:var(--ink-3);letter-spacing:0}
.stat .val{font-size:var(--fs-stat);font-weight:800;margin-top:3px;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.12}
.stat .sub{font-size:var(--fs-xs);color:var(--ink-3);margin-top:4px;line-height:1.4}

.dist-hist .more-row{display:none}
.dist-hist.open .more-row{display:table-row}
.more-btn{background:none;border:0;color:var(--acc);font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;padding:8px 0 0;margin:0}
.more-btn:hover{text-decoration:underline}

.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.list:empty{display:none}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:13px 16px;border-bottom:1px solid var(--line);font-size:var(--fs-rg);transition:.13s var(--ease)}
.row:last-child{border:none}
a.row:hover{background:var(--surface-2)}
.row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500}
.row>span:first-child{flex:1;min-width:0;word-break:keep-all}
.row .pill{flex-shrink:0}
.rank-list .row{padding-left:14px}
.rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:var(--r-sm);background:var(--surface-sink);color:var(--ink-2);font-size:var(--fs-xs);font-weight:700;
  flex-shrink:0;margin-right:11px;font-variant-numeric:tabular-nums}
.row .rank.top{background:var(--brand);color:#fff}

table{width:100%;border-collapse:collapse;font-size:var(--fs-rg)}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);word-break:keep-all}
thead th{color:var(--ink-3);font-weight:650;font-size:var(--fs-xs);letter-spacing:0;text-transform:none;
  background:var(--surface-2)}
td.n,th.n,td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}

.dist-hist td:first-child,.tr-return td:first-child{white-space:nowrap}

.tr-return td,.tr-return th{padding-left:7px;padding-right:7px}
.tr-return td:first-child{padding-left:2px}
tbody tr{transition:.13s var(--ease)}
tr.clickable{cursor:pointer}
tr.clickable:hover{background:var(--surface-2)}
.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}

.md-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}
@media(max-width:600px){.md-table table{font-size:var(--fs-sm)}.md-table th,.md-table td{padding:9px 10px}}
.table-card table td:first-child,.table-card table th:first-child{padding-left:18px}
.table-card table td:last-child,.table-card table th:last-child{padding-right:18px}
td.rank-col,th.rank-col{width:52px;min-width:52px;max-width:52px;text-align:center;
  color:var(--ink-3);font-variant-numeric:tabular-nums}
.table-card table td.rank-col,.table-card table th.rank-col{padding-left:10px;padding-right:10px}

.lowcost-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:601px){.lowcost-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

@media(min-width:601px){
  .table-card.listtable{overflow:visible;border-radius:0}
  .listtable thead th{position:sticky;top:62px;z-index:5;background:var(--surface);border-bottom:0;box-shadow:inset 0 -1px 0 var(--line);white-space:nowrap;vertical-align:middle}
  .listtable table td:first-child{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .listtable th,.listtable td{padding-left:10px;padding-right:10px}
  
  #lt{table-layout:fixed}
  #lt thead th{white-space:normal}
  #lt th.num,#lt td.num{width:8.8%}
  
  #lt th:last-child,#lt td:last-child{width:104px}
}

@media(max-width:600px){
  .table-card.cardify{overflow:visible;background:none;border:none;box-shadow:none;border-radius:0}
  .table-card.cardify table,.table-card.cardify tbody,.table-card.cardify tr,.table-card.cardify td{display:block;width:auto}
  .table-card.cardify thead{display:none}
  .table-card.cardify tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
    margin-bottom:10px;padding:13px 15px;box-shadow:var(--shadow-sm);position:relative}
  .table-card.cardify tr:last-child{margin-bottom:0}
  .table-card.cardify td{border:none;padding:5px 0;display:flex;justify-content:space-between;
    align-items:baseline;gap:14px;text-align:right;font-size:var(--fs-sm)}
  .table-card.cardify table td:first-child,.table-card.cardify table th:first-child{padding-left:0}
  .table-card.cardify table td:last-child,.table-card.cardify table th:last-child{padding-right:0}
  .table-card.cardify td:first-child{display:block;text-align:left;padding:0 0 9px;margin-bottom:4px;
    border-bottom:1px solid var(--line);font-size:var(--fs-base);font-weight:700}
  .table-card.cardify td[data-label]::before{content:attr(data-label);color:var(--ink-3);
    font-size:var(--fs-xs);font-weight:600;white-space:nowrap;text-align:left;flex-shrink:0}
  .table-card.cardify td:empty{display:none}
  
  .table-card.cardify td:first-child a[href]::after{content:"";position:absolute;inset:0;z-index:1}
  
  .table-card.cardify.holdings td:first-child{display:none}
  .table-card.cardify.holdings td:nth-child(2){display:block;text-align:left;font-weight:700;font-size:var(--fs-rg);
    border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:3px}
  
  .table-card.cardify.peers tbody tr:nth-child(n+6){display:none}
  
  .recent-return-table,.recent-return-table tbody,.recent-return-table tr,.recent-return-table td{display:block;width:auto}
  .recent-return-table thead{display:none}
  .recent-return-table tr{border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;padding:11px 14px}
  .recent-return-table td{white-space:normal;border:none;padding:5px 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:right}
  .recent-return-table td:first-child{display:block;text-align:left;font-weight:700;font-size:var(--fs-rg);border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:3px}
  .recent-return-table td[data-label]::before{content:attr(data-label);color:var(--ink-3);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}
}

.crumb{font-size:var(--fs-sm);color:var(--ink-2);margin:18px 0 4px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.crumb a{color:var(--link);font-weight:500}
.crumb .sep{color:var(--ink-3)}
.disc{background:var(--warn-bg);color:var(--warn);border-radius:var(--r);
  padding:12px 15px;font-size:var(--fs-sm);margin:12px 0;line-height:1.55}
.note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 15px;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55}
.alert{border-radius:var(--r);padding:14px 16px;font-size:var(--fs-rg);line-height:1.55}
.alert-title{font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:4px}
.alert.neg{background:var(--neg-bg);color:#7f2727}.alert.neg .alert-title{color:var(--neg)}
.alert.pos{background:var(--pos-bg);color:#0a4a37}.alert.pos .alert-title{color:var(--pos)}
.alert.warn{background:var(--warn-bg);color:#6d4710}.alert.warn .alert-title{color:var(--warn)}
.defn{font-size:var(--fs-base);line-height:1.72;margin:8px 0 4px;color:var(--ink)}

.chartbox{position:relative;height:240px;margin:10px 0}
.bar{height:10px;flex:1;background:var(--dv-track);border-radius:999px;overflow:hidden}
.bar > span{display:block;height:100%;border-radius:999px}
.barrow{display:flex;align-items:center;gap:10px;margin:6px 0}
.barrow .k{width:88px;font-size:var(--fs-sm);color:var(--ink-2);flex-shrink:0}
.barrow .v{width:44px;text-align:right;font-size:var(--fs-sm);font-weight:650;font-variant-numeric:tabular-nums}
.stackbar{display:flex;height:12px;border-radius:var(--r-sm);overflow:hidden;background:var(--dv-track)}
.stackbar > span{height:100%}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;font-size:var(--fs-xs);color:var(--ink-2)}
.legend .lg{display:inline-flex;align-items:center;gap:6px}
.legend .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}

footer.site{background:var(--brand);color:var(--brand-ink);margin-top:56px}
footer.site .wrap{padding-top:34px;padding-bottom:36px}

footer.site .foot-top{display:flex;flex-direction:column;gap:26px;
  padding-bottom:24px;border-bottom:1px solid #ffffff22}
footer.site .brand{color:#fff}

footer.site .foot-links{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:2px 32px}

@media(min-width:601px){footer.site .foot-search{display:none}}
footer.site .foot-col{display:block}
footer.site .foot-col-links{display:flex;flex-direction:column;gap:9px}
footer.site .foot-h{display:block;font-size:var(--fs-cap);font-weight:700;color:#ffffff80;letter-spacing:.01em;margin-bottom:11px}
footer.site .foot-links a{color:#ffffffcc;font-size:var(--fs-sm);font-weight:500}
footer.site .foot-links a:hover{color:#fff}

@media(max-width:600px){
  footer.site .foot-links{display:block;margin-left:0}
  footer.site .foot-col{margin-bottom:15px}
  footer.site .foot-col:last-child{margin-bottom:0}
  footer.site .foot-h{margin-bottom:8px}
  footer.site .foot-col-links{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
}
footer.site p{font-size:var(--fs-xs);color:#ffffff99;line-height:1.6;margin:12px 0 0;max-width:none}
footer.site b{color:#ffffffcc;font-weight:600}

.stack{display:flex;flex-direction:column}
.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}
.row-flex{display:flex;align-items:center;gap:8px}

.row-flex>a{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-flex>.n{white-space:nowrap;flex-shrink:0}
.wrap-flex{display:flex;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.hr{height:1px;background:var(--line);border:none;margin:28px 0}

.pos{color:var(--neg)}.neg{color:var(--acc)}.brandc{color:var(--brand)}

.ranked{counter-reset:rk}
.ranked .row{counter-increment:rk}
.ranked .row::before{content:counter(rk);display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:var(--r-sm);background:var(--surface-sink);color:var(--ink-2);
  font-size:var(--fs-xs);font-weight:700;flex-shrink:0;margin-right:2px;font-variant-numeric:tabular-nums}
.ranked .row:nth-child(1)::before,.ranked .row:nth-child(2)::before,.ranked .row:nth-child(3)::before{
  background:var(--brand);color:#fff}

.hero{padding:40px 0 24px}
.hero .eyebrow{margin-bottom:14px}
.hero h1{margin:0}
.hero .lead{margin:14px 0 0}
.page-hero .lead{max-width:100%;font-size:var(--fs-lg);line-height:1.58}
.hero-lead{padding-top:40px;padding-bottom:30px}
.hero-lead h1{max-width:none}
.hero-lead .lead{max-width:100%;font-size:var(--fs-lg);line-height:1.58}
.hero-lead .cta-row{margin-top:22px}
.cta-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}
.cta-row .btn{padding:12px 20px;font-size:var(--fs-rg);border-radius:var(--r-md)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.trust .t{font-size:var(--fs-sm);color:var(--ink-3);padding:0 22px;border-left:1px solid var(--line);line-height:1.45}
.trust .t:first-child{padding-left:0;border-left:none}
.trust .t b{display:block;font-size:var(--fs-lg);font-weight:800;color:var(--ink);letter-spacing:0;margin-bottom:4px}
.trust a.t{text-decoration:none;transition:color .12s}
.trust a.t:hover b{color:var(--brand-2)}
@media(max-width:640px){.trust{grid-template-columns:1fr 1fr;gap:22px 0}.trust .t{text-align:center;padding:0 10px;border-left:none}}

.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}
.model .mhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.model .mhead h3{font-size:var(--fs-lg)}
.model .mdd{display:flex;align-items:baseline;gap:9px;margin:15px 0 3px}
.model .mdd .n{font-size:var(--fs-3xl);font-weight:800;color:var(--neg);letter-spacing:0;font-variant-numeric:tabular-nums}
.model .mdd .l{font-size:var(--fs-xs);color:var(--ink-3)}
.model .desc{font-size:var(--fs-sm);color:var(--ink-2);margin:12px 0 0;min-height:38px}
.model .go{margin-top:14px;color:var(--link);font-size:var(--fs-sm);font-weight:650;display:inline-flex;gap:5px;align-items:center}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:var(--r-md);background:var(--brand);color:#fff;font-weight:800;font-size:var(--fs-sm);margin-bottom:10px;flex-shrink:0}

.step-card .step-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.step-card .step-head .step-num{margin-bottom:0}
.step-card .step-head h3{margin:0}
.step-card .step-go{margin-left:auto;color:var(--acc);font-weight:800;font-size:var(--fs-xl);line-height:1;transition:transform .16s var(--ease)}
.step-card:hover .step-go{transform:translateX(4px)}
.step-card .step-desc{font-size:var(--fs-sm);margin:0;color:var(--ink-2);line-height:1.55}

.builder{padding:22px 24px}
.empty{padding:28px 22px;text-align:center;color:var(--ink-3);font-size:var(--fs-rg);line-height:1.6;
  background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r)}
.empty b{color:var(--ink-2);font-weight:700}
.list-total{background:var(--surface-2);font-weight:600}

#sug{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30}
#sug:empty{display:none}
#sug .list{margin-top:0;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);
  box-shadow:var(--shadow-lg);overflow-y:auto;max-height:min(56vh,340px)}
#sug .row{cursor:pointer;padding-left:16px;padding-right:12px}
#sug .row .add{font-size:var(--fs-xs);font-weight:700;color:var(--link);flex-shrink:0}
.alert ul{margin:8px 0 0}
.alert-title svg{flex-shrink:0}

.control-row{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end}

#advancedsettings .control-row{align-items:flex-start}
#advancedsettings .control-row .field-label{min-height:1.4em}
.wt{display:block;padding:12px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}
.wt-name{font-size:var(--fs-sm);font-weight:650}
.wt-hint{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.backtest-hero{display:block}
.backtest-setup{padding:18px 20px}
.preset-block{margin:8px 0}
.preset-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);margin-bottom:9px}
.preset-label .hint{display:inline;font-weight:400}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.preset-tabs{margin-top:8px}
.preset-panel{margin-top:10px}
.preset-panel[hidden]{display:none}
.preset-info{margin-top:11px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sink);padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:baseline}
.preset-info .title{font-size:var(--fs-rg);font-weight:800;color:var(--ink)}
.preset-info .desc{font-size:var(--fs-sm);line-height:1.45;color:var(--ink-2);min-width:0}
.preset-info .note-text{grid-column:1/-1;font-size:var(--fs-xs);line-height:1.4;color:var(--ink-3)}
.preset-info .mix{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.preset-info .mix-i{font-size:var(--fs-cap);font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:3px 9px}
#groupcompare tr.cmp-on{background:var(--link-bg)}
.data-badges{grid-area:badges;display:flex;gap:6px;flex-wrap:wrap;margin-top:0;justify-content:flex-end;max-width:360px}
.backtest-divider{margin:14px 0}
.bt-summary{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:12px;margin:12px 0}
.result-note{display:block;margin:0 0 12px}
.result-main{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
.result-main b{color:var(--ink);font-size:var(--fs-sm)}
.result-main span{color:var(--ink-2);min-width:0}
.result-main .result-caution{flex-basis:100%;color:var(--ink-3)}
.result-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-top:8px}
.result-note .result-tags{margin-top:0}
.result-tags span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:var(--fs-xs);font-weight:700;color:var(--ink-2);white-space:nowrap}
.bt-main-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bt-side-stats{display:grid;grid-template-columns:1fr;gap:12px}
.bt-main-stats .stat{padding:22px 22px;min-height:132px}
.bt-main-stats .stat .lbl{font-size:var(--fs-sm)}
.bt-main-stats .stat .val{font-size:var(--fs-stat-lg);line-height:1.05;margin-top:18px}
.bt-side-stats .stat{background:var(--surface-sink)}
.bt-side-stats .stat .val{font-size:var(--fs-2xl)}
.backtest-hero .lead{max-width:none}
.weight-disclosure{margin-top:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:0 12px}
.weight-disclosure summary{cursor:pointer;list-style:none;padding:12px 0;font-size:var(--fs-rg);font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.weight-disclosure summary::-webkit-details-marker{display:none}
.weight-disclosure summary::before{content:none}
.weight-disclosure summary::after{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2);font-size:var(--fs-xs);color:var(--ink-2);margin-left:auto;flex-shrink:0}
.weight-disclosure[open] > summary::after{content:"-"}
.weight-disclosure[open]{padding-bottom:12px}
.data-disclosure{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sink);padding:0 12px}
.data-disclosure summary{cursor:pointer;list-style:none;padding:12px 0;font-size:var(--fs-rg);font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.data-disclosure summary::-webkit-details-marker{display:none}
.data-disclosure summary::before{content:none}
.data-disclosure summary::after{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2);font-size:var(--fs-xs);color:var(--ink-2);background:var(--surface);margin-left:auto;flex-shrink:0}
.data-disclosure[open] > summary::after{content:"-"}
.data-disclosure[open]{padding-bottom:10px}
.data-disclosure .hint{margin:0 0 10px}
.quality-note .data-disclosure{margin-top:10px;background:var(--surface)}
.quality-note .data-disclosure summary{font-size:var(--fs-sm)}
.period-chip{min-height:40px;display:flex;align-items:center}
.period-value{display:inline-flex;align-items:center;height:40px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sink);padding:0 11px;color:var(--ink-2);font-size:var(--fs-sm);font-weight:800;white-space:nowrap}

.preset-block .control-row .segmented,
.preset-block .control-row .input-affix input{height:40px;box-sizing:border-box}
#result{margin:16px 0 18px}

@media(max-width:900px){
  .bt-summary{grid-template-columns:1fr}
  .result-note{align-items:flex-start;flex-direction:column}
  .result-tags{justify-content:flex-start}
  .bt-main-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
  .bt-side-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
  .bt-main-stats .stat{min-height:auto}
  .bt-main-stats .stat .val{font-size:var(--fs-4xl);margin-top:8px}
}
@media(max-width:760px){
  .hero{padding:30px 0 18px}
  .hero .lead{font-size:var(--fs-base);line-height:1.55}
  .lead{font-size:var(--fs-rg);line-height:1.6}
  .hero-lead{padding-top:34px;padding-bottom:24px}
  .hero-lead h1{max-width:none}
  .backtest-hero .lead{white-space:normal}
  .backtest-setup{padding:14px 14px}
  .backtest-setup .sb{padding:6px 10px}
  .data-badges{justify-content:flex-start;max-width:none;margin-top:10px}
  .preset-info{grid-template-columns:1fr}
  .preset-info .mix{flex-direction:column;align-items:flex-start}
}

.tagcloud{line-height:2.5}
.tagcloud a{display:inline-block;margin:3px 5px;padding:3px 10px;border-radius:var(--r-md);
  color:var(--link);font-weight:700;letter-spacing:0;transition:.14s var(--ease)}
.tagcloud a:hover{background:var(--link-bg)}
.tagcloud a .hint{color:var(--ink-3);font-weight:500}

.ret-strip{display:flex;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.ret-cell{flex:1;padding:11px 6px;text-align:center;border-right:.5px solid var(--line);min-width:0}
.ret-cell:last-child{border-right:none}
.ret-cell-v{font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}
@media(max-width:600px){
  .ret-strip{flex-wrap:wrap;overflow:visible}
  .ret-cell{flex:1 0 33%;border-right:none;border-top:.5px solid var(--line)}
  .ret-cell:nth-child(-n+3){border-top:none}
}
.peers-more{display:block;margin-top:2px;padding:12px 14px;text-align:center;font-weight:700;
  font-size:var(--fs-rg);color:var(--brand);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
@media(min-width:601px){.peers-more{padding:8px 2px;text-align:left;background:none;border:none;border-radius:0}}
.sim-controls{font-size:var(--fs-rg);color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px}
.sim-controls select{appearance:none;-webkit-appearance:none;font-weight:700;font-size:var(--fs-rg);color:var(--ink);padding:9px 34px 9px 14px;border:1px solid var(--line);border-radius:var(--r-md);background-color:var(--surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f9099' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.sim-controls select:hover{border-color:var(--brand)}
.sim-controls select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--link-bg)}
.sim-tip{margin:0 0 18px;padding:3px 0 3px 13px;border-left:3px solid var(--brand-2);font-size:var(--fs-xs);line-height:1.6;color:var(--ink-2)}
.sim-tip b{color:var(--brand)}
.sim-note{font-size:var(--fs-xs);color:var(--ink-3);margin:0 0 8px;padding-left:1px}
.sim-strip{display:flex;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-sm)}
.sim-cell{flex:1;padding:19px 16px;text-align:center;border-right:1px solid var(--line);min-width:0}
.sim-cell:last-child{border-right:none}
.sim-cell .k{font-size:var(--fs-xs);font-weight:700;color:var(--ink-3);margin-bottom:9px}
.sim-cell .v{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;line-height:1.1}
.sim-cell .v .u{font-size:var(--fs-sm);font-weight:700;color:var(--ink-3);margin-left:2px;letter-spacing:0}
.sim-risk{margin-top:16px}
@media(max-width:560px){
  .sim-strip{flex-direction:column}
  .sim-cell{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px 17px;border-right:none;border-bottom:1px solid var(--line)}
  .sim-cell:last-child{border-bottom:none}
  .sim-cell .k{margin-bottom:0}
  .sim-cell .v{font-size:var(--fs-2xl)}
}
.etf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-top:10px}
.etf-head h1{font-size:clamp(22px,6vw,var(--fs-stat))}
.etf-meta{font-size:var(--fs-sm);color:var(--ink-3);margin-top:9px;line-height:1.6}
.etf-meta .mono{color:var(--ink-2);font-weight:600}
.etf-badges{display:flex;gap:6px;flex-wrap:wrap;max-width:100%}
.deflist{padding:4px 22px}
.def{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.def:last-child{border:none}
.def .dk{width:98px;flex-shrink:0;font-size:var(--fs-sm);font-weight:700;color:var(--ink-3)}
.def .dv{flex:1;font-size:var(--fs-rg);line-height:1.6}

.def .dv .di+.di{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}
.def .dv .dl{color:var(--ink-3);font-weight:500}   

@media(max-width:600px){.def{flex-direction:column;gap:5px}.def .dk{width:auto;font-size:var(--fs-xs)}.deflist .gloss{display:none}}

.faq{margin-top:32px}
.faq h2{font-size:var(--fs-xl);margin-bottom:10px}
.faq-item{border:1px solid var(--line);border-radius:var(--r);margin:8px 0;background:var(--surface);padding:15px 18px}
.faq-q{font-weight:700;font-size:var(--fs-rg);color:var(--ink);margin-bottom:8px;padding-left:22px;position:relative;line-height:1.45}
.faq-q::before{content:"Q";position:absolute;left:0;top:0;color:var(--brand);font-weight:800}
.faq-a{color:var(--ink-2);line-height:1.72}
.faq-a p{margin:0}.faq-a p+p{margin-top:8px}

@media(max-width:600px){
  #list .row{flex-direction:column;align-items:stretch;gap:9px}
  #list .row .nm{white-space:normal}
  #list .row-flex{width:100%}
  #list .row-flex .input-affix{flex:1;min-width:0}
}

.card,.stat,.table-card,.list,.ret-strip{box-shadow:none}
a.card:hover,.card-link:hover{box-shadow:var(--shadow-sm)}

.data-disclosure,.weight-disclosure{
  border:none;background:transparent;border-radius:0;padding:0;
  margin-top:16px;border-top:1px solid var(--line)}
.data-disclosure[open],.weight-disclosure[open]{padding-bottom:0}
.weight-disclosure .data-disclosure{margin-top:6px;border-top:none}   

.quality-note .data-disclosure{margin-top:14px;background:transparent;border:none;border-top:1px solid var(--line);border-radius:0;padding:0}

.preset-info{border:none;background:transparent;border-radius:0;
  padding:12px 0 2px;margin-top:12px;border-top:1px solid var(--line)}
.backtest-divider{display:none}                       

.note.quality-note{background:transparent;border:none;border-radius:0;padding:0;margin-top:16px}

.data-disclosure summary,.weight-disclosure summary{justify-content:flex-start}
.data-disclosure summary::after,.weight-disclosure summary::after{
  margin-left:8px;content:"";
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%3E%3Cpath%20d='M10%2C6.3V13.7M6.3%2C10H13.7'%20stroke='%235c5f66'%20stroke-width='1.7'%20stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat}
.data-disclosure[open] > summary::after,.weight-disclosure[open] > summary::after{
  content:"";   
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%3E%3Cpath%20d='M6.3%2C10H13.7'%20stroke='%235c5f66'%20stroke-width='1.7'%20stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat}

.look-card .data-disclosure summary{padding-bottom:6px}

.backtest-setup{padding-bottom:8px}
.weight-disclosure summary{padding:14px 0}

@media(min-width:601px){#list .row{min-height:62px}}

@media(min-width:601px){#list .row:has(.manual-nm){align-items:flex-start}}

.barrow{gap:12px}
.barrow .bar{flex:0 1 clamp(140px,42%,300px)}
.barrow .v{width:auto;min-width:40px;text-align:right;color:var(--ink);font-weight:700}

.diag-synth{font-size:var(--fs-base);line-height:1.6;color:var(--ink);font-weight:450;
  margin:8px 0 16px;word-break:keep-all;text-wrap:pretty}
.diag-synth b{font-weight:750}

.card .note{background:transparent;border:none;border-radius:0;padding:4px 0}

.look-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 6px}
.look-summary .note{padding:16px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);text-align:center}
.look-summary .note>span{display:block;font-size:var(--fs-xs);color:var(--ink-3);margin-bottom:6px}
.look-summary .note>b{font-size:var(--fs-2xl);font-weight:800;line-height:1.25;color:var(--ink)}
.look-summary .summary-sub{display:block;font-size:var(--fs-xs);color:var(--ink-3);font-weight:400;margin-top:3px}

.look-card>p.hint{font-size:var(--fs-xs);color:var(--ink-3);margin:6px 0 0}

.acct-limit-card .acct-limit-main{font-size:var(--fs-base);font-weight:700}

.look-card .look-head h3{font-size:var(--fs-lg)}
.look-card h4{font-size:var(--fs-lg);font-weight:800;color:var(--ink);margin:26px 0 2px}
.look-card p.hint.look-desc{margin:4px 0 12px}           
.look-card .data-disclosure summary{font-weight:650;font-size:var(--fs-sm);color:var(--ink-2)}  

.card .alert{background:transparent;border:none;border-radius:0;
  padding:10px 0 10px 14px;border-left:3px solid var(--line-2)}
.card .alert.warn{border-left-color:var(--warn)}
.card .alert.neg{border-left-color:var(--neg)}
.card .alert.pos{border-left-color:var(--pos)}

.sec-row{cursor:pointer;transition:background .12s var(--ease)}
.sec-row:hover,.sec-row.open{background:var(--surface-2)}
.sec-row td:nth-child(2){font-weight:600}                       
.sec-count{font-weight:400;color:var(--ink-3);font-size:var(--fs-xs)}   
.sec-caret{margin-left:8px;color:var(--ink);font-size:var(--fs-sm)}     

.sectbl{table-layout:fixed;width:100%}
.sectbl .rank-col{width:42px}
.sectbl th.num,.sectbl td.num{width:98px}

@media(min-width:601px){
  .sttbl{table-layout:fixed;width:100%}
  .sttbl th.num,.sttbl td.num{width:11.5%}
  .sttbl th:last-child,.sttbl td:last-child{width:104px}   
}
.sec-drill{display:none}
.sec-drill.open{display:table-row}
.sec-drill>td{padding:0!important;background:transparent;border:none}
.sec-drill-in{margin:0 0 12px;padding:2px 14px 6px;background:var(--surface-2);
  border-left:3px solid var(--brand-2);border-radius:0 8px 8px 0}
.sec-hold{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line)}
.sec-hold:first-child{border-top:none}
.sec-hold-nm{font-weight:600;color:var(--ink)}
.sec-hold-pct{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:var(--fs-xs)}
.sec-hold-etfs{flex-basis:100%;margin-top:1px;font-size:var(--fs-cap)}
.sec-more{padding:8px 0 2px;color:var(--ink-3)}