.viz-note{color:#626b78;font-size:12px;line-height:1.6;margin:0 20px 16px}
.viz-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;gap:20px}
.viz-breakdown{padding:8px 20px 24px}.viz-with-ring{display:flex;align-items:center;gap:24px;min-height:225px}.viz-ring{width:168px;flex:none}.viz-ring text{font:12px Geist,sans-serif;fill:#626b78}.viz-ring .viz-ring-total{font-size:27px;font-weight:600;fill:#262626}.viz-categories{flex:1;min-width:0;width:100%}
.viz-category{border-bottom:1px solid #eef0f3}.viz-category summary{display:grid;grid-template-columns:minmax(0,1fr) 40px 42px;gap:8px;padding:12px 0;cursor:pointer;font-size:13px;list-style:none}.viz-category summary::-webkit-details-marker{display:none}.viz-name{display:flex;align-items:center;gap:8px}.viz-name i{height:8px;width:8px;border-radius:2px;flex:none}.viz-category strong,.viz-percent{text-align:right;font-variant-numeric:tabular-nums}.viz-percent{color:#626b78;font-size:12px}.viz-track{height:8px;background:#edf0f5;border-radius:3px;display:block;overflow:hidden;grid-column:1/-1}.viz-track i{display:block;height:100%;background:#4f7be8;border-radius:3px}.viz-sources{padding:0 0 14px}.viz-sources a{display:block;padding:8px 0;font-size:12px;color:#345b8f;line-height:1.5}.viz-sources a span{display:block;color:#626b78}.viz-sources p{font-size:12px;color:#626b78}.viz-category summary:hover{color:#345b8f}.viz-category summary:focus-visible,.viz-rank:focus-visible{outline:2px solid #4f7be8;outline-offset:3px}
.viz-ranking{padding:0 20px 16px}.viz-rank{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:#262626;font-size:13px}.viz-rank:hover{color:#345b8f}.viz-position{width:16px;color:#626b78;font-size:12px}.viz-rank img,.viz-rank .source-logo{width:26px;height:26px;object-fit:contain;flex:none}.viz-rank-body{flex:1;min-width:0}.viz-rank-body>span:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.viz-rank-body strong{font-variant-numeric:tabular-nums}.viz-rank-details>summary{padding:12px 20px;font-size:12px;color:#626b78;cursor:pointer;border-top:1px solid #eef0f3}
@media(max-width:1100px){.viz-with-ring{flex-direction:column;align-items:stretch;gap:14px}.viz-ring{width:150px;align-self:center}}
@media(max-width:650px){.viz-grid{grid-template-columns:1fr}.viz-with-ring{flex-direction:column;align-items:stretch}.viz-ring{width:155px;align-self:center}.viz-breakdown{padding:8px 16px 20px}.viz-note{margin-inline:16px}}