.info-btn{width:22px;height:22px;color:var(--ink-3);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:4px;padding:0;transition:background .15s,color .15s,transform .15s;display:inline-grid}.info-btn:hover,.info-btn:focus-visible{background:var(--green-soft,#e3f4ec);color:var(--ink);transform:scale(1.1)}.card.dark .info-btn,.dark .info-btn{color:#ffffffb3}.card.dark .info-btn:hover{color:#fff;background:#ffffff26}.explain{gap:18px;display:grid}.explain-data{gap:12px;display:grid}.explain-term{background:var(--card);border:1px solid var(--rule-2);border-radius:12px;gap:6px;padding:14px 16px;display:grid}.explain-term h3{align-items:center;gap:6px;margin:4px 0 0;font-size:14px;display:flex}.explain-term p{margin:0;line-height:1.6}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--rule-2);background:var(--card);border-radius:12px;align-content:start;gap:4px;padding:14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s cubic-bezier(.2,.8,.2,1) both tile-in;display:grid;position:relative}.tile.clickable{cursor:pointer}.tile.clickable:hover,.tile.clickable:focus-visible{border-color:var(--ink);outline:none;transform:translateY(-3px);box-shadow:0 10px 24px #10231c1f}.tile-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);align-items:center;font-size:12px;display:flex}.tile-value{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.1}.tile.tone-good .tile-value{color:var(--green-2,#0d8257)}.tile.tone-fair .tile-value{color:var(--amber,#b7791f)}.tile.tone-poor .tile-value{color:var(--coral,#c63f2a)}.tile-note{color:var(--ink-3)}.tile-more{color:var(--ink-3);opacity:0;align-items:center;gap:2px;font-size:12px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:10px;right:12px;transform:translate(-4px)}.tile.clickable:hover .tile-more,.tile.clickable:focus-visible .tile-more{opacity:1;transform:none}.grow-bar{background:var(--paper-2,#e8ece9);border-radius:99px;flex:1;height:10px;display:block;overflow:hidden}.grow-bar i{background:var(--ink-3);border-radius:99px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}.grow-bar.tone-good i{background:linear-gradient(90deg,#13a36e,#2fd08e)}.grow-bar.tone-fair i{background:linear-gradient(90deg,#d99a28,#f2c14e)}.grow-bar.tone-poor i{background:linear-gradient(90deg,#c63f2a,#ef7a5f)}.card.dark .grow-bar{background:#ffffff24}.click-row{cursor:pointer;transition:background .15s}.click-row:hover,.click-row:focus-visible{background:var(--paper-2,#f1f4f2);outline:none}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tile,.grow-bar i,.tile-more{transition:none;animation:none}}.bd-part{background:var(--card);border:1px solid var(--rule-2);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.bd-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bd-list li{background:var(--card);border:1px solid var(--rule-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.bd-dom{gap:1px;min-width:0;display:grid}.bd-dom b,.bd-dom small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd-dom small{color:var(--ink-3)}.bd-rank{align-items:center;gap:6px;width:120px;display:flex}.tile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}@media (width<=640px){.tile-grid.three{grid-template-columns:1fr}}.grow-bar.tone-neutral i{background:linear-gradient(90deg,#2f6690,#5aa0d6)}