.tier-info{padding:var(--s4);margin-bottom:var(--s6)}
.tier-info p{margin:0 0 var(--s2)}
.tier-best{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.tier-row{margin:var(--s6) 0}
.tier-row h2{display:flex;align-items:baseline;gap:var(--s2);font-size:var(--type-base);margin:0 0 var(--s3)}
.tier-row h2 small{color:var(--muted);font-weight:400}
.tier-label{padding:2px 10px;border-radius:var(--r1);background:var(--surface-2);border-inline-start:4px solid var(--line)}
.tier-meta .tier-label{border-color:var(--accent)}
.tier-a .tier-label{border-color:var(--ok)}
.tier-b .tier-label{border-color:var(--orange)}
.tier-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}
.tier-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface-1);overflow:hidden}
.tier-card>a:first-child{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);color:inherit;text-decoration:none;min-height:44px}
.tier-card .ars-shot{flex:0 0 96px;width:96px}
.tier-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.tier-name{font-weight:700}
.tier-rank{font-size:var(--type-sm);color:var(--muted)}
.tier-move{font-size:var(--type-sm)}
.tier-move-up{color:var(--ok)}
.tier-move-down{color:var(--danger)}
.tier-move-new{color:var(--accent)}
.tier-build{display:flex;align-items:center;min-height:44px;padding:0 var(--s3);border-top:1px solid var(--line);font-size:var(--type-sm)}
.tier-out-list a{display:inline-flex;align-items:center;min-height:44px}
.tier-tag{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.tier-tag.tier-meta{border-color:var(--accent);color:var(--accent)}
@media (max-width:520px){.tier-grid{grid-template-columns:1fr}}