:root{--ink:#172f3d;--blue:#1768b0;--teal:#098a7d;--muted:#657783;--line:#cbd4da}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:#fff;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-underline-offset:3px}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e1a32f;outline-offset:3px}main{max-width:860px;padding:28px 28px 0;margin:auto}h1{font-size:34px;text-align:center;line-height:1.6;margin:0 0 28px;font-weight:600}h2{font-size:18px;font-weight:600;margin:0}.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;max-width:650px;margin:55px auto 65px}.index-button{border:1px solid var(--ink);background:white;border-radius:0;font-size:27px;min-height:68px;padding:10px 8px}.index-button:hover:not(:disabled){background:#f0f6f8}.index-button:disabled{color:#85909a;border-color:#c9cfd4;cursor:default}.index-button small{display:block;font-size:10px;line-height:1.2}.chart-card{padding:0 0 18px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#period-label{font-size:11px;color:var(--muted);margin:7px 0 13px}.periods{display:flex;gap:4px}.periods button{border:1px solid var(--line);background:white;min-height:35px;padding:5px 13px;font-size:12px}.periods button.active{border-color:var(--ink);background:#edf3f6;font-weight:650}.periods button:disabled{color:#a0a8ae;border-color:#e0e4e7;background:#f0f2f4;cursor:not-allowed}.chart-wrap{position:relative}.chart-bias{text-align:right;font-size:12px;line-height:1.6;min-height:20px;overflow-wrap:anywhere}.value-a{color:var(--blue)}.value-b{color:var(--teal)}#chart{display:block;width:100%;height:320px}#tooltip{position:absolute;right:8px;top:45px;pointer-events:none;background:#fffef5;border:1px solid var(--line);padding:6px 10px;font-size:11px;box-shadow:0 2px 10px #172f3d16}.results{text-align:right;margin:10px 0 0;line-height:1.5}.results>#gap{font-size:27px;font-weight:650}.results small{font-size:13px;margin-left:4px}.results>span{display:block;font-size:15px}.results #annual-gap{font-size:18px;font-weight:600}.fund-list-wrap{margin-top:20px}.fund-list{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.fund-list thead th{font-size:12px;font-weight:500;padding:8px 4px;border-bottom:1px solid var(--line);white-space:nowrap}.fund-list thead th:first-child{text-align:left;width:auto}.fund-list thead th:nth-child(2){width:90px}.fund-list thead th:nth-child(3),.fund-list thead th:nth-child(4){width:60px}.fund-list tbody th{text-align:left;font-weight:400;padding:11px 6px 11px 0;overflow-wrap:anywhere}.fund-list td{text-align:center;font-size:12px;padding:0 3px}.fund-list tbody tr{border-bottom:1px solid #edf0f2}.radio-hit{display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}.radio-hit input{appearance:none;width:23px;height:23px;border:1px solid #a2adb5;border-radius:2px;margin:0;cursor:pointer;display:grid;place-content:center}.radio-hit input:checked{border-color:var(--ink);background:#f1f5f7}.radio-hit input:checked:after{content:'✓';font-size:24px;line-height:1;font-weight:600}.fund-list td:nth-child(3) input:checked{color:var(--blue)}.fund-list td:nth-child(4) input:checked{color:var(--teal)}.small-note{font-size:10px;color:var(--muted);margin:12px 0}.back-home{display:block;margin:30px auto 38px;background:white;border:1px solid var(--ink);border-radius:0;padding:9px 22px;font-size:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 28px}details{border-top:1px solid #e3e8eb;padding:12px 0;font-size:11px}summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}summary:after{content:'＋';margin-left:8px}details[open] summary:after{content:'−'}.detail-body{color:var(--muted);font-size:11px}.detail-body p{margin:12px 0 0}footer{border-top:1px solid #e3e8eb;padding:20px 0 28px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px}footer p{margin:5px 0}.footer-notes{max-width:400px}.footer-notes details{font-size:10px}#status:not(:empty){font-size:12px;padding:10px;background:#fff5df;color:#8a5b14;margin-bottom:12px}
@media(max-width:640px){main{padding:23px 16px 0}h1{font-size:27px;margin-bottom:21px}.index-grid{margin:38px auto 42px;gap:22px 14px}.index-button{font-size:21px;min-height:61px;padding:8px 4px}.chart-head{flex-wrap:wrap;gap:10px}h2{font-size:16px}.periods{gap:3px}.periods button{font-size:11px;padding:5px 11px;min-height:34px}#period-label{font-size:10px}.chart-bias{font-size:10px;min-height:18px}#chart{height:248px}#tooltip{font-size:10px;right:0}.results>#gap{font-size:24px}.results small{font-size:11px}.results>span{font-size:13px}.results #annual-gap{font-size:16px}.fund-list-wrap{margin-top:10px}.fund-list{font-size:12px}.fund-list thead th{font-size:10px;padding:7px 1px}.fund-list thead th:nth-child(2){width:57px}.fund-list thead th:nth-child(3),.fund-list thead th:nth-child(4){width:40px}.fund-list td{font-size:10px;padding:0 1px}.fund-list tbody th{padding:11px 5px 11px 0}.radio-hit{min-height:52px}.radio-hit input{width:22px;height:22px}.back-home{font-size:20px;margin:25px auto 28px}.info-grid{grid-template-columns:1fr;gap:0;margin:15px 0 20px}footer{flex-direction:column;gap:15px;padding-top:16px}.small-note{font-size:9px}}
@media(max-width:360px){h1{font-size:24px}.index-button{font-size:19px}.chart-head{flex-direction:column;align-items:flex-start}.periods{width:100%}.periods button{flex:1}}

/* Use the full chart box: SVG coordinates are measured in rendered pixels. */
#chart{height:clamp(380px,54vh,620px);width:100%}
.chart-bias{white-space:nowrap;overflow-wrap:normal;font-size:24px;line-height:1.4;min-height:0;margin:4px 0}
#tooltip{font-size:16px;top:48px}
@media(max-width:640px){#chart{height:clamp(340px,50svh,480px)}.chart-bias{font-size:20px}#tooltip{font-size:13px}}