/* Homepage-only ranking accents; character artwork stays unchanged. */
.home-popularity-note{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:-.25rem .2rem .9rem;font-size:.72rem;color:#5a6b54}
.home-popularity-note>span{padding:.2rem .6rem;border:1px solid #d6e5bc;border-radius:999px;background:#f7fce9;font-weight:800}
.home-popularity-note details{max-width:100%}
.home-popularity-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.home-popularity-note p{max-width:40rem;line-height:1.8;margin:.4rem 0}
.home-character-card.has-access-rank{position:relative}
.home-access-rank{position:absolute;z-index:2;left:.5rem;top:.5rem;display:flex;align-items:baseline;gap:.2rem;padding:.3rem .55rem;border:2px solid #fff;border-radius:12px;background:#ecf7de;color:#26672d;box-shadow:0 3px 8px #35532524;line-height:1}
.home-access-rank small{font-size:.52rem;font-weight:900}
.home-access-rank b{font-size:1.15rem;font-weight:950}
.home-access-rank.is-podium{background:linear-gradient(135deg,#fff5ac,#ffd94a);color:#725009}
.home-character-showcase.is-popularity .home-pickup-label{background:linear-gradient(120deg,#c6790b,#e9a525);font-size:.7rem;padding:.32rem .8rem}
@media(max-width:650px){.home-popularity-note{font-size:.65rem}.home-access-rank{left:.35rem;top:.35rem;padding:.28rem .42rem}.home-access-rank b{font-size:1rem}}