main{padding:12px}
.masonry{position:relative;width:100%}
.board-message{margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid #bed8bd;font-size:13px}
.board-message[hidden]{display:none}
.ranking-tile{position:absolute;left:0;top:0;background:#fff;border:1px solid #bacbb8;overflow:hidden;min-width:0}
.tile-image{display:block;width:100%;height:auto;aspect-ratio:400/224;object-fit:cover}
.tile-heading{padding:9px 10px 10px;border-bottom:1px solid #e1e8df}
.tile-heading h2{margin:0 0 4px;font-size:16px;line-height:1.25;color:#202620}
.tile-stamp{margin:0;color:#7a8276;font-size:10px;line-height:1.4}
.tile-description{margin:7px 0 0;color:#535b50;font-size:11px;line-height:1.4}
.ranking-entries{padding:0 8px;margin:0;list-style:none}
.ranking-entry{display:grid;grid-template-columns:13px 24px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:44px;border-bottom:1px solid #edf0eb}
.ranking-entry:last-child{border-bottom:0}
.entry-rank{align-self:center;font-size:9px;color:#82907d;font-variant-numeric:tabular-nums}
.entry-icon{display:block;width:24px;height:24px;object-fit:contain}
.entry-initial{display:grid;place-items:center;background:#edf3e9;color:#5b7753;font-size:10px;width:24px;height:24px;border-radius:50%}
.entry-identity{min-width:0;text-decoration:none;color:#263128;line-height:1.25}
.entry-symbol{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entry-name{display:block;font-size:10px;color:#687162;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entry-identity:hover .entry-symbol{text-decoration:underline}
.entry-values{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.3;padding-block:5px}
.entry-price{display:block;font-size:12px;font-weight:700}
.entry-change{display:block;font-size:10px;color:#697563}
.entry-change.positive{color:#138644}.entry-change.negative{color:#cb3030}
.tile-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;padding:8px 10px;background:#f8faf5;border-top:1px solid #e8eee3;color:#67775c;font-size:10px;line-height:1.35}
.ranking-tile a:focus-visible{outline:2px solid #459657;outline-offset:1px}
@media(max-width:480px){main{padding:8px}.tile-heading h2{font-size:17px}}