html body #main .kfm-chart{max-width:1180px;margin:72px auto;padding:34px;background:#fff;border:1px solid #dce8e9;border-radius:28px;box-shadow:0 18px 50px #19465509;color:#244956;font-family:inherit;box-sizing:border-box}
html body #main .kfm-chart *{box-sizing:border-box}
html body #main .kfm-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}
html body #main .kfm-chart-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#579497}
html body #main .kfm-chart h2{font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin:7px 0 9px;color:#183e4d;font-weight:600}
html body #main .kfm-chart h2 em{font-style:normal;color:#299795;font-weight:400}
html body #main .kfm-chart-heading p{font-size:14px;line-height:1.6;color:#7c929b;margin:0}
html body #main .kfm-chart-source{text-decoration:none;color:#2e7580;font-size:12px;padding:12px 16px;background:#eef7f4;border:1px solid #e0efea;border-radius:13px;white-space:nowrap}
html body #main .kfm-chart-source span{display:block;font-size:10px;margin-top:4px;color:#85a39d}
html body #main .kfm-chart ol{list-style:none;margin:0;padding:0;counter-reset:none}
html body #main .kfm-chart .kfm-chart-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
html body #main .kfm-chart-item{position:relative;display:flex;align-items:center;gap:13px;min-width:0;margin:0;padding:14px 10px;border-bottom:1px solid #edf2f3}
html body #main .kfm-chart-item:before,html body #main .kfm-chart-item:after{display:none}
html body #main .kfm-chart-rank{flex:0 0 28px;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;color:#82a1ac}
html body #main .kfm-chart-cover{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#dcefed,#dce6f2);color:#548c96;font-size:24px}
html body #main .kfm-chart-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body #main .kfm-chart-track{min-width:0;flex:1}
html body #main .kfm-chart .kfm-chart-track h3{color:#244956;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #main .kfm-chart .kfm-chart-track p{color:#80949e;font-size:12px;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #main .kfm-chart-movement{flex:0 0 28px;text-align:center;font-size:10px;color:#97aab0;font-variant-numeric:tabular-nums}
html body #main .kfm-chart-movement.is-up,html body #main .kfm-chart-movement.is-new{color:#23988c}
html body #main .kfm-chart-movement.is-down{color:#b58c8e}
html body #main .kfm-chart-open{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;text-decoration:none;border:1px solid #e1ecec;border-radius:50%;color:#5b9398;font-size:16px;background:#fafdfc}
html body #main .kfm-chart-open:hover{background:#e0f2ed;color:#166d77}
html body #main .kfm-chart-top .kfm-chart-item{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;gap:12px;padding:22px 18px;background:linear-gradient(135deg,#f0f9f5,#f2f6fb);border:1px solid #dceceb;border-radius:18px;min-height:145px}
html body #main .kfm-chart-top .kfm-chart-rank{position:absolute;right:16px;top:9px;font-size:32px;opacity:.17;color:#317c8b}
html body #main .kfm-chart-top .kfm-chart-cover{width:64px;height:64px;grid-row:1/3;border-radius:15px}
html body #main .kfm-chart-top .kfm-chart-track{grid-column:2;grid-row:1/3;align-self:center}
html body #main .kfm-chart-top .kfm-chart-track h3{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html body #main .kfm-chart-top .kfm-chart-movement{grid-column:3;grid-row:1;align-self:end;margin-top:16px}
html body #main .kfm-chart-top .kfm-chart-open{grid-column:3;grid-row:2}
html body #main .kfm-chart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
html body #main .kfm-chart-more{margin-top:20px;border-top:1px solid #e3eeee;padding-top:18px}
html body #main .kfm-chart-more summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 18px;border-radius:12px;background:#eff7f5;color:#3a7b83;font-size:13px;font-weight:500;list-style:none}
html body #main .kfm-chart-more summary::-webkit-details-marker{display:none}
html body #main .kfm-chart-more[open] summary{margin-bottom:12px}
html body #main .kfm-chart-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:20px;color:#94a6ad;font-size:10px;line-height:1.6}
html body #main .kfm-chart :focus-visible{outline:2px solid #278d94;outline-offset:3px}
@media(max-width:900px){html body #main .kfm-chart{padding:25px}html body #main .kfm-chart-top{grid-template-columns:1fr!important}html body #main .kfm-chart-top .kfm-chart-item{min-height:112px;padding:18px}html body #main .kfm-chart-list{grid-template-columns:1fr}}
@media(max-width:540px){html body #main .kfm-chart{padding:21px;margin:45px 0;border-radius:24px}html body #main .kfm-chart-heading{align-items:flex-start;gap:14px}html body #main .kfm-chart h2{font-size:34px}html body #main .kfm-chart-heading p{font-size:12px}html body #main .kfm-chart-source{padding:9px 10px;font-size:10px}html body #main .kfm-chart-item{gap:9px;padding:13px 0}html body #main .kfm-chart-rank{flex-basis:23px;font-size:16px}html body #main .kfm-chart-cover{width:40px;height:40px;flex-basis:40px}html body #main .kfm-chart .kfm-chart-track h3{font-size:13px}html body #main .kfm-chart .kfm-chart-track p{font-size:11px}}
html body #main .kfm-chart-cover img[hidden]{display:none!important}

html body #main .kfm-chart-badge{display:block;padding:12px 16px;background:#e9f6f1;border:1px solid #dcefe8;border-radius:14px;color:#3c8b85;font-size:12px;letter-spacing:1px;white-space:nowrap;text-align:center}
html body #main .kfm-chart-badge>span{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#80a39c}
html body #main .kfm-chart-top .kfm-chart-item{grid-template-columns:72px minmax(0,1fr);padding:24px 20px;min-height:154px;background:linear-gradient(130deg,#e6f4ef,#edf3fb)}
html body #main .kfm-chart-top .kfm-chart-cover{width:72px;height:72px}
html body #main .kfm-chart-top .kfm-chart-track{grid-row:1;grid-column:2;align-self:end;margin-right:8px}
html body #main .kfm-chart-top .kfm-chart-movement{grid-row:2;grid-column:2;align-self:start;text-align:left;margin-top:0}
html body #main .kfm-chart-list .kfm-chart-movement{margin-left:auto}
html body #main .kfm-chart-list .kfm-chart-item{border-radius:12px;padding-left:12px;padding-right:12px}
html body #main .kfm-chart-list .kfm-chart-item:hover{background:#f0f8f6}
@media(max-width:540px){html body #main .kfm-chart-badge{padding:10px;font-size:10px}html body #main .kfm-chart-top .kfm-chart-item{padding:20px;min-height:128px}}