/* sipcalculatorhub.com — /funds/ pages. Builds on tokens.css + pages.css; only what those lack. */
.fs-select{width:100%;padding:8px;border:1px solid var(--line-2);background:var(--surface);font-family:var(--mono);font-size:.85rem;color:var(--ink)}
.fs-plans{display:flex;border:1px solid var(--line-2)}
.fs-plans button{flex:1;padding:8px 10px;border:0;background:var(--surface);font-family:var(--mono);font-size:.8rem;cursor:pointer;color:var(--ink-soft)}
.fs-plans button+button{border-left:1px solid var(--line-2)}
.fs-plans button[data-active="1"]{background:var(--blue);color:var(--on-accent)}
.prose.wide{max-width:none}
.prose.wide p{max-width:72ch}
table.breakdown td .per{display:block;font-size:.68rem;color:var(--muted)}
.fs-note{font-size:.8rem;color:var(--muted);margin-top:10px}
.chart-cap{font-size:.8rem;color:var(--muted);margin-top:8px}
.roll-chart .g{stroke:var(--line);stroke-width:1}
.roll-chart .g.z{stroke:var(--ink-soft)}
.roll-chart .six{stroke:var(--tax);stroke-width:1;stroke-dasharray:4 4}
.roll-chart .ln{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round}
.roll-chart text{font-family:var(--mono);font-size:10px;fill:var(--muted)}
.roll-chart .yl{text-anchor:end}
.roll-chart .sl{text-anchor:end;fill:var(--tax)}
table.fs-cat td a{color:var(--blue);font-family:var(--sans);font-weight:600}
table.fs-cat td:first-child{white-space:normal;min-width:220px}
.fs-search{margin-top:24px;width:100%;max-width:520px;padding:12px 14px;border:1px solid var(--line-2);font-size:1rem;font-family:var(--sans);background:var(--surface)}
.fs-hub{columns:2 380px;column-gap:40px}
.fs-cat-block{break-inside:avoid;margin-bottom:28px}
.fs-cat-block h2{font-family:var(--serif);font-size:1.2rem;margin-bottom:8px}
.fs-cat-block h2 a:hover{color:var(--blue)}
.fs-cat-block h2 span{font-family:var(--mono);font-size:.72rem;color:var(--muted);font-weight:400;margin-left:6px}
.fs-cat-block ul{list-style:none}
.fs-cat-block li{padding:4px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.fs-cat-block li a:hover{color:var(--blue)}
table.fs-cat td:nth-child(2){white-space:nowrap}
.roll-chart .ln-idx{fill:none;stroke:var(--real);stroke-width:2;stroke-linejoin:round;stroke-dasharray:5 3}
.chart-wrap .chart-legend{flex-wrap:wrap}
.chart-legend i.fund{background:var(--blue)}
.chart-legend i.idx{background:var(--real)}
#fs_oBench{margin-top:6px}
table.breakdown th,table.breakdown td{white-space:nowrap}
.fs-more{list-style:none;margin:8px 0 0;padding:0}
.fs-more li{padding:5px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.fs-more a{color:var(--blue)}
.fs-cols{columns:2 320px;column-gap:32px}
.fs-cols li{break-inside:avoid}
.fs-vs-line{font-weight:600}
.prose ul.fs-more{margin:8px 0 14px 0}
.fs-embed{width:100%;font-family:var(--mono);font-size:.78rem;padding:10px;border:1px solid var(--line-2);background:var(--wash);color:var(--ink);resize:vertical}
.hv-body{padding:22px 26px 6px}
.hv-out{padding:6px 26px 26px}
.hv-h{border:1px solid var(--line-2);padding:14px 16px;margin-bottom:12px;background:var(--surface)}
.hv-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr;gap:10px 14px}
@media(max-width:900px){.hv-grid{grid-template-columns:1fr 1fr}.hv-wide{grid-column:1/-1}}
.hv-grid label{font-size:.8rem;font-weight:600;color:var(--ink-soft);display:flex;flex-direction:column;gap:5px}
.hv-grid input,.hv-grid select,.hv-pair input,.hv-booked input{padding:8px;border:1px solid var(--line-2);font:inherit;font-size:.9rem;background:var(--surface);color:var(--ink);width:100%}
.hv-hint{font-weight:400;color:var(--muted)}
.hv-sub{margin-top:10px;font-size:.85rem}
.hv-pair{display:flex;gap:8px;align-items:center;margin:6px 0}
.hv-pair input{max-width:170px}
.hv-link{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit;font-size:.85rem;padding:2px 0;margin-right:12px;text-decoration:underline}
.hv-msg{font-size:.8rem;color:var(--tax);margin-top:6px}
.hv-msg:empty{display:none}
.hv-booked{max-width:520px;margin-top:6px}
.hv-booked label{font-size:.85rem;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:6px}
.hv-actions{margin:6px 0 14px}
.hv-steps{margin:18px 0 6px 20px;color:var(--ink-soft)}
.hv-steps li{margin:6px 0}
.hv-note,.hv-empty,.hv-err{font-size:.82rem;color:var(--muted);margin-top:12px}
.hv-err{color:var(--tax)}
.hv-tag{font-family:var(--mono);font-size:.62rem;background:var(--blue-wash);color:var(--blue-deep);padding:1px 5px;margin-left:4px}
.hv-mon{display:flex;gap:6px}
.hv-mon select{flex:1;min-width:0;padding:8px 4px;border:1px solid var(--line-2);font:inherit;font-size:.9rem;background:var(--surface);color:var(--ink)}
.hv-pair .hv-mon{flex:0 1 220px}
.hv-pair .hv-x{min-width:32px;min-height:32px}
@media(max-width:900px){.hv-when{grid-column:1/-1}}
.hv-grid{align-items:end}