/* Scope medal refinements to the shared component, keeping page surfaces/text intact. */
.nf-growth .nf-medal.normal[data-nf-medal-id] .nf-medal-plate{border-radius:27%;box-shadow:0 2px 0 color-mix(in srgb,var(--nf-medal) 40%,#fff),inset 0 0 0 2px #fff}
.nf-growth .nf-medal.normal[data-nf-medal-id] .nf-medal-plate:after{inset:5px;border-color:color-mix(in srgb,var(--nf-medal) 45%,#fff)}
.nf-growth .nf-medal .nf-medal-milestone{position:absolute;z-index:4;left:50%;bottom:-1%;transform:translate(-50%,12%);min-width:22%;height:21%;padding:0 4px;box-sizing:content-box;display:grid;place-items:center;background:var(--nf-soft);border:1px solid var(--nf-medal);border-radius:4px;color:var(--nf-medal);font:700 10px/1 Arial,"Microsoft YaHei",sans-serif;pointer-events:none}
.nf-growth .nf-medal.compact .nf-medal-milestone{font-size:9px;padding:0 3px}
.nf-growth .nf-pin-option .nf-medal .nf-medal-milestone,.nf-ranking-table .nf-medal.compact .nf-medal-milestone{font-size:7px;padding:0 2px;border-radius:2px;min-width:24%;height:22%;bottom:-3%}
.nf-ranking-table .nf-medal.normal[data-nf-medal-id] .nf-medal-plate:after{inset:2px}
/* Let thumbnails retain their own legendary metal rather than the old shared purple shadow. */
.nf-ranking-table .nf-growth .nf-medal.nf-legend .nf-medal-plate{box-shadow:0 1px 0 color-mix(in srgb,var(--lg-ink) 35%,#fff),inset 0 0 0 1px #fff}
@media(forced-colors:active){.nf-growth .nf-medal .nf-medal-milestone{background:Canvas;color:CanvasText;border-color:CanvasText}}